@charset "UTF-8";

/* layout
-------------------------------------------------------------------------------- */
.di-pro-box {
	/* border: solid 5px #ebebeb; */
	overflow: hidden;
	zoom: 1;
}

#di-pro-ikan-outline {
    border : 2px solid #88aDC8 ;
    margin-top : 2em;
}

#di-pro-ikan-middleLine {
    border : 1px solid #ffffff;
}

#di-pro-ikan-box {
    border : 1px solid #98aDd8;
    text-align: center;
    font-size: 105%;
    padding: 2em;
}

#main a {
	text-decoration:underline;
}

/* detail banner
-------------------------------------------------------------------------------- */

.di-detail-bnr {
	float: right;
}


/* contents menu
-------------------------------------------------------------------------------- */
div.detail #di-title-area,
#productdetail #di-title-area {
	margin: 0 0 6px 0;
	padding: 10px 0px 0px 0px;
	/* border-top: solid 1px #006bb1; */
	/* background:url(../../../common/images/bg_main_cap.png) repeat-x left bottom; */
	color: #333333;
}

div.detail #di-title-area h1,
#productdetail #di-title-area h1 {
	font-size:125%;
	line-height:150%;
	margin:0 0 10px 0;
	padding:0;
	border:none;
	background:none;
	font-weight: bold;
	float: left;
	width: calc(100% - 200px);
}

div.detail #di-title li,
#productdetail #di-title li {
	font-size: 105%;
	line-height:150%;
	letter-spacing:1px;
	margin:0 0 1px 12px;
	font-weight:500;
}

div.detail #di-title-area .mvp-contents-menu-wrapper {
    border-bottom: solid 2px #e0e0e0;
    margin-bottom: 10px;
    padding-bottom: 8px;
}

div.detail #di-title-area .mvp-contents-menu,
#productdetail #di-title-area .mvp-contents-menu {
	/* width:637px; */
	/* float:right; */
	margin: 8px 0 8px 0;
	clear:both;
	padding:8px 0 8px 10px;
}

#main .code-list-contents-menu {
	 margin: 20px 0 10px ;
	 padding: 10px;
	 border: solid 1px #eaeae4;
	 background: #f2f2eb;
	 border-radius: 8px;
}

.di-pro-box >.mvp-contents-menu li a:hover {
	background: #eaebeb;
	color: #fff!important;
	text-shadow: none;
}

.di-pro-box >.mvp-contents-menu li span {
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mvp-contents-menu li.current a span {
	color: #fff;
	text-shadow: none;
}

#di-m-info span { background-position: 10px 6px;}
#di-m-code span { background-position: 10px -117px;}
#di-m-annex span { background-position: 10px -241px;}
#di-m-direction span { background-position: 10px -364px;}
#di-m-intev span { background-position: 10px -487px;}
#di-m-precaution span { background-position: 10px -241px;}
#di-m-photo span { background-position: 10px -611px;}
#di-m-shiori span { background-position: 10px -734px;}
#di-m-guide span { background-position: 10px -857px;}
#di-m-pres span { background-position: 10px -980px;}
#di-m-qa span { background-position: 10px -1886px;}

/* hover, current */
#di-m-info a:hover span,#di-m-info.current a span { background: #8561b2 url(../images/icon.png) no-repeat 10px -51px;}
#di-m-code a:hover span,#di-m-code.current a span { background: #e8a93b url(../images/icon.png) no-repeat 10px -174px;}
#di-m-annex a:hover span,#di-m-annex.current a span { background: #53782b url(../images/icon.png) no-repeat 10px -301px;}
#di-m-direction a:hover span,#di-m-direction.current a span { background: #58b5c0 url(../images/icon.png) no-repeat 10px -422px;}
#di-m-intev a:hover span,#di-m-intev.current a span { background: #5387b7 url(../images/icon.png) no-repeat 10px -548px;}
#di-m-precaution a:hover span,#di-m-precaution.current a span { background: #53782b url(../images/icon.png) no-repeat 10px -301px;}
#di-m-photo a:hover span,#di-m-photo.current a span { background: #bf4d96 url(../images/icon.png) no-repeat 10px -671px;}
#di-m-shiori a:hover span,#di-m-shiori.current a span { background: #e88340 url(../images/icon.png) no-repeat 10px -792px;}
#di-m-guide a:hover span,#di-m-guide.current a span { background: #86bf49 url(../images/icon.png) no-repeat 10px -918px;}
#di-m-pres a:hover span,#di-m-pres.current a span { background: #e37d8c url(../images/icon.png) no-repeat 10px -1039px;}
#di-m-qa a:hover span,#di-m-qa.current a span { background: #993366  url(../images/icon.png) no-repeat 10px -1945px;}

#di-btn .di-btn1 { background: #00a498;border: solid 1px #00a498;}
#di-btn .di-btn2 { background: #f29600;border: solid 1px #f29600;}
#di-btn .di-btn3 { background: #0b499d;border: solid 1px #0b499d;}
#di-btn .di-btn4 { background: #D53E17;border: solid 1px #D53E17;}

#di-btn .di-btn1 a span { background: url(../images/icon.png) no-repeat left -1352px;}
#di-btn .di-btn2 a span { background: url(../images/icon.png) no-repeat left -1533px;}
#di-btn .di-btn3 a span { background: url(../images/icon.png) no-repeat left -1714px;}
#di-btn .di-btn4 a span { background: url(../images/icon2.png) no-repeat left -1352px;}

#di-btn .di-btn1 a:hover { background: #00a498;}
#di-btn .di-btn2 a:hover { background: #f29600;}
#di-btn .di-btn3 a:hover { background: #0b499d;}
#di-btn .di-btn4 a:hover { background: #D53E17;}

#di-btn li a {
	display: block;
	color: #4c4c4c!important;
	text-decoration: none!important;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: none;
	zoom: 1;
}

