@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*{position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
@font-face {font-family: "YuGothic-M";font-weight: normal;src: local("YuGothic-Medium"),local("Yu Gothic Medium"), local("YuGothic-Regular");}
@font-face {font-family: "YuGothic-M";font-weight: bold; src: local("YoGothic-Bold"), local("Yu Gothic");}

html {font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */}
body {font-size: 1.4rem;/* 16px */font-family: -apple-system, blinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",  "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;font-weight: 500;-webkit-text-size-adjust: 100%;font-feature-settings: "palt"; /*border-top:8px solid #e67c7e;*/ width: 100%;}
_:lang(x)::-ms-backdrop, body {font-family: "メイリオ", Meiryo, sans-serif;}

@media screen and (min-width: 768px){
	body{min-width:1100px;}
}
@media screen and (max-width: 767px){
	body{overflow-x : hidden;}
	body.fixed{overflow: hidden;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {::i-block-chrome, body {font-feature-settings: "pkna";}}


.noto {font-family: 'Noto Sans Japanese', sans-serif;}

a{cursor: pointer; color: #111;}
button{font-family: -apple-system, blinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",  "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;}

/*
cmn------------------------------------------*/
.col2 > li{width:49%; margin-right:2%;}
.col2 > li:nth-of-type(even){margin-right:0;}

.col3 > li{width:32%; margin-right:3%;}
.col2 > li:nth-of-type(3n){margin-right:0;}

.flx{display: -webkit-box; display: -ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%;}

.flxcont{display:inline-block;}
.flx.al_center{-ms-align-items: center; align-items: center;}
.flx.fl_col{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.flx.js_justify{-webkit-box-pack: justify; -ms-flex-pack: justify; flex-pack: justify; justify-content: space-between !important; box-sizing: border-box !important;}
.flx.js_end{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.flx.js_around{-ms-flex-pack: distribute; justify-content: space-around;}
.flx.js_start{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.flx.js_center{-webkit-justify-content: center; -ms-justify-content: center; justify-content: center;}
.inline_flx{display:inline-flex;}


.icon_wrap:before,.icon_wrap:after{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.flx.flxcol2 > *{flex-basis: 49% !important; max-width:49% !important; width:49% !important;}
.flx.flxcol3 > *{flex-basis: 32% !important; max-width:32% !important; width:32% !important;}
.flx.flxcol4 > *{flex-basis: 24% !important; max-width:24% !important; width:24% !important;}

/* closeアイテム専用 */
.flx.flxcol8 > *{flex-basis: 32% !important; max-width:32% !important; width:32% !important;}
/* closeアイテム専用 */

.flx > * img{max-width:100%;}
.flx.flxcol3::after {
	content: '';
	display: block;
	width: 32%;
}
@media screen and (max-width: 767px){
	.flx.tocol1 > *{flex-basis: 100% !important; max-width:100% !important; width:100% !important; margin-right:0 !important;}
	.flx.tocol2 > *{flex-basis: 49% !important; max-width:49% !important; width:49% !important;}
	.flx.tocol3 > *{flex-basis: 32% !important; max-width:32% !important; width:32% !important;}

	/* closeアイテム専用 */
	.flx.tocol12 > *{flex-basis: 49% !important; max-width:49% !important; width:49% !important;}
	/* closeアイテム専用 */

}



/*ハンバーガーメニューアイコン*/
.drawer_icon{width:100%; height:100%; max-width:27px; max-height:28.5px;}
.drawer_icon span{position: absolute; background: #8b8b8b; border-radius:1.59px; width:100%; height:3.65px; padding: 0.2rem !important; transition:all .3s;}
.drawer_icon span:nth-of-type(1){top:5%;}
.active .drawer_icon span:nth-of-type(1){-webkit-transform: translateY(1em) rotate(-45deg); transform: translateY(1em) rotate(-45deg);}
.drawer_icon span:nth-of-type(2){top:42.5%;}
.active .drawer_icon span:nth-of-type(2){opacity:0;}
.drawer_icon span:nth-of-type(3){bottom:5%;}
.active .drawer_icon span:nth-of-type(3){-webkit-transform: translateY(-1em) rotate(45deg); transform: translateY(-1em) rotate(45deg);}

/*フリーワード検索*/
.input_wrap{border:1px solid #e3e3e3; border-radius: 2px;}
.input_wrap input{border:none; color: #111; background: transparent; width:100%; padding: 0.5em 0; font-size: 1.6rem; transform: scale(0.9);}
.input_wrap ::-webkit-input-placeholder{color:#a0b4c1;}
.input_wrap ::-moz-placeholder{color:#a0b4c1;}
.input_wrap :-ms-input-placeholder{color:#a0b4c1;}
/*
.input_wrap input.icon:placeholder-shown{background:url(/https/a-onstore.jp/bc/images/icon_search.png) left center  no-repeat; color:#a0b4c1; padding-left: 0; height: 50px;}
.input_wrap input.icon:-ms-input-placeholder{background:url(/https/a-onstore.jp/bc/images/icon_search.png) left center  no-repeat;color:#a0b4c1; padding-left: 0; height: 50px;}
*/
.input_wrap input.icon:placeholder-shown{left center  no-repeat; color:#a0b4c1; padding-left: 0; height: 50px;}
.input_wrap input.icon:-ms-input-placeholder{left center  no-repeat;color:#a0b4c1; padding-left: 0; height: 50px;}
.input_wrap img {width: 40px; padding: 10px 5px;}
.input_wrap .pc-search {width: 50px !important; padding: 10px !important;}
/*.input_wrap button{font-size:1.05rem; color: #FFF; background: #8b8b8b; border-radius:2px; padding:12px 8px;}
@media screen and (max-width: 767px){
	.input_wrap button{padding:12px 0; width:16%;}
}*/


/*ラジオボタン 詳細検索*/
.custom_radio_chips{cursor: pointer;}
.custom_radio_chips input[type=radio] {display: none;}
.custom_radio_chips > span{width: 100%;transition: all 0.2s linear; padding:1.1rem 0; font-size: 1.1rem; text-align: center; font-weight: bold;border:1px solid #e67c7e; color: #e67c7e; background: #FFF;}
.custom_radio_chips li:nth-last-of-type(2) span{border-right: none; border-left: none; border-radius: 0;}
.custom_radio_chips li:first-of-type span{border-bottom-left-radius: 2px; border-top-left-radius: 2px;  }
.custom_radio_chips li:last-of-type span{border-bottom-right-radius: 2px; border-top-right-radius: 2px;  }
.custom_radio_chips > span:hover{color: #FFF; background: #e67c7e;}

.custom_radio_chips input[type=radio]:checked + span {  border:1px solid #e67c7e; color: #FFF; background: #e67c7e;}
.custom_radio_chips input[type=radio]:checked + span:after { content: ''; position: absolute; display: block; width: 0; height: 0; left: 0; right:0; top:100%; margin: auto; border-top: 8px solid #e67c7e; border-right: 8px solid transparent; border-left: 8px solid transparent;}
.custom_radio_chips > span::after {border-bottom-color: #e67c7e; border-right-color: #e67c7e;}
li:nth-of-type(2) .custom_radio_chips > span{border-right:none; border-left:none;}
.new_item_head li:nth-of-type(2) .custom_radio_chips > span{border-right: 1px solid #e67c7e; border-left: 1px solid #e67c7e;}

@media screen and (max-width: 767px){
	.custom_radio_chips > span{font-size: 1.4rem;}
	.item_filter li:nth-of-type(2) .custom_radio_chips > span{border-right: 1px solid #e67c7e; border-left: 1px solid #e67c7e;}
/*add from*/
	.pickup_item_filter li:nth-of-type(2) .custom_radio_chips > span{border-right: 1px solid #e67c7e; border-left: 1px solid #e67c7e;}
	.end_item_item_filter li:nth-of-type(2) .custom_radio_chips > span{border-right: 1px solid #e67c7e; border-left: 1px solid #e67c7e;}
/*add to*/
	.new_item_head li:nth-of-type(2) .custom_radio_chips > span{border-right:none; border-left:none;}
	.custom_radio_chips input[type=radio]:checked + span:after{content:none;}
}

/*ラジオボタン*/
.custom_radio input[type=radio] {display: none;}
.custom_radio span {transition: all 0.2s linear; padding: 0 0 0 3rem; font-weight: bold; width: 100%; cursor: pointer; display: block;}

.custom_radio span:before {transition: all 0.2s linear; position: absolute; top: 0; bottom:0; left: 0; display: block; margin:auto; width: 1em; height: 1em; border: 2px solid #ccc; content: ''; border-radius: 100%;}
.custom_radio span:after { transition: all 0.2s linear; position: absolute; top: 0; bottom:0;  left: 0.34em; display: block;  margin:auto; width: .6em; height: .6em; content: ''; opacity: 0; border-radius: 100%;}

.custom_radio input[type=radio]:checked + span:after { opacity: 1; }
.custom_radio input[type=radio]:checked + span:before {border-color: #e67c7e;}
.custom_radio span:hover{color: #e67c7e;}
.custom_radio span::after {background: #e67c7e;}


/*チェックボックス*/
.custom_check{cursor: pointer;}
.custom_check input[type=checkbox] {display: none;}
.custom_check span {transition: all 0.2s linear; padding: .5em 4.5rem; font-weight: bold; width: 100%; cursor: pointer;}

.custom_check span:before {transition: all 0.2s linear; position: absolute; top: 0; bottom:0; left: 0; display: block; margin-top: -10px; width: 27px; height: 27px; border: 2px solid #ccc; content: ''; border-radius: 5px; margin:auto;}
.custom_check span:after { transition: all 0.2s linear; position: absolute; top: 0; left: 11px; bottom: 5px; margin: auto; display: block; width: 8px; height: 12px; border-right-style: solid; border-right-width: 3px; border-bottom-style: solid;  border-bottom-width: 3px; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.custom_check input[type=checkbox]:checked + span:after { opacity: 1; }
.custom_check input[type=checkbox]:checked + span:before {border-color: #e67c7e;}
.custom_check span:hover{color: #e67c7e;}
.custom_check span::after {border-bottom-color: #e67c7e; border-right-color: #e67c7e;}


/*チェックボックス 商品カテゴリ*/
.custom_check_black{cursor: pointer;}
.custom_check_black input[type=checkbox] {display: none;}
.custom_check_black span{width: 100%;transition: all 0.2s linear; padding:1.1rem 0; font-size: 1.2rem; text-align: center; font-weight: bold; border-radius: 5px; border:1px solid #ababab; color: #868686; }
.custom_check_black input[type=checkbox]:checked + span {  border:1px solid #8b8b8b; color: #FFF; background: #8b8b8b;}
/*.custom_check_black span:hover{background: #ababab; color: #FFF;}*/
.custom_check_black span::after {border-bottom-color: #EAA500; border-right-color: #EAA500;}

@media screen and (min-width: 768px){
	/*PCオンリー*/
	.l_column .custom_check_black input[type=checkbox]:checked + span {  border:1px solid #e67c7e; color: #FFF; background: #e67c7e;}
}

.custom_check.small span{padding: 0 2em;}
.custom_check.small span:after {left: 0.4em; bottom: 0.4em; width: 0.3em; height: 0.6em;}
.custom_check.small span:before{width: 1em; height: 1em; border-radius: 0;}


@media screen and (max-width: 767px){
    .custom_check.small span{padding:1em 2em;}
	.custom_check_black span{font-size: 1.4rem;}
}
/*チェックボックス トグルスイッチ*/
.custom_check_toggle{cursor: pointer;}
.custom_check_toggle input[type=checkbox] {display: none;}
.custom_check_toggle span {transition: all 0.2s linear; font-weight: bold;}

.custom_check_toggle span:before {left:auto; right:0; width:60px;  border-radius: 50em; background: #ccc; transition: all 0.2s linear; position: absolute; top: 0; bottom:0; display: block; margin-top: -7px;  height: 22px; border: 2px solid #ccc; content: '';}
.custom_check_toggle span:after {opacity:1; background: #FFF; transform: none; opacity: 1; width: 22px; height: 22px; border-radius: 100%; border:none; right: 38px; left: auto; top: 0; bottom: 0; transition: all 0.2s linear; position: absolute; display: block; margin-top: -5px;content: ''; }

.custom_check_toggle input[type=checkbox]:checked + span:before {border-color: #8b8b8b; background: #8b8b8b;}
.custom_check_toggle input[type=checkbox]:checked + span:after { border:none; right: 4px;}
.custom_check_toggle span:hover{color: #e67c7e;}



@media screen and (max-width: 767px){
	.custom_check.totoggle span{width:100%; padding-left: 2%;}
	.custom_check.totoggle span:before{left:auto; right:0; width:60px; border-radius: 50em; background: #ccc;}
	.custom_check.totoggle span:after{opacity:1; background: #FFF; right: 0; transform: none; opacity: 1; width: 25px; height: 25px; border-radius: 100%; border:none; right: 38px; left: auto; top: 0; bottom: 0;}
	.custom_check.totoggle input[type="checkbox"]:checked + span::before {border-color: #8b8b8b; background: #8b8b8b;}
	.custom_check.totoggle input[type="checkbox"]:checked + span::after{ border:none; right: 4px;}
}

/*アコーディオンアイコン*/
.accordion_body{height:4em; overflow: hidden; transition: all .3s;}
.icon_accordion:after{content:'+'; color: #fff; font-size: 3rem; height: 2.9rem; position: absolute; display: inline-block; top:0; bottom:0; background: #e67c7e; border-radius: 5px; padding: 0.1rem 0.5rem 0.4rem; right: 5%; margin: auto; font-weight: normal; display: block; width: 2.5rem; text-align: center;}
.icon_accordion.active:after{content:'-';}


/*---------------
【背景色】
------------------------------*/
.bg_gray{background: #f5f5f5;}
.bg_white{background: #fff;}

/*---------------
【リンク】
------------------------------*/
a.txt_link{
    color: #e67c7e;
    text-decoration: underline;
}

/*---------------
【ボタン】
------------------------------*/

input[type="button"] {	background: #8b8b8b url("/https/a-onstore.jp/bc/images/cmn/icon_search_w.png") no-repeat 26% 40%;	border:none; cursor:pointer; outline:none; overflow:visible; -moz-osx-font-smoothing:grayscale; -webkit-appearance:none; -webkit-font-smoothing:antialiased; }

@media screen and (max-width: 767px){
input[type="button"] {	background: #8b8b8b url("/https/a-onstore.jp/bc/images/cmn/icon_search_w.png") no-repeat 26% 40%;	border:none; cursor:pointer; outline:none; overflow:visible; -moz-osx-font-smoothing:grayscale; -webkit-appearance:none; -webkit-font-smoothing:antialiased; }
}


.btnwrap.tac{text-align: center;}
.btnwrap.tar{text-align: right;}
.btnwrap.tal{text-align: left;}
.btnwrap.pb{padding-bottom: 4em;}
.btnwrap.pc-pb{padding-bottom: 6rem;}
@media screen and (max-width: 767px){
	.btnwrap.pc-pb{padding-bottom: 0;}
	.btnwrap.pb{padding-bottom: 0;}

}


.btn{display:inline-block; width:100%; background: #8b8b8b; color: #FFF; padding:2.2rem 0;  font-size: 1.4rem; text-align: center; font-weight: bold; transition: .3s; cursor: pointer;}
.btn.small{font-size: 1.2rem; padding:1.1rem 0; max-width:270px;}
.btn:hover{opacity: .8;}
.btn.middle{max-width:400px; margin:0 auto;}
.btn.default:after{content: ''; margin-left: 1rem; margin-bottom: 0.2rem; left: .4rem; width: .5rem; height: .5rem; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: inline-block;}
.btn.icon{font-size: 1.3rem; padding:1.2rem 0;}
.btn.icon img{vertical-align: middle; margin-right: 1rem;}
.btn.red{background: #e67c7e; color: #FFF;}
.btn.red:after{color: #fff; border-top-color: #FFF; border-right-color: #FFF;}
.btn.cancel,
.btn.white{background: #FFF !important; color: #868686; border: 1px solid #bcbcbc;}
.btn.cancel:after{content:'';}
.btn.cancel:before{content: '×'; margin-right: .5rem; display: inline-block; }
.btn.back{background: #f5f5f5; color: #686868; text-align: left; padding: 1em;}
.btn.back:after{content:'';}
.btn.back:before{content: ''; margin-left: .5rem; left: .4rem; width: .8rem; height: .8rem; border-bottom: 2px solid #686868; border-left: 2px solid #686868; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; position: relative;}
.btn.bnid{background: #fff; color: #575757; border: 2px solid #f2d10a; border-radius: 5px; width: 100%; padding: 2% 0; display: inline-block; min-width: 186px;}
.btn.bnid:after{color: #fff; border-top-color: #f2d10a; border-right-color: #f2d10a; }
.btn.bnid img{vertical-align: middle; margin-right: 2%; height: 1.3em; width: auto !important;}
.btn.bnid .txt {padding: 10px 0 10px; display: inline-block; vertical-align: middle;}

.col2_btn > *{
    margin-right:1%;
    max-width: 280px;
    width: 100%;
}

.col2_btn >* > a{
    display: -webkit-box; display: -ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
-ms-align-items: center; align-items: center;
-webkit-justify-content: center; -ms-justify-content: center; justify-content: center;
    height: 100%;
}

.col2_btn > *:last-of-type{
    margin-right:0;
}

@media screen and (max-width: 767px){
	.btnwrap{width:100%; text-align: center; margin-bottom:2rem;}
	.itemwrap {padding-bottom: 4em !important;}
	.itemwrap .btnwrap{width:83%; margin:auto;}
	.btn{width:100%; max-width:100% !important; font-weight: bold; font-size: 1.5rem !important; padding:1.8rem 0 !important; margin: auto !important;}
	.btn.default:after{width:.5rem; height: .5rem;}
	.btn.back{padding:1.8rem 1em !important;}
    .btn.bnid{padding: .5em 0 !important; min-width: 0;}
    .col2_btn > *{max-width: 100%;}
    .col2_btn .default{padding:1.5em 0 !important;}
}


/*モーダル 非カラーボックス*/
.modal{position: fixed; top: 0; left: 0; right: 0; width: 900px; background: #FFF; z-index: 999; margin: auto; bottom:0; height:720px; max-width: 95%; }
.modal .modal_close{font-size: 2rem; position: absolute; top: .5em; right: .5em; cursor: pointer;}
.modal .modal_close:hover{opacity: .8;}
.overlay,.gnav_overlay{position: fixed; top: 0; left: 0; right: 0; width: 100%; height:100%; background: rgba(0,0,0,.85); z-index: 900; margin: auto;}
.gnav_overlay{display:none;}

@media screen and (max-width: 767px){
    .overlay,.gnav_overlay{z-index: -1;}
}

/*----------------------------------------------------------------------------------------------------------------*/
/*見出し*/
.heading_border{z-index: 2; font-size: 2.8rem; padding: 0 1.8rem; margin-bottom: 2.5rem;}
.heading_border img{vertical-align: middle; margin-right:1rem;}
.heading_border span{vertical-align: middle;}
.heading_border .noto{font-weight: 500;}
.heading_border .small{font-size: 1.4rem; margin-left:1.5rem; vertical-align: middle; color: #666; margin-top: 0.3em; display: inline-block;}
/*.heading_border:after{content:''; width:100%; height:15px; background:#f5f5f5; border-radius: 50px; position: absolute; z-index: -1; left:0; bottom: -10%; right:0; margin: auto;}*/
.heading_border h2{font-size:2.8rem;}
h3.heading_border.middle{font-size: 2.2rem; margin-bottom: 1.5em:}
h3.heading_border.middle:after{height:10px; bottom:-15%;}
/*見出し、ボーダー四角いもの*/
.heading_border.border_sqare:after{border-radius: 0;}

.border_glay{border-bottom:1px solid #e0e1e3;}
.spicon{display: none;}
.pcicon{display: inline-block;}
@media screen and (max-width: 767px){
    .pcicon{display: none;}
	.spicon{display: inline-block;}
	.heading_border{font-size: 4.7vw; text-align: center;}
    h3.heading_border.middle{font-size: 4.1vw;}
	.heading_border .small{margin-left: .8rem; font-size:3vw; padding-top: 0.3em; display: inline;}
	.heading_border img{width:30px; margin-right:.6rem;}
	h3.heading_border.middle img{width:21px; margin-right:.6rem;}
	.heading_border:after{height: 9px; bottom: -12%; width:95%;}
}
select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand { display: none;}

.custom_select{
    background: #f5f5f5 url(/https/a-onstore.jp/bc/images/cmn/icon_resuletnum_arrow.png) 85% 45% no-repeat;
    background-size: auto auto;
    background-size: 8px 17px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    height: 38px;
    padding: 0 25px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

@media screen and (max-width: 767px){
    .custom_select{
        width: 13.6vw;
        height: 6.6vw;
        line-height: 6.6vw;
        font-size: 3.3vw;
        border-radius: 1vw;
        padding: 0 1vw 0 3vw;
        display: block;
    }
}

/*---------------
【ヘッダー】
------------------------------*/
#head{width:100%;}
@media screen and (max-width: 767px){
    #head{z-index: 1000;}
}


#main_read{background: #e67c7e;}
#main_read h1{max-width: 1366px; margin: 0 auto; font-weight: 500; font-size: 1.4rem; padding:.2em 15px; color: #fff; text-align: center;}
.head_inner{max-width:1366px; margin:0 auto; -webkit-align-items: center; -ms-align-items: center; align-items: center; overflow: hidden; padding: 0 15px;}
.head_inner #main_logo img{width:100%; max-width:161px;}

#gnav{font-size: 1.1rem; width: 34%; right: -1%;}
#gnav a{color: #8b8b8b; height: 80px; align-items: center; align-content: center; flex-direction: column; width: 70px; padding: 1rem 0; max-width: 100%; }
#gnav li{width: 15%;}
#gnav li a:hover{opacity: .8;}
#gnav li a .img span{display:block; position: absolute; background: #e67c7e; bottom:-10%; right:-50%; color: #FFF; padding:2px 6px 1px; border-radius: 50px; line-height:1.3;}
#gnav li a #head_cart.img span{right: -30%;}
#gnav li a #head_bandai.img {width: 85%; margin: auto;}
#gnav li a img{max-width: 100%;}
#gnav li a span.nav_text{width:100%; text-align: center; padding-top: .5rem;}

.gnav_menu_wrap{width:100%; max-width:1366px; margin:0 auto; height:0;}
#gnav_menu{position: absolute; top: 100%; right: 0; z-index: 1000; display: none; width: 100%; border: 1px solid #ccc;}
#gnav_menu h4{font-size: 1.3rem; font-weight: normal; padding:1.5rem 2rem;}
#gnav_menu .menu_list{background: #FFF;}
#gnav_menu .menu_list ul {background: #ededed; padding:2rem;}
#gnav_menu .menu_list ul li{background: #FFF; margin-bottom:1rem; }
#gnav_menu .menu_list ul li:last-of-type{margin-bottom: 0;}
#gnav_menu .menu_list ul li a{display: block; padding:1.7rem; font-weight: 700; color: #5b5b5b;}
#gnav_menu .menu_list ul li a:hover{opacity: .8;}
#gnav_menu .menu_list ul li span{margin-right:1rem;}
#gnav_menu .menu_guide{background: #FFF; padding:2rem .8rem;}
#gnav_menu .menu_guide a{text-align: center; border:1px solid #111; border-radius: 2px; padding:1.3rem 0; font-size: 1.1rem; font-weight: 700;}
#gnav_menu .menu_guide a:hover{background: #111; color: #FFF;}
#gnav_menu .menu_guide a:after{content: ''; margin-left: .5rem; left: .4rem; width: .5rem; height: .5rem; border-top: 2px solid #e67c7e; border-right: 2px solid #e67c7e; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: inline-block;}

#head_search{position: absolute; left:0; right: 0; top:0; bottom:0; max-width:540px; width:39.5%; z-index: 1;}
.icon.search_box{width:80%; padding:17px 0; margin: auto; }
.icon.search_box input{width:calc(100% - 65px);}
@media screen and (min-width: 768px){
	#gnav a{padding: 1rem 0 1.5rem; -webkit-justify-content: end; -ms-justify-content: end; justify-content: flex-end;}
	#gnav_menu{max-width: 350px;}
}

@media screen and (max-width: 767px){
	.icon.search_box input{width:83%;}
    #main_read h1{padding-right: 0; padding-left: 0; width: 95%;}
	.head_inner{width: 100%; padding: 0 2.5%; background: #FFF;}
	.head_inner #main_logo{width:40%;}
	.head_inner #main_logo img{width:100%; max-width:150px;}
	#gnav{width:60%;}
	#gnav li{width:18%;}
	#gnav li a #head_bandai.img {width: 100%;}
	#gnav_menu h4{font-size: 1.8rem;}
	#gnav_menu{width:100%; background: #fff; z-index: 1000; border: none;}
	#gnav_menu .menu_list ul{padding:1rem 0;}
	#gnav_menu .menu_list ul li{margin-bottom:.2rem;}
	#gnav_search{background: #ededed; width: 100%; padding: 0 2% 2%;}
	#gnav_search .input_wrap{background: #fff;}
	#gnav_menu .btnwrap{padding: 2%; background: #fff; margin: 0;}
	#gnav_menu a{font-weight:bold;}
	#gnav_menu .menu_guide a{font-size: 1.5rem;}
	#gnav_menu .menu_list ul li a{font-size:1.6rem;}
}


/*重要なお知らせ*/
.head_news{background: #FFEBEC; padding:0.4em 1em; margin-bottom: 0.75em;}
.head_news .head_news_inner{position: relative; max-width: 100%; margin:0 auto; padding: 0;}
.head_news .head_news_inner label{padding: 0 0 0 21px; color: #FFF; font-size: 1.2rem;}

.head_news .head_news_inner ul{ align-content: center; -ms-align-items: center; align-items: center; padding-left:2rem; display: flex;  width:100%;}
/*.head_news .head_news_inner ul .slick-list{overflow: auto;}*/
.head_news .head_news_inner ul li:nth-child(n+2){display: none;}
.head_news .head_news_inner ul li > *{font-size:1.3rem;}
.head_news .head_news_inner ul li > a:hover{text-decoration: underline;}
.head_news .head_news_inner .head_news_btn{
	display: inline-block;
	width: 100%;
	background-color: #e67c7e;
	color: #fff;
	padding: 1rem 1.8rem;
	font-size: 1.4rem;
	font-weight: inherit;
	text-align: center;
	transition: .3s;
	cursor: pointer;
}
.head_news .head_news_inner .head_news_btn::after{
	content: '';
	margin-bottom: 0.4rem;
	margin-left: .8rem;
	left: 0.5rem;
	width: 0.5rem;
	height: 0.5rem;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: .3s;
	display: inline-block;
}
.head_news .head_news_inner .head_news_btn.open::after{
	transform:translateY(50%)  rotate(135deg);
	transition: .3s;
}
.head_news .head_news_more {
	padding: 0 21px 0 !important;
	position: absolute;
	top: .8rem;
	right: calc(100% - 99%);
}
.head_news_wrap {
	display: block !important;
	padding: 0 !important;
}
.head_news_wrap li::before {
	content: url(../../bc/images/icon_important.png);
	display: inline-block;
	vertical-align: middle;
	transform: scale(0.65);
}
.head_news_wrap li:nth-child(2) {
	border-top: 1px solid #8b8b8b;
}
.head_news_wrap li:nth-child(3) {
	border-top: 1px solid #8b8b8b;
	border-bottom: 1px solid #8b8b8b;
}
.head_news_wrap li:last-child::before {
	content: "";
	display: none;
}
.head_news_wrap li:last-child {
	display: block;
	background-color: #e67c7e;
	width: 20%;
	max-width: 20%;
	margin: 2rem auto;
	text-align: center;
	color: #fff !important;
	padding: 1rem 2rem;
}
.head_news_wrap li:last-child::after {
	content: '';
	margin-bottom: 0.1rem;
	margin-left: .8rem;
	left: 0.7rem;
	width: 0.6rem;
	height: 0.6rem;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-135deg);
	transition: .3s;
	display: inline-block;
}
.head_news_wrap li:last-child a {
	color: #fff !important;
}

/*
.head_news .head_news_inner ul:before{width: 1.7rem; height: 1.7rem; -webkit-border-radius: 50%; border-radius: 50%; background: #e67c7e;}
.head_news .head_news_inner ul:after{left: .4rem; width: .5rem; height: .5rem; border-top: 2px solid #FFF; border-right: 2px solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg);}*/
@media screen and (max-width: 767px){
	.head_news{padding:0;}
	.head_news .head_news_inner{margin:0 auto 0.75em; padding: 0; box-sizing: border-box;}
	.head_news .head_news_inner .head_news_icon{padding: 1% 2% !important;}
	/*.head_news .head_news_icon{width:7%; max-width: 7%; padding: 1% 2% !important;}
	.head_news .head_news_morebtn{width:10%; max-width: 10%; padding: 1% 2% !important;}*/
	/*.head_news .head_news_inner ul{padding-left: 2%; width:calc(100% - 145px); overflow: auto;}*/
	.head_news .head_news_inner ul{padding-left: 2%; width:100%; overflow: auto;}
	.head_news .head_news_inner ul li{white-space: nowrap;}
	.head_news .head_news_inner .head_news_btn{
		display: inline-block;

		max-width: 100% !important;
		padding: 1rem 1.6rem;
		font-size: 1.3rem;
		text-align: center;
		transition: .3s;
		cursor: pointer;
		margin: auto !important;
	}
	.head_news .head_news_more {
		padding: 1% 0 !important;
		top: .4rem;
	}
	.head_news_wrap li:last-child {
		width: 60%;
		max-width: 60%;
	}
	
}




/*---------------
【フッター】
------------------------------*/
.sns_wrap{padding:2rem 0;}
.sns_wrap .sns_list{max-width:287px; width:60%; margin:0 auto;}
footer .footer_logo{text-align: center;}
footer .inner{padding:3.5rem 0;}
footer .inner > .footer_link{max-width:957px; width:100%; margin:3.5rem auto;}
footer .inner > .footer_link > li{border-right:1px solid #e0e1e3; padding:1.7rem 0 0 3.5rem; border-right:0;}
footer .inner > .footer_link > li:first-of-type{padding-left:0;}
footer .inner > .footer_link > li:last-of-type{border-right: none;}
footer .inner > .footer_link h3{font-size: 1.4rem; color: #e67c7e;}
footer .inner > .footer_link .link_list{padding:1.7rem 0;}
footer .inner > .footer_link .link_list li{font-size: 1.2rem;margin-top:1.8rem; padding-left:1.5em;}
footer .inner > .footer_link a:hover{text-decoration: underline;}
footer .inner > .copy{color: #7a7a7a; text-align: center; font-size: 1.1rem;}
.totop{width:100%; }
.totop a{background: #8b8b8b; color: #fff; display: inline-block; width: 100%; padding: 1.5rem 0; font-size: 1.8rem; font-weight: 500;}
.totop a:after{content: ''; margin-left: .5rem; margin-right: .5rem; margin-bottom: .2rem; width: .8rem; height: .8rem; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform:rotate(-45deg) translate(-30%); transform: rotate(-45deg) translate(-30%); display: inline-block; }


@media screen and (min-width: 767.1px){
    .fttop{width: auto; display: inline-block; position: fixed; bottom:1em; right:1em; }
    .fttop a{background: #8b8b8b; padding:1em; transition: margin-bottom .3s;}
    .fttop:hover a{margin-bottom:1em;}
}
@media screen and (max-width: 767px){
	.sns_wrap .sns_list{width:80%;}
	footer .inner{padding-top:0; border-width: 5px;}
	footer .inner > .footer_link{font-size: 0;}
	footer .inner > .footer_link h3{color: #8b8b8b; font-size: 1.8rem; padding: 1.7rem 0 1.7rem 3.5rem !important;}
	footer .inner > .footer_link > li{ padding:0 !important; border-bottom: 1px solid #dedede;}
	footer .inner > .footer_link > li h3:after{content:'+'; color: #fff; font-size: 3rem; height: 2.9rem; position: absolute; display: inline-block; top:0; bottom:0; background: #e67c7e; border-radius: 5px; padding: 0.1rem 0.5rem 0.4rem; right: 5%; margin: auto; font-weight: normal; display: block; width: 2.5rem; text-align: center;}
	footer .inner > .footer_link .link_list{background: #e3e3e3; transition:padding .3s; height: 0; overflow: hidden; padding: 0 1rem;}
	footer .inner > .footer_link .active h3:after{content:'-';}
	footer .inner > .footer_link .active .link_list{padding-top:1.7rem; padding-bottom:1.7rem; height:auto;}
	footer .inner > .footer_link .link_list li{padding: 0; display: inline-block; margin-right:2%; margin-top: 2%;}
	footer .inner > .footer_link .link_list li:nth-of-type(even){margin-right:0;}
	footer .inner > .footer_link .link_list li:nth-of-type(-n+2){margin-top:0;}
	footer .inner > .footer_link .link_list a{display: block; background: #fff; color: #5b5b5b; text-align: center; font-size: 1.1rem; font-weight: bold; padding: 2rem 0; height: 100%;}
	footer .inner > .footer_link .link_list a:after{content: ''; margin-left: .5rem; width: .5rem; height: .5rem; border-top: 2px solid #e67c7e; border-right: 2px solid #e67c7e; -webkit-transform:rotate(45deg); transform: rotate(45deg); display: inline-block;}
	footer .footer_logo{margin:0 auto 5rem; width:50%;}
	footer .footer_logo img{width: 100%;}
}

/*---------------
【検索周り】
------------------------------*/

.search_sp{bottom:5%; right:5%; position:fixed; z-index: 999; display: inline-block; background: #e67c7e;  padding:19px 16px; text-align: center; border-radius: 100%; }
.search_sp a{font-size: 1.5rem; font-weight: bold; color: #FFF;}
.search_sp a span{display: block; width: 56%; margin: 0 auto 12%;}
.search_sp img{width: 100%;}
.artist_choose_list li,
.series_choose_list li{margin-bottom:1em;}

.artist_choose_list li:after,
.series_choose_list li:after{content:'、'; margin-right: .5rem;}
.artist_choose_list li:last-of-type:after,
.series_choose_list li:last-of-type:after{content:'';}
.artist_choose span,
.series_choose span{ color: #bdbdbd; font-size:2.5rem; font-weight: 700; position: absolute; right: 0; top:25%;margin: auto; cursor: pointer;}
.artist_choose span:hover,
.series_choose span:hover{color: #8b8b8b;}
.artist_choose a,
.series_choose a{font-weight: 700; color: #e67c7e; padding:1em 0; display: block;}
.artist_choose a:hover,
.series_choose a:hover{opacity: .8;}

.search_inline{padding: 3% 2.5%;}
.search_initial li{width:calc(100%/28); text-align: center;}
.search_initial a{width: 100%; display: inline-block; padding: 1em 0; font-size: 1.4rem; font-weight: bold;}
.search_initial a:hover{color: #e67c7e;}
/*.search_alphabet li:last-of-type{width:4em;}*/
.initial_inner{height: 25em;}
.initial{margin-bottom: 2em;}
.initial:last-of-type{margin-bottom: 0;}
.initial_box .initial h4{margin:0; font-size: 1.1rem; padding-bottom: 0; padding-left: 0;}
.initial h4 span{font-size: 2rem;}
.initial .checbox-wrap{padding:0 !important;}
.initial li{width: 32%; margin-bottom: 1.4rem;}
.initial li:nth-last-child(-n+3){margin-bottom:0;}
.initial li.dummy{height: 0; min-height: 0;}

.seach_submit{width:60%; margin: auto; max-width: 438px;}

#artist_list_box,
#series_list_box{border: 1px solid #d3d3d3; padding:3% 3% 3% 5%;}
#artist_list_box .custom_check span:before,
#series_list_box .custom_check span:before{left: 0;}
#artist_list_box .custom_check span:after,
#series_list_box .custom_check span:after{left: 11px;}
#artist_list_box .custom_check span,
#series_list_box .custom_check span{padding-left: 3em; line-height: 1.3; font-size: 1.3rem;}
.initial_inner .other_list{display: none; text-align: center;}

@media screen and (max-width: 767px){
	#search > form .artist_choose_list{padding:2% 2% 0 !important; width: 90% !important;}
	#search > form .artist_choose_list li{line-height: 1.3;}
	#search > form .artist_choose_list li:last-of-type{margin-bottom: 1em;}
	#artist_list_box,
	#series_list_box{border:none; padding:0; overflow-y: scroll;}
	.artist_choose a,
	.series_choose a{padding:4% 0; font-size: 1.7rem; padding-left: 0;}
	/*.artist_choose_list+div #artist_list,
	.series_choose_list+div #series_list{ padding:0; z-index: 1000; background: #FFF; top: 0; left: -100%; display: none; position: fixed; transition:all .3s; width: 100%; height: 100vh;}*/
	#artist_list,
	#series_list{ padding:0; z-index: 1000; background: #FFF; top: 0; left: -100%; display: none; position: fixed; transition:all .3s; width: 100%; height: 100vh;}
	.artist_choose .inner,
	.series_choose .inner{ border-bottom: 1px solid #e0e1e3;}
	.search_inline{padding:0;}
	.initial_inner{height:auto;}
	.initial{margin-bottom: 0;}
	.initial_box .initial h4{background: #f5f5f5; padding: 1.4rem 0 1.4rem 2rem; margin-bottom: 1.5rem;}
	.initial_box .checbox-wrap li{padding:0.5em 0 1.5em !important;}
	.initial li{width:100%;  margin-bottom: 1.4rem !important;}
	.initial li label{padding: 0 5%;}
	.initial li:last-of-type{margin-bottom:0 !important ; border-bottom: none;}
	.initial .inner{width:100% !important;}
    .initial li.dummy{display: none;}
    .initial_select{width: 95%; margin: 0 auto 1em;}
    .initial_select .custom_select{background-position: right 1em top 45%; width: calc(100% - 3em); height:10vw;}
    .initial_select_inner{-webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;}
    .initial_select_inner span{width: 3em;}
	.seach_submit{width: 100%; bottom: 0; padding: 5%;}
	.sp_open .seach_submit{max-width:100%; background: #fff;}
	.search_index{margin:0;}
}


/*---------------
【コンテンツ】
------------------------------*/
#content{margin:0 auto; padding:0 0 10rem 0;}
.content_inner{max-width: 1366px; width:100%; margin:0 auto; padding: 1.5rem 0 0;}
.notfound{line-height: 1.4; margin-bottom: 2em; font-size: 1.3em;}
.notfound span{display: block; font-weight: bold; font-size: 1.1em; margin-bottom: 1em; color: #e67c7e;}

@media screen and (min-width: 768px){
	.content_inner{min-width:980px;}
    .content_detail{margin:0 15px;}
    .content_body{padding-right:1.5em; padding-left: 1.5em;}
}
@media screen and (max-width: 767px){
	#content{padding-bottom: 5rem;}
	.content_inner{min-width: auto; padding-top:0;}
    .content_body{width: 95%; margin: auto;}
}

/*---------------
【パンくず】
------------------------------*/
.breadcrumb{margin-bottom:3rem; padding:0 15px;}
.breadcrumb li:after{content:'>'; display:inline-block; margin:0 1em 0; }
.breadcrumb li:last-of-type:after{content:'';}
.breadcrumb a{color: #eb000b;}
.breadcrumb a:hover{text-decoration: underline;}

input[type="text"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type="text"]:focus{outline:none;}

/*---------------
【左カラム】
------------------------------*/
.l_column{max-width:330px; flex-basis: 330px; padding: 0.8rem 1.5rem 0; }
.l_column h2{font-size: 2.2rem;}
.l_column h2 .small{font-size: 1.2rem;}

.search_category ul{justify-content: space-between;}
.search_category ul li{flex-basis: 48%; margin: 0 0 2%;}
.checbox-wrap li{margin-bottom: 1rem; min-height: 30px;}

#search > form .inner{padding:0 1.0rem; }
#search > form .inner.search_choose{margin-bottom:1.5em;}
#search .search_choose li{flex-basis: 33.3333333%;max-width: 33.3333333%;width: 33.3333333%;}
.howto_search li{margin-bottom: 2.2rem; padding-left: 3rem; cursor: pointer; font-weight: 600;}
.howto_search li:hover{opacity:.8;}
.howto_search li:before{width: 1.7rem; height: 1.7rem; -webkit-border-radius: 50%; border-radius: 50%; background: #e67c7e;}
.howto_search li:after{left: .4rem; width: .5rem; height: .5rem; border-top: 2px solid #FFF; border-right: 2px solid #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

/*見出し*/
.search_detail h3{padding: 0 1.0rem; margin: 2.5rem 0;}
.search_detail h3 img{vertical-align: middle;}
.search_detail h3 .img{margin-right:1.5rem;}
.search_detail h3 .img:after{content:'+'; position: absolute; bottom:80%; left: 80%; color: #e67c7e;}
.search_index h4{margin: 5rem 0 1.4rem; font-size: 1.3rem; padding:0 0 1.4rem 2rem; }

.search_detail{margin-bottom: 2rem;}
.checbox-wrap{margin-top:2rem;}


@media screen and (max-width: 767px){
	.l_column{padding:0; position: fixed; z-index: 900; width:100%;left:-100%;transition: .3s all;max-width: 100%;z-index: 1000;background: #FFF; top:0; max-height: 100vh; overflow: scroll;}
	#search{padding-bottom: 5em;}
	#search > form .inner{padding: 0 !important;margin:0 auto; width:95%;}
	.search_type .inner,.search_status .inner{width:100% !important;}
	#search > form .search_category .inner{width:95% !important;}
	#search > form .inner .flx.flxcol3 > *{flex-basis: 32%; max-width: 32%; width: 32%;}
	.search_index h4{font-size: 1.7rem; margin: 4rem 0 1.4rem;}
	.search_category ul li{padding-bottom: 0;}
	.custom_check_black span{padding: 1.6rem 0;}
	.checbox-wrap li{ border-bottom: 1px solid #e0e1e3; height: auto; padding: 0.5em 2% 1.5em;}
}


/*---------------
【右カラム】
------------------------------*/

.r_column{width:calc(100% - 330px); padding:0 1.5rem;}
.r_column .inner{padding:3rem 1.5rem;}

@media screen and (max-width: 767px){
	.r_column{width: 100%; padding:0;}
	.r_column .inner{width:95%; padding-left: 0; padding-right: 0;margin:auto;}
}


/*---------------
【商品】
------------------------------*/
.itemwrap{padding: 6rem 0 0;}
.itemwrap:first-child {padding: 0;}
.items{font-size:1.3rem;}
.items a{display: block;}
.items .item_detail{width: 100%;}
.items .item_detail > *{margin-bottom:1.0rem;}
.items .item_detail .artist_name{ color: #666;}

.items .item_img,
#cart_list_item .item_img{margin-bottom: 1rem; border: 1px solid #dedede; background: #fff;}
.items .item_img img,
#cart_list_item .item_img img{width:auto; height:auto; max-width: 100%; max-height: 100%; position: absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}

.item_img:before {content: ''; padding-top: 100%; display: block;}
.items.new .item_img:after{content:'NEW'; color: #fff; font-weight: bold; padding:1.6rem 0.8rem/*2rem 1.1rem*/; border-radius: 10rem; display: inline-block; background: #e67c7e; position: absolute; top: -6%; left: -6%; z-index: 100; font-size: 1.2rem;}
.items .item_name{font-size: 1.3rem; font-weight: bold; line-height: 1.3;}
.items.item_dummy{padding:0 !important; margin:0 1% 0 0 !important; height:0; border: none !important;}
#new .items .item_img{margin-bottom: .5em;}
#new .artist_name{min-height:1em;}
#new .items .item_detail > *{margin-bottom: .5em;}
#new .items .price{margin-bottom: .2em;}
/*add from*/
#pickup .items .item_img{margin-bottom: .5em;}
#pickup .artist_name{min-height:1em;}
#pickup .items .item_detail > *{margin-bottom: .5em;}
#pickup .items .price{margin-bottom: .2em;}
#end_item .items .item_img{margin-bottom: .5em;}
#end_item .artist_name{min-height:1em;}
#end_item .items .item_detail > *{margin-bottom: .5em;}
#end_item .items .price{margin-bottom: .2em;}
/*add to*/
.favorite{cursor:pointer;}
.favorite:before{content:''; height:17px; width: 19px; background: url(../../bc/images/icon_favorite_g.png) no-repeat center center; -webkit-background-size: 100%; background-size: 100% ; display: inline-block;}
.favorite.active:before{background-image: url(../../bc/images/icon_favorite_r.png); }
.price{text-align: right; font-weight: 700;}
.sale_date{font-size: 1.1rem; color: #acacac;}
/*商品タグ*/
.tag{-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.tag span{padding:5px 0; background: #acacac; color: #FFF; text-align: center; border-radius: 2px; font-size: 1.05rem;}
.tag span.bd{background: #f78651;}
.tag span.uhd{background: #6475a4;}
.tag span.dvd{background: #4182d9;}
.tag span.cd{background: #f6458b;}
.tag span.goods{background: #f8bf37;}
.tag span.figure{background: #f982a9;}
.tag span.fashion{background: #f982a9;}
.tag span.book{background: #f982a9;}
.tag span.other{background: #7bcb63;}

/*BVC限定商品*/
.tag span.site-only{background: #e73f4d;}

/*流通限定商品*/
.tag span.ryutsu-only{background: #48a9d6;}

/*受注限定商品*/
.tag span.order-only{background: #acd36d;}

/*数量限定商品*/
.tag span.quantity-only{background: #b77ddc;}

/*BVC特典*/
.tag span.site-reward{background: #f78651;}

/*予約特典*/
.tag span.reserved-reward{background: #64b59b;}

/*映像*/
.tag span.movie {background: #acd36d;}

/*イベント*/
.tag span.event {background: #fe5d93;}

/*ライブ*/
.tag span.live {background: #64b59b;}

/*music*/
.tag span.music {background:#f78651;}



@media screen and (max-width: 767px){
	.items{margin:0;}
	.items{margin-bottom: 3rem;}
	.items:last-of-type{margin-bottom: 0;}
	.items a .artist_name{font-size: 2.8vw;}
	.items a .price{font-size: 1.5rem;}
	.items a .sale_date{font-size:1.3rem;}
	.item_img, .item_img img{width: 100%;}
	.items.new a .item_img:before{left: -4%;}
	.tag span{font-size: 3vw;}
}

/*他商品*/
#other_items .item_wrap > li{width: 14%; margin-right: 3.2%;}
#other_items .item_wrap > li:last-of-type{margin-right:0 !important;}
#other_items .item_wrap  .item_img img{border: none;}
#other_items{margin-top: 1em;}
#other_items h2{max-width:1366px; margin: 0 auto; width: 100%;}
#other_items .item_wrap{max-width:1366px; margin: 0 auto; padding: 2em 1% 3em;}

#other_items > div{margin-bottom:4em;}
#other_items > div:nth-child(even){background: #f5f5f5; padding-top:.8%;}
#other_items > div:nth-child(even) h2{position: absolute; left: 0; right: 0; top: -0.7em;}
#other_items > div:nth-child(even) h2:after{background: transparent;}
#other_items > div:last-of-type{margin-bottom: 0;}

#other_items .item_scroll{overflow-x: scroll; padding-left: 3%;}
@media screen and (min-width: 768px){
	#other_items .item_wrap{width: 100% !important;}
}
@media screen and (max-width: 767px){
	#other_items > div{padding-bottom: 0 !important; margin-bottom:3em;}
	#other_items > div:nth-child(even){padding-bottom: 1em !important; margin-bottom:2em;}
	#other_items .item_wrap{padding-bottom: 0;}
	#other_items .item_wrap li{width:30vw; margin-right:20px;}
	#other_items .items{margin-bottom: 0;}
	#other_items .items a .item_img:before{transform: scale(0.6); transform-origin: top left;}
}


/*---------------
【入力画面エラーメッセージ】
------------------------------*/

.error_msg{border:1px solid #eb000b; padding:1em; font-weight: 700; font-size: 1.6rem; width: 60%; margin: 2em auto 0; text-align: center; color: #eb000b; line-height: 1.3; clear: both;}



/*---------------
【表示非表示切り替え】
------------------------------*/

.pc{display: block;}
.sp{display: none ;}
.pc.flx{display: -webkit-box; displnoto-ms-flexbox; display: flex; display:-webkit-flex;}
.pc.inline{display: inline-block;}

.po_fixed {position: fixed !important;}

@media screen and (max-width: 767px){
	.pc{display: none;}
	.sp{display: block;}
	.sp.flx{display: -webkit-box; display: -ms-flexbox; display: flex; display:-webkit-flex;}
    .sp.inline{display: inline-block;}
}


/*---------------
【スクロール】
------------------------------*/
.scroll_list {overflow: auto;}
.ps__rail-y{width:7px;}
.ps--active-y > .ps__rail-y{background: #e7e7e7 !important; width: 7px;}
.ps__rail-x, .ps__rail-y {opacity: 1!important; }
.ps__thumb-y,.ps__thumb-x{background: #e67c7e !important; right:0 !important; width: 7px !important;}

@media screen and (min-width: 767.1px){
    .scroll_list {max-height: 20rem;}
}

/*---------------
【スクロール】
------------------------------*/
.freespace{padding:2rem;}
.freespace >*{max-width:100%;}

/*
【トップページ】ポップアップ表示
*/
.popup_overlay{
    display:none;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    position:fixed;
    z-index:1100;
}
.popup_btn_area {
	width: auto;
	height: auto;
	position: fixed;
	background-color: #fff;
	padding: 15px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	overflow: visible;
	border-radius: 4px;
}
.popup_btn_area button{
	position: absolute;
	top: -20px;
	right: -20px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
	font-size: 24px;
	background-color: #000;
	color: #fff;
	border-radius: 50%;

}

@media screen and (max-width: 768px) {
	.popup_btn_area {
		position: relative;
		width: 86%;
		height: auto;
		padding: calc(315/ 560 * 100%) 0 0;
		background-color: #fff;
	}

	.popup_btn_area iframe{
		position: absolute;
		top: 2.5%;
		left: 2.5%;
		width: 95%;
		height: 95%;
	}

	.popup_btn_area img{
		position: absolute;
		top: 2.5%;
		left: 2.5%;
		width: 95%;
		height: 95%;
	}

	.popup_btn_area a{
		position: absolute;
		top: 2.5%;
		left: 2.5%;
		width: 95%;
		height: 95%;
	}

	.popup_btn_area button{
		width: 33px;
		height: 33px;
	}
}
/*
ポップアップ表示 スクロールバー付き
*/
.popup_scr_overlay{
    display:none;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    position:fixed;
    z-index:1100;
}
.popup_scr_btn_area {
	display: flex;
	flex-direction: column;
/*
	height: calc(100vh - 8px * 2);
*/
	height: 70%;
	position: fixed;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
.popup_scr_btn_area_child-fixed {
	flex-shrink: 0;
/*
	background-color: white;
*/
	background-color: #f5f5f5;
}
.popup_scr_btn_area_child-img {
	flex-grow: 1;
	overflow: auto;
	background-color: white;
/*
	height: 300px;
*/
}
.popup_scr_btn_area_img{
	width: 100%;
	position: fixed;
	background-color: #fff;
	top: 150%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	overflow: scroll;
	border-radius: 4px;
	z-index: 10;
}
.popup_scr_btn_area span{
	width: 100%;
	height: 50%;
	position: fixed;
	background-color: #fff;
	top: 150%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	overflow: scroll;
	border-radius: 4px;
}
.popup_scr_btn_area button{
	font-size: 1.4rem;
	display: block;
	margin: auto;
	border: 0px solid #000;
	padding: 0.5rem 1.8rem;
	background-color: #ddd;
	color: #fff;
	pointer-events: none;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.popup_scr_btn_area {
		position: relative;
		width: 86%;
		height: 50%;
		background-color: #fff;
	}

	.popup_scr_btn_area iframe{
		position: absolute;
		top: 2.5%;
		left: 2.5%;
		width: 95%;
		height: 95%;
	}

	.popup_scr_btn_area img{
		top: 2.5%;
		left: 2.5%;
		width: 95%;
	}

	.popup_scr_btn_area a{
		position: absolute;
		top: 2.5%;
		left: 2.5%;
		width: 95%;
		height: 95%;
	}
	.popup_scr_btn_area button{
		font-size: 1.8rem;
		padding: 1rem 1.8rem;
	}
}

.showdown {
	display: none !important;
}
.bc-gray {
	background-color: #f5f5f5;
	padding-top: 6rem;
}
.pc-showdown {
	display: none;
}
@media screen and (max-width: 768px) {
	.pc-showdown {
		display: block;
	}
}
.spBr{
	display: none;
}
@media screen and (max-width: 768px) {
	.spBr{
		display: block;
	}
}

#twitter .inner {
	width: 100%;
	max-width: 100%;
}
#twitter .inner iframe {
	width: 100% !important;
}
.twi-wrap .inner {
	width: 70% !important;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.twi-wrap .inner {
		width: 100% !important;
	}
	}

.bnrwrap_config {
	padding-top: 6rem;
}

.product-wrap {
	max-width: 98% !important;
}
@media screen and (max-width: 768px) {
	.product-wrap {
		max-width: 100% !important;
	}
}
@media screen and (max-width: 767px){
	.pt-s {
		padding: 2rem 0 4em !important;
	}
}
