@charset "UTF-8";

/*　text　*/
.new:before{content:"NEW　";color: #dc1100;}
.txtRed{color: #dc1100;}

/*　Itempage Contents　*/
#itemContents{max-width:940px;line-height:1.5;margin:0 auto 20px!important;color:#4C4C4C;}
#itemContents p,#itemContents ul,#itemContents li,#itemContents dl,#itemContents dt,#itemContents dd{margin:0;padding:0;list-style:none;}
#itemContents img{max-width:100%;}
#itemContents div:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#itemContents .tit{font-size:21px;font-weight:700;padding:10px; /*margin: 100px 0 20px 0;*/ /*border-bottom:3px solid #005180; color: #005180;*/}
#itemContents .tit2{font-size:18px;font-weight:700;padding:10px;margin:40px 0 20px 0;}
#itemContents .ctr{text-align:center!important;}
#itemContents .ctr img{margin: 30px 0;}
#itemContents .cols2 > div{float:left;vertical-align:middle;}
#itemContents .cols2 div.wd{width:55%;padding-top:2%;margin-bottom:3%;margin-right:3%;}
#itemContents .cols2 div.wd p{margin-bottom:2%;}

#itemContents .cols2 dl{margin-bottom:15px;}
#itemContents .note li{padding-left:1em;text-indent:-1em;font-size:12px;}
#itemContents .grBox{background:#eee;border:solid 1px #555;border-radius:3px;padding:15px;}
#itemContents .grBox .tit{border-bottom:none;}

@media only screen and max-width 1246px {
#itemContents .cols2 div{float:none;}
#itemContents .cols2 div.wd{width:98%!important;margin:2%!important;}
#itemContents .cols2 img{text-align:center;margin:20px auto;}
}

/*　Item Page Contents spec　*/
#itemContents table.SpecTable{width:100%;margin:20px 0;border-collapse:collapse;border-spacing:0;border-color:grey;}
#itemContents .SpecTable caption{text-align:left;}
#itemContents .SpecTable th{background-color:#EFEFEF;border:solid 1px #ccc;font-size:13px;width:10%;color:#888;padding:10px;}
#itemContents .SpecTable td{border:solid 1px #ccc;font-size:13px;padding:10px;}
#itemContents .SpecTable tr:nth-child(odd) td{background-color:#fff;}
#itemContents .SpecTable tr:nth-child(even) td.even{background-color:#EFEFEF;}

/*　spec　*/
.iteminfo caption{font-weight: bold;text-align: left;font-size: 16px;line-height: 2; margin-top: 15px;}
.iteminfo .note{margin-top:30px;}
.iteminfo .note li{font-size:12px; padding-left:1em; text-indent:-1em;list-style:none;}

/*　Itempage Contents　old Temp 170822 */
#spContents{max-width:940px;line-height:1.5;margin:0 auto 20px!important;color:#4C4C4C;}
#spContents p,#spContents ul,#spContents li,#spContents dl,#spContents dt,#spContents dd{margin:0;padding:0;list-style:none;}
#spContents img{max-width:100%;}
#spContents div:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#spContents .tit{font-size:21px;font-weight:700;/*border-bottom:3px solid #007cc4;*/ padding:15px 10px 10px; /*margin:20px 0;*/}
#spContents .ctr{text-align:center!important;}
#spContents .ctr img{margin-bottom:10px;}
#spContents .cols2 > div{float:left;vertical-align:middle;}
#spContents .cols2 div.wd{width:70%;padding-top:2%;}
#spContents .cols2 dl{margin-bottom:15px;}
#spContents li{padding-left:1em;text-indent:-1em;font-size:12px;}
#spContents table.SpecTable{width:100%;margin:20px 0;border-collapse:collapse;border-spacing:0;border-color:grey;}
#spContents .SpecTable caption{text-align:left;}
#spContents .SpecTable th{background-color:#EFEFEF;border:solid 1px #ccc;font-size:13px;width:10%;color:#888;padding:10px;}
#spContents .SpecTable td{border:solid 1px #ccc;font-size:13px;padding:10px;}
#spContents .SpecTable tr:nth-child(odd) td{background-color:#fff;}
#spContents .SpecTable tr:nth-child(even) td.even{background-color:#EFEFEF;}
#spContents .grBox{background:#eee;border:solid 1px #555;border-radius:3px;padding:15px;}
#spContents .grBox .tit{border-bottom:none;}
.accordionBox{border-top:1px dotted #666;}
.accordionBox input{display:none;}
.accordionBox label{padding:20px 20px 20px 50px;display:block;margin:0;position:relative;cursor:pointer;font-weight:700;background-color: #f2f8fc;}
.accordionBox label:after{position:absolute;top:30%;left:15px;display:block;content:'';width:25px;height:25px;border-radius:15px;background:#007cc4;color:#fff;}
.accordionBox label::after{display:block;content:"＋";text-align:center;}
.accordionBox div.acBox{position:relative;height:0;overflow:hidden;transition:height .2s ease-in-out;}
.accordionBox input:checked + label::after{display:block;content:"－";text-align:center;}
.accordionBox input:checked ~ div.acBox{height:100%;padding:10px 30px 30px;}
.accordionBox input:checked ~ div.section{border-bottom:dotted 1px #666;}
.accordionBox input:checked ~ div.section:last-child{border-bottom:none;}

@media only screen and max-width 1246px {
#spContents .cols2 div{float:none;}
#spContents .cols2 div.wd{width:98%!important;margin:2%!important;}
#spContents .cols2 img{text-align:center;margin:20px auto;}
}

/* movie Link */
.movieSec{margin:0px auto 80px auto!important;max-width:940px;}
.movieBox {
	position: relative;
	width: 100%;
	padding-top: 50%;
	margin-bottom:30px;
}
.movieBox iframe {
	margin: 40px auto;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media only screen and (max-width: 1252px) {
.movieBox iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}}

/* External link */
#itemContents a[target="_blank"].ext{text-decoration: none;}
#itemContents a[target="_blank"].ext:after{ content: "\f08e"; font-family: FontAwesome; margin-left:10px;}

/*　ボタン全体デザイン　*/
.btH, .btH a {
	display: inline-block;
	border-radius: 5px;
	margin: 3px;
	padding: 10px;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	/*transition: 0.3s background;*/
	width: 10em;
}
/*　ボタンにリンクがある場合（inputボタンふくむ）、hover時透過させる　*/
.btH a:hover, input.btH:hover{opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-filter: "alpha(opacity=70)";transition: ease 1.0s;-webkit-transition: all ease 1.0s;}
input.btH{border:none;}
/*　プレゼント受け取り確認ボタン　*/
.btCols2 {margin: auto;display: table;table-layout: fixed;}
.btCols2 li {display: table-cell;}
/*受け取るボタン*/
.receiveBt a{
	background: #F94A6D;
	color: white !important;
	font-size: 14px;
	/*padding: 15px !important;
	box-shadow: 0 3px 0 #c52948;*/
}
/*受け取らないボタン*/
.receiveNotBt a {
	background: #EDEDED;
	border:solid 1px #888;
	color: #333 !important;
	font-size: 14px;
	margin-right:40px !important;
	/*padding: 15px !important;
	box-shadow: 0 2px 0 #888;*/
}

/*ポップアップ*/
.fancybox-wrap{/*width:73% !important;*/ width:auto !important; max-width:80%;}
.fancybox-inner{width:auto !important; line-height:1.5;}
#inline_present{width:100%; height:100%; overflow:hidden; background:#fff;}
#inline_present .prBox{padding:15px; border: 4px solid #CCC; margin-bottom: 15px; border-radius: 10px;}
#inline_present .prBox img{margin-bottom:15px; max-width:250px; width:100%;}
#inline_present .prTxt{text-align: center; margin-bottom: 15px; font-weight: bold;}
#inline_present .prTxtBox{text-align: left; font-size: 75%; line-height: 1.8em; background:#f0f0f0; padding:20px;}
#inline_present .prTxtBox li{font-size:11px; list-style:none; line-height:1.2;}
#inline_present .f14{font-size:14px;}
#inline_present .bold{font-weight:bold;}
#inline_present .left{text-align:left;}
#inline_present .icPrst{color: #F94A6D; padding: 5px; display:block;}
@media screen and (max-width: 650px){.btCols2 {table-layout: inherit !important;}.btCols2 li {display:inherit !important;}}
@media screen and (orientation:landscape){.fancybox-inner{overflow:visible !important; height:100% !important;}}

/*レビュー　リンク*/
.rvBt{max-width:940px;margin:30px auto;background:#222;border-radius:5px;padding:5px;position: relative;transition: 0.2s;}
.rvBt a{display: flex;;color:#fff !important;text-decoration:none;font-size: 20px;align-items: center;}
.rvBt .rvBtImg{width:120px;overflow:hidden;}
.rvBt .rvBtImg img{max-width:100%;transition: 0.2s;}
.rvBt:hover{-webkit-transform: rotate(0.1deg);-moz-transform: rotate(0.1deg);-ms-transform: rotate(0.1deg);-o-transform: rotate(0.1deg);transform: rotate(0.1deg);}
.rvBt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.rvBt .rvBtTxt{max-width:85%;padding:20px;font-weight: bold;}
.rvBt a:after{content:"商品レビューはこちら";position: absolute;right: 15px; bottom: 5px;font-size: 18px;}

/* 関連商品 */
.relatedBox:after{content: "";display: block;clear: both;}
.relatedBox .relatedBoxTit{font-weight:bold; margin:10px 0;border:none !important;}
.relatedBox ul{
display: grid;
display: -ms-grid;
grid-gap: 10px;
grid-row:auto;
grid-template-columns:repeat(auto-fit,minmax(180px,180px));
/*grid-template-columns:repeat(auto-fit,minmax(140px, 1fr));*/
margin-bottom:15px;}

@supports (-ms-ime-align:auto) {
.relatedBox{max-width:100%;}
.relatedBox ul{display:block !important;}
.relatedBox li{margin-right:10px;margin-bottom:15px;float:left;width:180px;height:80px;vertical-align:middle;}}
@media all and (-ms-high-contrast:none) {
.relatedBox{max-width:100%;}
.relatedBox ul{display:block !important;}
.relatedBox li{margin-right:10px;margin-bottom:15px;float:left;width:180px;height:80px;vertical-align:middle;}}
.relatedBox li{display: inline-grid;list-style:none;align-items:center;border:solid 1px #eee;line-height:1.5;}
.relatedBox li a{display:block;text-align:center;padding:5px;text-decoration:none;margin:auto;}
.relatedBox li:hover{background:#f7f7f7;}
.relatedBox li span{display: inline-block;text-align: center;float:left;word-wrap: break-word;width: 100px;}
.relatedBox li strong{font-weight:normal;}
.relatedBox li strong.price{color:#d30303;}
.relatedBox li.active,.relatedBox li:active,.relatedBox li:visited{box-shadow:0px 0px 1px 1px rgba(255, 128, 0, 0.2),0px 0px 1px 1px rgba(255, 128, 0, 0.2) inset;border:solid 1px #ff8004;font-weight:bold;background:#fffcf9;}
.relatedBox li img{display:block;float:left;margin-right:5px;}
.relatedBox li strong.couponT{font-size:11px;font-weight:normal !important;color:#222 !important;}
.relatedFrame{margin-top:30px;}
.relatedFrame h2{border-bottom: solid 1px #cdcdcd;font-size:14px !important; margin: 0;font-weight:normal !important;padding-bottom:5px;}

/* スペック表 */
#incontents table.t01 th {
    width: 15% !important;
    white-space: normal !important;
}

/* clearfix
******************************* */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}