#di-btn li a:hover {
	background: #eaebeb;
	color: #fff!important;
	text-shadow: none;
}

#di-btn li span {
	padding: 4px 5px 4px 20px;
	display: block;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#sec-info h2 {background:none;padding-left:10px;border-left:5px solid #8561b2;}
#sec-code h2 {background:none;padding-left:10px;border-left:5px solid #e8a93b;}
#sec-annex h2 {background:none;padding-left:10px;border-left:5px solid #53782b;}
#sec-direction h2 {background:none;padding-left:10px;border-left:5px solid #58B5C0;}
#sec-intev h2 {background:none;padding-left:10px;border-left:5px solid #5387b7;}
#sec-precaution h2 {background:none;padding-left:10px;border-left:5px solid #53782b;}
#sec-shiori h2 {background:none;padding-left:10px;border-left:5px solid #e88340;}
#sec-photo h2 {background:none;padding-left:10px;border-left:5px solid #bf4d96;}
#sec-guide h2 {background:none;padding-left:10px;border-left:5px solid #86bf49;}
#sec-prescribe h2 {background:none;padding-left:10px;border-left:5px solid #e37d8c;}
#sec-qa h2 {background:none;padding-left:10px;border-left:5px solid #993366;}

/* guide menu
-------------------------------------------------------------------------------- */
#di-guide-contents-menu{
	margin-bottom: 20px;
  padding: 10px;
  border: solid 1px #eaeae4;
  background: #f2f2eb;
  border-radius: 8px;
}
#di-guide-menu{
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width:768px) {
	#di-guide-menu li {
		width: calc((100% - 50px) / 6);
		margin-bottom: 15px;
	}
	#di-guide-menu li:not(:nth-child(6n)){
		margin-right: 10px;
	}
	#di-guide-menu li:nth-child(6n+1):nth-last-child(-n+6){
		margin-bottom: 0;
	}
	#di-guide-menu li:nth-child(6n+1):nth-last-child(-n+6) ~ li{
		margin-bottom: 0;
	}
	#di-table > .wrap {
		position: relative; 
	}		
}

#di-guide-menu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #0070c0;
  border-radius: 25px;
	background: #fff;
	box-sizing: border-box;
	height: 100%;
	min-height: 50px;
	position: relative;
	padding: 5px 15px;
	text-decoration: none;
}

#di-guide-menu li a:after{
	position: absolute;
	right: 10px;
	transform: rotate(45deg);
	width: 3px;
	height: 3px;
	border-top: 1px solid #0070c0;
	border-right: 1px solid #0070c0;
	content: '';
}

#di-guide-menu li a:hover, #di-guide-menu li.current a{
	background: #0070c0;
	color: #fff;
}

#di-guide-menu li a:hover:after,#di-guide-menu li.current a:after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

/* button action */
#mvp-search #mvp-search-btn:active
,#mvp-search li a:active
,#mvp-reg a:active {
	position: relative;
	top: 1px;
	left: 1px;
}


/* 50 list
-------------------------------------------------------------------------------- */

#floatMenu-box {
	position: sticky;
	width: 100%;
	top: 60px;
}

@media screen and (max-width:767px){
  	#floatMenu-box {
		position: static !important;
	}
}

#floatMenu {
	top: 0;
	left: 0;
	_left: 0;
	padding-top: 10px;
	background: #fff;
}
	
.di-top #floatMenu .di-table {
	width: 100%;
	height: 75px;
	margin-bottom: 0;
}
.di-top #floatMenu .di-table th {
	border-bottom: 0;
}
.di-50 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.di-50 ul {
	display: table;
	width: 90%;
	margin: 0 auto 30px;
	border-collapse: separate;
	border-spacing: 10px 0;
}
.di-50 ul li {
	display: table-cell;
}

/*.di-50 li.di-50-totop {
	float:right;
	margin-top:10px;
}*/
.di-50 li a {
	display: block;
  padding: 10px 0;
  border: 2px solid #0070c0;
  border-radius: 8px;
  color: #0070c0;
  font-weight: bold;
  line-height: 1;
  text-align: center;
	text-decoration: none !important;
}
.di-50 li.current a {
	background: #0070c0;
  color: #fff!important;
}
.di-50 li a:hover {
	background: #0070c0;
  color: #fff!important;
	text-decoration: none!important;
}

.download-packins-container{
	position: relative;
	width: 252px;
	margin-left: 137px;
}
.download-packins-container button{
	display: inline-block;
	position: relative;
	overflow: visible;
	padding: 6px 30px 5px;
	border: 2px solid #0070c0;
	border-radius: 20px;
	background: #fff;
	color: #0070c0;
	line-height: 1;
}
.download-packins-container button::after{
	position: absolute;
	top: calc(50% - 2px);
	right: 10px;
	transform: rotate(45deg);
	width: 3px;
	height: 3px;
	border-top: 1px solid #0070c0;
	border-right: 1px solid #0070c0;
	content: '';
}
.download-packins-container button:hover {
	cursor: pointer;
	background: #0070c0;
  color: #fff;
}
.download-packins-container button:hover::after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.download-packins-container.di-annex{
	margin-left: 0;
}
.di-50 .link-btn{
	text-align: right;
	margin-top: 0;
}
.di-50 .link-btn a{
	text-decoration: none !important;
}
/* 矢印 */
.di-50 .download-packins-container::before{
	position: absolute;
	bottom: -18px;
	left: 109px;
	width: 0;
	height: 0;
	border-width: 20px 15px 0 15px;
	border-style: solid;
	border-color: #0070c0 transparent transparent transparent;
	content: '';
}
.di-50 .download-packins-container button::before{
	position: absolute;
	bottom: -16px;
	left: 110px;
	width: 0;
	height: 0;
	border-width: 16px 12px 0 12px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	content: '';
}
.di-50 .download-packins-container button:hover::before{
	border-color: #0070c0 transparent transparent transparent;
}

/* zebra table
-------------------------------------------------------------------------------- */

#main .di-table	{
	width:100%;
	/*margin:0 0 14px 0;*/
	border:1px solid #a7b8d2;
	border-top: none;
	border-right:none;
	border-collapse:collapse;
	box-sizing: border-box;
}

#main .di-table th,
#main .di-table td {
	padding:4px;
	border-right:1px solid #a7b8d2;
	font-size: 80%;
	line-height: 120%;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}

#main .di-table th {
	border-top: 1px solid #a7b8d2;
	border-bottom: 1px solid #a7b8d2;
	background: #e1e9f6 ;
	font-weight: normal;
	letter-spacing: -1px;
}

#main .di-table tr.odd {
	background: #f1f5fa;
}

#main .di-table tr.highlight {
	background: #8493aa;
}

#main .di-table tr.selected td {
	background: #8493aa;
	color: #fff;
}

#main .di-table th.product-cell,
#main .di-table td.product-cell {
    width: 19%;
}

#main .di-table th.link-cell,
#main .di-table td.link-cell {
    width: 81%;
}

#main .di-table th.content-cell,
#main .di-table td.content-cell {
    width: 8%;
    min-width: 48px;
}

#main .di-table th.content-cell.annex,
#main .di-table td.content-cell.annex {
    width: 9%;
    min-width: 60px;
}

#main .di-table tr.highlight td,
#main .di-table tr.highlight td a,
#main .di-table tr.selected td a {
	color: #fff;
}

#main .di-table td .icon {
	display: block;
	width: 50px;
	margin: 0 auto;
	padding: 2px;
	color: #fff;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
}

#main .di-table td .icon-info {background:#8561b2;}
#main .di-table td .icon-info:hover {background:#b6a0d1;}

#main .di-table td .icon-code {background:#e8a93b;}
#main .di-table td .icon-code:hover {background:#f1cc88;}

#main .di-table td .icon-annex {background:#53782b; width: 35px; display: inline-block; margin-right: 4px;}
#main .di-table td .icon-annex:hover {background:#98ae80;}

#main .di-table td .icon-direction {background:#57b5c0;}
#main .di-table td .icon-direction:hover {background:#9ad3da;}

#main .di-table td .icon-intev {background:#5387b7;}
#main .di-table td .icon-intev:hover {background:#98b7d4;}

#main .di-table td .icon-precaution {background:#5387b7;}
#main .di-table td .icon-precaution:hover {background:#98b7d4;}

#main .di-table td .icon-photo {background:#da67bd;}
#main .di-table td .icon-photo:hover {background:#e8a4d5;}

#main .di-table td .icon-shiori {background:#e88340;}
#main .di-table td .icon-shiori:hover {background:#f6b484;}

#main .di-table td .icon-guide {background:#86bf49;}
#main .di-table td .icon-guide:hover {background:#b7db91;}

#main .di-table td .icon-qa {background:#993366 ;}
#main .di-table td .icon-qa:hover {background:#c973a6;}

#main .di-table td .icon-prescribe {background:#e26a8a;}
#main .di-table td .icon-prescribe:hover {background:#eea6ba;}

#mvp-search .di-box-inner {
	background: #bddff3 url(../images/bg_search.png) repeat-x left top;
}

/* code list
-------------------------------------------------------------------------------- */
#mvp-code-menu{
	display: flex;
	flex-wrap: wrap;
}
@media screen and (min-width:768px) {
	#mvp-code-menu li {
		width: calc((100% - 40px) / 5);
	}
	#mvp-code-menu li:not(:nth-child(5n)){
		margin-right: 10px;
	}
	#mvp-code-menu li:not(:nth-last-child(-n + 5)){
		margin-bottom: 15px;
	}
}

#mvp-code-menu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #0070c0;
  border-radius: 10px;
	background: #fff;
	box-sizing: border-box;
	height: 100%;
	min-height: 76px;
	position: relative;
	padding: 5px 15px;
	text-decoration: none;
}
#mvp-code-menu li a:after{
	position: absolute;
	right: 10px;
	transform: rotate(45deg);
	width: 3px;
	height: 3px;
	border-top: 1px solid #0070c0;
	border-right: 1px solid #0070c0;
	content: '';
}

#mvp-code-menu li a:hover {
	background: #0070c0;
	color: #fff;
}
#mvp-code-menu li a:hover:after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

div.di-title-wrapper {
	padding: 24px 0;
	background: #f2f2f2;
}
div.di-title-wrapper h1 {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 160%;
	font-weight: bold;
}


#di #main {
  max-width: 100%;
	margin: 0;
  padding: 0;
}

span.stop-guidance {
	color: red;
	font-weight: 300;
}




/* PC向け */
@media screen and (min-width:960px){
	div.detail #di-title,
    #productdetail #di-title {
        margin-bottom: 2px;
    }

    div.detail #di-title > h1,
    #productdetail #di-title > h1 {
        float:left;
        width: calc(100% - 200px);
    }

    #mvp_footprint_bookmark {
        margin-top: 0;
    }

	div.detail #di-title-area .mvp-contents-menu,
    #productdetail #di-title-area .mvp-contents-menu {
        width: 100%;
        width: calc(100% - 12px);
    }

	div.detail #di-title-area .mvp-contents-menu li,
    #productdetail #di-title-area .mvp-contents-menu li {
        width: 46.3%;
        width: calc(50% - 22px);
        margin:0 8px 5px 0;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
    }

    .di-pro-box >.mvp-contents-menu li {
        width: 30.5%;
        width: calc(33.33333% - 17.5px);
    }

    #di-btn li {
        width: 208px;
        margin: 0 8px 8px 0;
        padding: 0px 0px 0px 2px;
        float: left;
    }
}

/* タブレット向け */
@media screen and (max-width:959px){
	div.detail #di-title,
    #productdetail #di-title {
        margin-bottom: 2px;
    }

    div.detail #di-title > h1,
    #productdetail #di-title > h1 {
        float:left;
        width: calc(100% - 200px);
    }

    #mvp_footprint_bookmark {
        margin-top: 0;
    }

	div.detail #di-title-area .mvp-contents-menu li,
    #productdetail #di-title-area .mvp-contents-menu li {
        width: 46.3%;
        width: calc(50% - 22px);
        /* float:left; */
        margin:0 8px 5px 0;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
    }

    .di-pro-box >.mvp-contents-menu li {
        width: 30.5%;
        width: calc(33.33333% - 17.5px);
    }

    #di-btn li {
        width: 45%;
        margin: 0 8px 8px 0;
        padding: 0px 0px 0px 2px;
        float: left;
    }
}

/* スマホ向け */
@media screen and (max-width:639px){
    .di-pro-box {
        padding: 12px;
        /* border: solid 5px #ebebeb; */
        overflow: hidden;
        zoom: 1;
    }
	div.detail #di-title-area h1 {
		border-bottom: solid 1.5px #d4d4d4;
		padding-bottom: 8px;
        width: 100%;
	}

	div.detail #di-title,
    #productdetail #di-title {
        width:100%;
    }

    #mvp_footprint_bookmark {
    	margin-top: 0px;
        margin-bottom: 0px;
    }

	div.detail #di-title-area .mvp-contents-menu li,
    #productdetail #di-title-area .mvp-contents-menu li {
        width: 91.2%; /* IE8以前のようなレガシーブラウザ向けの定義 */
        width: calc(100% - 32px);
        margin:0 8px 5px 0;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
    }

    .di-pro-box >.mvp-contents-menu li {
        width: 94.2%; /* IE8以前のようなレガシーブラウザ向けの定義 */
        width: calc(100% - 25px);
    }

    #main .di-table#di-btn li {
        width: 100%;
        margin: 0 8px 8px 0;
        padding: 0px 0px 0px 2px;
        float: left;
    }
}



div#di-overlay {
	clear: both;
	background: #000;
	opacity: 0.4;
      filter: alpha(opacity=40);
	position: absolute;
	z-index: 5;
	top: 113px;
	left: 0px;
	width: 100%;
}
div#di-overlay {
	position:fixed;
	top:0;
}

div#di-dialog-wrapper{
	position:absolute;
	z-index:100;
	top:30px;
	width:100%;
	/* background: url("/common/images/bg_main.png"); */
	background-color: #fff;
}

div#di-dialog {
	display:block;
	border:none;
	border-radius:6px;
	height:700px;
	width:1000px;
	margin:0 auto;
	box-shadow:6px 6px 6px #444;
}


div.di-packins-wrapper {
	text-align: left;
	padding: 0.5em 1em;
	margin-top: -10px;
}

div.di-inner-title {
	font-size: 130%;
	border-bottom: solid 4px #d0d0d0;
    margin-bottom: 8px;
    font-weight: bold;
    margin-top: -20px;
    display: inline-block;
    width: calc(100% - 30px);
}
div.di-dialog-toolbar {
	text-align: right;
	padding: 4px;
}

ul.di-packins-download-item-list {
	margin-top: 0.5em;
	margin-left: 1em;
}

ul.di-packins-download-item-list > li {
	list-style:circle;
	padding-bottom: 0.5em;
}


div#dl-packins-product-list-wrapper {
	width: 100%;
	height: 140px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #fff;
}

ol#dl-packins-product-list > li {
    list-style-type: decimal;
    padding-left: 0.2em;
    margin-left: 45px;
	font-size:85%;
}

ul.di-packins-download-type-list {
	padding-left: 1em;
	padding-top: 0.5em;
	background-color: #fff;
}

ul.di-packins-download-type-list > li {
	padding-left: 0em;
	padding-bottom: 0.2em;
	font-size:80%;
}
ul.di-packins-download-type-list > li > label > input {
	margin-right: 0.5em;
}

div.di-packins-action-list-wrapper {
	margin-top: 0.5em;
	text-align: center;
}
ul.di-packins-action-list > li {
	display: inline-block;
	list-style: none;
	margin-right: 0.5em;
	margin-left: 0.5em;
}


div#dl-packins-file-size {
	padding: 0.3em 1em;
	background-color: #fff;
	font-size:80%;
}

div.di-description {
	font-size:85%;
}

div.di-item-title {
	margin-bottom: 0.2em;
	font-size:80%;
}

#di-packins-download-frame {
	width: 0;
	height: 0;
	display: none;
}

#di-packins-all-selector {
	font-size: 95%;
	padding: 2px 4px 2px 4px;
	margin-top: 4px;
}

#di-packins-all-selector-anx {
	font-size: 95%;
	padding: 2px 4px 2px 4px;
	margin-left: 8px;
}

button:hover {
	cursor: pointer;
}

input.packins-download-anx {
	margin-right: 4px;
	vertical-align:middle;
	display: inline-block;
}

span.di-new,
span.di-update {
	display: inline-block;
	background-color:crimson;

	text-align: center;
	margin-left: 0.2em;;
	line-height: 1.4em;
	vertical-align: top;
	border-radius:4px;
	padding:2px;
	font-size: 85%;
	font-weight: 500;
}

span.di-new {
	width: 3.5em;
	transform: scale(0.85, 1);
}
span.di-new:after {
	content: 'NEW';
	color: white;
	padding-right: 4px;
}

span.di-update {
	width: 4.8em;
	transform: scale(0.85, 1);
	background-color:transparent;	
	border: solid 2px crimson;
}

span.di-update:after {
	content: 'UPDATE';
	color: crimson;
	padding-right: 4px;
}

a:hover span.di-update {
	border: solid 2px white;
}
a:hover span.di-update:after {
	content: 'UPDATE';
	color: white;
	padding-right: 4px;
}

div.di-inquiry-box-container {
	margin-top: 2.5em;
	margin-bottom: 1.5em;
}

div.di-inquiry-box {
	/* border: solid 1px rgb(167, 184, 210); */
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0.5em 0 0.5em 0;
	text-align: center;
}

div.di-inquiry-box .inquiry-text {
	display: block;
}
div.di-inquiry-box .inquiry-link {
	display: none;
}

div.di-inquiry-box .inquiry-text,
div.di-inquiry-box .inquiry-link {
	margin-top: 0.2em;
	margin-bottom: 0.2em;	
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 0.15em;
}

div.di-inquiry-box .inquiry-description {
    display: block;	
	font-size: 1rem;
}

div.di-inquiry-box.mobile .inquiry-text {
	display: none;
}

div.di-inquiry-box.mobile .inquiry-link {
	display: block;
	font-size: 1.2rem;
}

div.di-inquiry-box span.reception-period {
	font-size: 80%;
}

/*
	div.di-inquiry-box .inquiry-text {
		display: none;
	}

	div.di-inquiry-box .inquiry-link {
		display: block;
	}
*/

div.code-remark {
	padding-left: 1em;
	padding-right: 1em;
}

div#sec-code div.code-remark {
    padding: 0.5em;
}

@media screen and (max-width: 360px) {
	div.di-inquiry-box span.reception-period {
		font-size: 80%;
		transform: scale(0.9, 1);
	}
}

@media screen and (min-width: 481px) {
	div.di-inquiry-box {
		/* width: 23.5em; */		
		/* margin: auto 0 0 0; */		
	}

	div.di-inquiry-box-container {
		margin-top: 1.5em;
		margin-bottom: 0.75em;
	}

	div.di-inquiry-box .inquiry-description {
		display: inline-block;
	}

	div.di-inquiry-box .inquiry-text {
		display: inline-block;
		margin-left: 2em;
	}
	div.di-inquiry-box .inquiry-link {
		display: none;
	}

	div.di-inquiry-box span.reception-period {
		font-size: 1rem;
	}

	div.di-inquiry-box.mobile .inquiry-text {
		display: none;
	}
	
	div.di-inquiry-box.mobile .inquiry-link {
		display: inline-block;
		margin-left: 2em;
	}
}