/*-----------
reset
-----------*/
* {margin: 0;padding: 0;}

.cf { zoom: 1; }
.cf:before,.cf:after { content: ""; display: table;}
.cf:after { clear: both;}

img {height: auto;}
a{text-decoration: none; color: #6c6430;}
a img:hover{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
section a{color:#FF415E;text-decoration: underline;}
section a:hover{text-decoration: none;}
section a.url{word-wrap: break-word;}
/*-----------
commone
-----------*/
body{color: #6c6430; background: url(../images/bg.gif);}

/*---左カラム---*/
nav{width: 250px;height: 100%; position: fixed; background-image:url(../images/nav_bg_top.png), url(../images/nav_bg.jpg); background-size: 100% auto,cover;background-repeat: no-repeat;color: #d1dcfc; overflow: hidden;z-index: 20;} 
@media screen and ( max-height :650px) { 
	nav{overflow-y: auto; }
}

/* スクロール */
/*幅*/
nav::-webkit-scrollbar {width: 10px;height: 10px;}
/* 背景 */
nav::-webkit-scrollbar-track {border-radius: 5px;box-shadow: 0 0 4px #aaa inset;}
/* 本体 */
nav::-webkit-scrollbar-thumb {border-radius: 5px;background: #d1dcfc;}

nav .inner{width: 246px; border-left: 1px solid #fffaab; border-right: 1px solid #fffaab; margin: -120px auto 0; padding-top: 150px; height: 100%; display: block;}
nav .inner_sp{display: none;}
nav h1{width: 199px; margin: 0 auto; line-height: 0; padding-top: 26px;}
nav .nav li {text-align: center;margin-top: 1em;}
nav .nav li.no {color: #8A8A8A;}
nav .nav li a{color: #d1dcfc; transition: .2s;display: inline-block;}
nav .nav li a:hover{color: #FFFFFF;}

/*social*/
.social{display: flex; align-items: center; justify-content:center; margin-top: 2em;}
.social h3{position: relative;display: inline-block;font-weight: normal; font-size: 1em; margin-top: 0.3em;}
.social h3::before{content: ""; display: block; width: 10px;height: 10px; border-left: 6px solid #d1dcfc; border-top: transparent 5px solid; border-bottom: transparent 5px solid;position: absolute;top: 0.5em;right: -1em; box-sizing: border-box;}
.social ul{display: flex; margin-left: 1.5em;}
.social ul li:last-child{margin-left: 0.5em;}
.social ul li{line-height: 0;}


/*language*/
.lang-select{width: 80%; margin: 2em auto;overflow: hidden; display: block;}
.lang-select select {width: 100%;padding-right: 1em;cursor: pointer;text-indent: 0.5em;text-overflow: ellipsis;border: none;outline: none;background: transparent;background-image: none;box-shadow: none;-webkit-appearance: none;appearance: none;}
.lang-select select::-ms-expand {display: none;}
.lang-select{position: relative;border: 1px solid #d1dcfc;}
.lang-select::before {position: absolute;top: 1em;right: 1.1em;width: 10px;height: 10px;padding: 0;content: '';border-left: 1px solid #d1dcfc;pointer-events: none;border-bottom: 1px solid #d1dcfc;transition: inherit;transform: rotate(-135deg);}
.lang-select:after {position: absolute;top: 0;right: 2.5em;bottom: 0;width: 1px;content: '';border-left: 1px solid #d1dcfc;}
.lang-select select {padding: 8px 38px 8px 8px;color: #d1dcfc;}
.lang-select select .select{background: #010646;}
.lang_sp{display: none;}


@media screen and ( max-width:768px) {
	nav{background: none;width: 100%; height: auto;}
	.nav_sp{width: 100%;height: 60px; position: relative; background-image: url(../images/nav_bg.jpg); background-size:cover;background-repeat: no-repeat;color: #d1dcfc; overflow: hidden;padding: 0 0 1px;}
	nav .nav_sp .inner_sp{display: flex; flex-direction: row-reverse; width: 100%;  border-bottom: 1px solid #fffaab; margin: 0 auto;padding: 0.2em 1.1% 0; height: calc(100% - 1px);box-sizing: border-box;}
	nav h1{width: 16%; margin: 0; min-width: 120px; position: absolute;top: 0 ;left: 0; z-index: 10;padding: 0.15em 0 0 0.2em;}
	nav .inner{width: 100%;height: auto;background: url(../images/nav_bg.jpg);padding: 0 0 2em; display: none; margin: 0 ;border: none;}
	nav .nav{display: flex; flex-wrap: wrap; justify-content: center;}
	nav .nav li{text-align: center;margin-top: 0; padding: 1em 0 0 ;width:32.5%;}
	nav .nav li:nth-last-child(2),nav .nav li:nth-last-child(1){width:40%;}
	nav .nav li:nth-last-child(2) span,nav .nav li:nth-last-child(4) span,nav .nav li:nth-last-child(7) span{display: block;border-left:1px solid #d1dcfc;border-right:1px solid #d1dcfc;}
	nav .nav li:nth-last-child(2) span{border-left: none;}
	nav .nav li a{transition: 0s;display: block;}
	/*nav btn*/
	.nav_btn{width: 45px; height: 51px;display: block; position: relative; background: url(../images/btn_menu.gif) no-repeat;background-size: 100% auto;}
	.nav_btn.active,.lang_btn.active{background: url(../images/btn_close.gif) no-repeat; background-size: 100% auto;}
	.lang_btn{width: 45px; height: 51px;display: block; position: relative; background: url(../images/btn_lang.gif) no-repeat; background-size: 100% auto; margin-right: 0.5em; }
	
	/*language*/
	.lang-select{display: none;}
	.lang_sp{width: 100%;height: auto;display: none; background:url(../images/nav_bg.jpg) top center; background-size: cover; }
	.lang_sp ul{ display: flex; margin: 0;flex-wrap: wrap; justify-content: center;}
	.lang_sp li {text-align: center;margin-top: 0; padding: 1em 0 ;width:32.5%; color:#d1dcfc;}
	.lang_sp li a{color:#d1dcfc;}
	.lang_sp li:nth-last-child(2) a{display: block;border-left:1px solid #d1dcfc;border-right:1px solid #d1dcfc;}

}

@media screen and ( max-width:500px) {
	nav .inner_sp{padding: 0.3em 2%;}
	nav .nav li,nav .nav li:nth-last-child(2),nav .nav li:nth-last-child(1){width:100%;padding: 0.7em 0 0.5em; border-bottom: 1px solid #3f5490;}
	nav .nav li:nth-last-child(2) span,nav .nav li:nth-last-child(4) span,nav .nav li:nth-last-child(7) span{border: none;}
	
}


/*---右カラム---*/
#cnt{margin-left: 250px;}
article,aside{width: calc(100% - 2.2%); padding: 0 1.1%;}

#bnr{display: flex;flex-wrap: wrap; justify-content: space-between;}
#bnr .box_col-5 {line-height: 0;}
#bnr .box_col-5 a{display: block;}

#bnr.zh{display: flex;flex-wrap: wrap; justify-content: center;}
#bnr.zh .box_col-5{margin: 0 0.5em;}




/*カラム*/
.box_col-1{width: 100%;}
.box_col-2{width:49.2%;}
.box_col-3{width:32.5%;}
.box_col-5{width: 19.1%;}

section .box_col-1,section .box_col-2,section .box_col-3,section .box_col-5{background: #fff;border: 1px solid #a6955b; padding: 2em; box-sizing: border-box;margin-top: 2em;}


@media screen and ( max-width:768px) {
	section .box_col-1,section .box_col-2,section .box_col-3,section .box_col-5{background: #fff;border: 1px solid #a6955b; padding: 1em; box-sizing: border-box;margin-top: 1em;}
}

/*テキスト*/
section h3{background: url(../images/icon_h3.png) no-repeat; padding: 0.1em 0 0.2em 45px; font-size: 1.4em;}
section h4{background: url(../images/icon_h4.png) no-repeat; padding: 0 0 0.2em 30px; margin-top: 0.4em; font-size: 1.2em;line-height: 1.4em;}
section h4.m-top{margin-top: 1em;}
section p{margin-top: 0.4em;color: #8c8348;}
section p span{font-size: 0.8em;}

/*リスト*/
section ul li{list-style: square;margin-left: 1.5em; color: #8c8348;}

/*ボタン*/
.btn a{ background: #b3aa6e; border: 1px solid #b3aa6e; padding: 1em 3em; color: #fff; display: block; width: 300px ;/*max-width: 300px ;min-width: 200px;*/ text-align: center; box-sizing: border-box; text-decoration: none;}
.btn a span{position: relative;}
.btn a span::after{content: ""; display: block;width: 7px; height: 7px; border-left: 1px solid #fff; border-bottom: 1px solid #fff;transform: rotate(-135deg); position: absolute; right: -10px; top: 8px;}
.btn a:hover{background: #fff; color:#b3aa6e; }
.btn a:hover span::after{border-left: 1px solid #b3aa6e; border-bottom: 1px solid #b3aa6e;}

/*aside*/
aside .btn a{margin: 2em auto 0;}
aside.en .btn a{width: 420px;}
aside .language_cnt ul{display: flex; justify-content: space-around; width: 300px;margin: 2em auto 0;}
aside .language_cnt li{padding: 0 1em;}
aside .language_cnt li:nth-child(2){border-left:1px solid #6c6430;border-right:1px solid #6c6430; }
aside .language_cnt li a:hover{text-decoration: underline;}
aside.und{margin-top: 4em;}

/*footer*/
footer{background: #b3aa6e; padding: 20px 1.1%; margin-top: 2em;}
footer .logo{display: flex;width: 400px; justify-content:space-between;margin: 0 auto;}
footer .logo a{display: block; width: 48%;}
footer p{font-size: 0.7em;color:#fff; margin-top: 1em; text-align: center; }


@media screen and ( max-width:1100px) {
	.box_col-2{width:100%;}
	.box_col-3{width:49.2%;}
}

@media screen and ( max-width:768px) {
	#cnt{margin:0; padding-top: 60px;}
}



@media screen and ( max-width:500px) {
	
	/*テキスト*/
	section h3{ font-size: 1.2em;padding: 0em 0 0.2em 35px;background-size: 30px auto;}
	section h4{ font-size: 1em;line-height: 1.8em;}
	section p{font-size: 0.9em;}

	#bnr.zh{display: flex;flex-wrap: wrap; justify-content: space-between;}
	#bnr.zh .box_col-5{margin: 0}
	#bnr {margin-top: 1em;}
	#bnr .box_col-5 a,#bnr .box_col-5 a{margin-top: 0.5em;}
	
	.box_col-5{width:49.2%;}
	
	/*footer*/
	footer{padding: 30px 2%;}
	footer .logo{width: 90%;}
	aside.en .btn a{width: 90%; font-size: 0.8em; padding: 1em;}
	.btn a span::after{top:6px;}
}


/*--下層トップイメージ--*/
#top.event{position: relative; background: none;}
#top.event h2{padding: 0; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); color: #fff; font-size: 2em; text-shadow:2px 2px 5px #000000;line-height: 1.2em;text-align: center;} 


@media screen and ( max-width:500px) {
	#top.event h2{font-size: 1.5em; }
	
}

/*-----------
TOP
-----------*/
#top{background: url(../images/main.jpg) no-repeat; background-size: cover}
#top.en,#top.zh{background: url(../en/images/main_en.png) no-repeat; background-size: cover}
#top h2{padding: 28% 1.1% 0; line-height: 0;}
#top.en h2,#top.zh h2{padding: 28% 1.1% 2% 1.1%;}
#top img{width: 100%;}

.bnr_gallery{line-height: 1em; max-width: 1200px;margin: 1.5% auto 0;width: 100%;}

#cnt_nav{display: flex;flex-wrap: wrap; justify-content: space-between;}
#cnt_nav .box_col-3,#cnt_nav .box_col-2{line-height: 0; margin-top: 1.5%;}
#cnt_nav .box_col-3{position: relative; overflow: hidden; }
#cnt_nav .box_col-3 p{font-family: 'M PLUS 1p', sans-serif; color: #fff; position: absolute; z-index: 5; top: 50%; left: 0; width: 100%; text-align: center; font-size: 2em; text-shadow:1px 1px 3px #000000;}

#news{background: url(../images/news_bg.png) rgba(255,255,255,0.8) center right no-repeat; color: #202164; padding: 3px 0; border-top: 2px solid #202164;border-bottom: 2px solid #202164;}
#news .inner{border-top: 1px solid #202164;border-bottom: 1px solid #202164; display: flex; padding:0.5em 1.1%; height: 68px;}
#news h3{margin: 1em 0;}
#news .text_wrap{overflow:auto;width: 100%; margin-left: 1em;}
#news .text_wrap a{text-decoration: underline;color: #FF415E;}
#news .text_wrap a:hover{text-decoration: none;}
/*幅*/
#news .text_wrap::-webkit-scrollbar {width: 10px;height: 10px;}
/* 背景 */
/*#news .text_wrap::-webkit-scrollbar-track {border-radius: 5px;box-shadow: 0 0 4px #aaa inset;}*/
/* 本体 */
#news .text_wrap::-webkit-scrollbar-thumb {border-radius: 5px;background: #202164;}
#news .txt{width: 100%; line-height: 1.5em;}
#news .txt.first{margin-top: 1.4em;}
#news .txt span{margin-right:1em;}

#media{margin: 2em 0;}
#media p{text-align: center; text-indent: 40px;}
#media p a:hover{text-decoration: underline;}
#media p a span{ position: relative; display: inline;}
#media p a span::before{content: ""; display: block;width: 33px; height: 22px; background: url(../images/icon_media.png) no-repeat; position: absolute; left: -40px; top: -2px;}

@media screen and ( max-width:1300px) {
	#cnt_nav .box_col-3 p{font-size: 1.5em;}
}

@media screen and ( max-width:768px) {
	#cnt{margin-left: 0;}
	
	#cnt_nav .box_col-3 p{ font-size: 1.2em;}
	
	#news .inner{height: 50px;}
	#news h3{margin: 0.5em 0;}
	#news .txt{font-size: 0.9em;}
	#news .txt.first{margin-top: 1em;}
	
	#news .text_wrap::-webkit-scrollbar {width: 5px;height: 5px;}
	#media p{text-align: center; font-size: 1.2em;}

}


@media screen and ( max-width:500px) {
	#cnt_nav .box_col-3 p{ font-size: 1em;}
	
	#media{margin: 50px 0 0;}
	#media p{text-align: center;text-indent: 40px; text-indent:0;}
	#media p a span{display: block;}
	#media p a span::before{content: ""; display: block;width: 33px; height: 22px; background: url(../images/icon_media.png) no-repeat; position: absolute; left: calc(50% - 15px); top: -25px; }
	
}

@media screen and ( max-width:350px) {
	#cnt_nav .box_col-3 p{ font-size: 0.9em;}
	
}


/*-----------
EVENT
-----------*/

#event .bnr_wrap{display:flex; flex-wrap: wrap;}
#event .bnr_wrap .box{ width: 19%; margin-left: 1%;}
#event .bnr_wrap .box:first-child,#event .bnr_wrap .box:nth-child(6),#event .bnr_wrap .box:nth-child(11),#event .bnr_wrap .box:nth-child(16),#event .bnr_wrap .box:nth-child(21){margin-left: 0;}


/*-----------
PRODUCT
-----------*/
#product .item_wrap{ display: flex;/*justify-content: space-between; */flex-wrap: wrap;}
#product .item_wrap .item{width: 22.3%; border-right: 1px dotted #d0caa2;padding:0.5em 1.7% ;/*box-sizing: border-box;*/ margin-top: 1em;position: relative;}
#product .item_wrap .item_inner{padding-bottom: 6.8em;}
#product .item_wrap .item_inner.en{padding-bottom: 11em;}
#product .item_wrap .item .item_inner{position: relative; height: 100%; box-sizing: border-box;}
#product .item_wrap .item:first-child,#product .item_wrap .item:nth-child(5),#product .item_wrap .item:nth-child(9),#product .item_wrap .item:nth-child(13),#product .item_wrap .item:nth-child(17),#product .item_wrap .item:nth-child(21),#product .item_wrap .item:nth-child(25){padding-left: 0;}
#product .item_wrap .item:nth-child(4),#product .item_wrap .item:nth-child(8),#product .item_wrap .item:nth-child(12),#product .item_wrap .item:nth-child(16),#product .item_wrap .item:nth-child(20){padding-right: 0; border-right: 0;}
/*#product .item_wrap .item.mRa{margin-right: auto;}*/
#product .item_wrap .item h5.ttl{font-weight: normal; font-size: 1em;}
#product .item_wrap .item h5.name{font-size: 1.1em;}
#product .item_wrap .item br{display: block;}
#product h3 span{font-weight: normal;color:#ff0000;font-size: 0.6em;}
#product .fontL{font-size: 1.2em;font-weight: bold;}

@media screen and ( max-width:1100px) {
	#product .item_wrap{ flex-wrap: wrap;}
	#product .item_wrap .item_inner{padding-bottom: 6.7em;}
	#product .item_wrap .item{width: calc((95% - 1px) / 2); padding: 0.5em 2.5%;}
	#product .item_wrap .item:first-child,#product .item_wrap .item:nth-child(3){ margin-left: 0; padding-left: 0;}
	#product .item_wrap .item:nth-child(2),#product .item_wrap .item:nth-child(4){padding-right: 0; border-right: 0;}

}

@media screen and ( max-width:600px) {
	#product .item_wrap .item{width: 100%; padding: 1em 0 0; border: none; border-top: 1px dotted #d0caa2;}
	#product .item_wrap .item:first-child{border: none; padding-top: 0;}
	/*#product .item_wrap .item:first-child,#product .item_wrap .item:nth-child(3){ margin-left: 0; padding-left: 0;}*/

}

/*--販売形態--*/
#product .item_wrap .item .item-detail .price span{color: #FF415E;}
.item_img {position: relative; line-height: 0; margin-bottom: 0.5em;}
.item_img .item-type{ display : inline-block; position : absolute; left : 0; bottom : 0; color : #fff; padding : 0.8em; line-height: 1em;}
/*イベント販売*/
.item_img .item-type.type1 { background : rgba(68,127,185,0.85);}
/*先行販売*/
.item_img .item-type.type2 { background : rgba(21,43,75,0.85);}
/*数量限定*/
.item_img .item-type.type3 { background : rgba(211,104,138,0.85);}

/*--メーカー--*/
/*gsc*/
.item_img .logo_img{ display : inline-block; position : absolute;width: 27%; height: auto; right: 0.2em; bottom : 0.2em;}
/*mxf*/
.item_img .logo_img.mxf{width: 30%;}
/*mxf*/
.item_img .logo_img.og{width: 15%;}


/*ボタン*/
.btn_wrap{position: absolute; bottom: 0; left: 0; width: 100%;}
.btn_wrap .btn a{margin-top: 1em; width: 100%; max-width: 100%; min-width: 100%; padding: 0.5em 0; text-decoration: none;}

/*-----------
WEB SALES
-----------*/
.table_wrap{border: 1px solid #b3aa6e;}
/*.table_wrap.first{margin-top: 1em; }*/
.ttl_wrap,.ol_wrap{display: flex;}

.ttl_wrap .ttl{background: #b3aa6e; color: #fff; font-weight: bold; box-sizing: border-box; padding: 1em; border-left: 1px solid #fff; width:13.475%; text-align: center;}

.ttl_wrap .ttl.top,.ol_wrap .ol_top{width: 46.1%; border: none;text-align: left;}

/*.table_wrap .ttl_wrap{display: none;}*/
/*.table_wrap.first .ttl_wrap{display: flex;}*/

.ol_wrap .detail{display: flex; margin-bottom: 1em; align-items: flex-start;}
.ol_wrap .detail img{width: 23%;}
.ol_wrap .detail .txt{margin-left: 1em;}
.ol_wrap .detail .txt h5{font-size: 1.1em;}
.ol_wrap .ol_txt {font-weight: normal; background: #fff; color: #9e9765;/* font-weight: bold;*/ box-sizing: border-box; padding: 1em; border-left: 1px solid #9e9765; width:13.475%; text-align: center;display: flex; align-items: center;justify-content: center;}
.ol_wrap .btn a{width: 100%; padding: 0.5em 0;}
.ol_wrap .ol_top .inner{padding: 1em; box-sizing: border-box;}
.ol_wrap .ttl_sp{display: none;}
.ol_txt_p.red{color: #FF4144}
@media screen and ( max-width:1100px) {
	/*.box_col-3{width:49.2%;}*/
	.table_wrap{margin-top: 2em;}
	.ttl_wrap{display: none;}
	.ol_wrap{flex-direction: column;}
	.ol_wrap .ol_top,.ol_wrap .ol_txt{width: 100%; /*border: none;text-align: left;*/}
	.ol_wrap .ol_txt{flex-direction: column; border: none;padding: 0;}
	.ol_wrap .ttl_sp{display: block;background: #b3aa6e; color: #fff; font-weight: bold;text-align: center;width: 100%; padding: 0.5em 0;}
	.ol_wrap .ol_txt p{width: 100%; border: none;padding: 0.5em 0;}
	
}


/*-----------
BOOTH
-----------*/
.booth_bottom{display: flex; flex-wrap: wrap; justify-content: space-between;}
.booth_bottom:after{
    content:"";
    display:block;
    width: 32.5%;
    height:0;
  }
.img_wrap{display: flex; justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.img_wrap .box_col-3{border: none; padding: 0;}


@media screen and ( max-width:768px) {
	.booth_bottom .box_col-3{width:100%;}
	.booth_bottom .box_col-3 img{width: 100%;}
}
/*-----------
GOODSMILE RACING
-----------*/
#gsr .wrap{display: flex;align-items: flex-start;}
#gsr .wrap img{width: 50%;}
#gsr .inner{margin-left: 1em}
@media screen and ( max-width:1100px) {
	#gsr .wrap{display: block;}
	#gsr .wrap img{width: 100%;}
	#gsr .inner{margin-left: 0}
}

/*-----------
WORKSHOP
-----------*/
#workshop .box_col-1{position: relative;}
#workshop .wrap{display: flex;align-items: flex-start;}
#workshop .wrap .box_col-3{ background: none; border: none;}
#workshop .inner{position: relative;}
#workshop .wrap img{width: 50%;}
#workshop .wrap img.face{width: 100%; max-width: 500px}
#workshop .caution{font-size: 0.9em; }
#workshop .time li{list-style:none; margin: 0;}
#workshop .img_size{max-width: 620px; margin-left: 20px;}
#workshop .caution_work{font-size: 0.7em; font-weight: normal; margin-left: 0.5em;color: #FF415E;}
#workshop .img_wrap .box_col-3 img {flex-shrink: 0;flex-grow:0; max-height:120px;}


#workshop .uc{margin-left: 1em;}
@media screen and ( max-width:1100px) {
	#workshop .wrap{display: block;}
	#workshop .wrap img{width: 100%;}
	#workshop .img_size{max-width: 100%; margin: 0;}
	#workshop .wrap img.face{width: 100%; max-width: 100%;}
	#workshop .uc{margin-left: 0;}
}

/*----------
　フォームテーブル
-----------*/
#formBlock{margin-top: 1em;}
.m-form-table tbody tr th .table-required, .m-form-table tbody tr td .table-required {display : block;margin-left : 5px;color : #fff;font-size : 0.8em;font-weight : normal;}
.m-table-common, .m-form-table {width : 100%;}
.m-form-table tbody tr th .label-sup, .m-form-table tbody tr td .label-sup {display : block;margin-top : 5px;font-size : 0.8em;}

@media screen and (min-width: 0) and (max-width: 900px) {
	.m-table-common, .m-form-table {display : block;width : auto;}
}

@media screen and (min-width: 0) and (max-width: 900px) {
	.m-table-common tbody, .m-form-table tbody {display : block;width : auto;}
}

@media screen and (min-width: 0) and (max-width: 900px) {
	.m-table-common tbody tr, .m-form-table tbody tr {display : block;width : auto;}
}

.m-table-common tbody tr th, .m-form-table tbody tr th, .m-table-common tbody tr td, .m-form-table tbody tr td {position : relative;padding : 10px;vertical-align : top;}

@media screen and (min-width: 0) and (max-width: 900px) {
	.m-table-common tbody tr th, .m-form-table tbody tr th, .m-table-common tbody tr td, .m-form-table tbody tr td {display : block;padding : 10px;width : auto;}
}

.m-table-common tbody tr th > .table-inner:after, .m-form-table tbody tr th > .table-inner:after, .m-table-common tbody tr td > .table-inner:after, .m-form-table tbody tr td > .table-inner:after {position : absolute;top : 0;left : 0;width : 100%;content : '';border-top : dotted 1px #fff;}

@media screen and (min-width: 0) and (max-width: 900px) {
	.m-table-common tbody tr th > .table-inner:after, .m-form-table tbody tr th > .table-inner:after, .m-table-common tbody tr td > .table-inner:after, .m-form-table tbody tr td > .table-inner:after {display : none;}
}

.m-table-common tbody tr th, .m-form-table tbody tr th {width : 300px;text-align : center;background: #b3aa6e;vertical-align : middle;-webkit-box-sizing : border-box;box-sizing : border-box;font-size : 1.1em;color: #fff;}

@media screen and (min-width: 0) and (max-width: 900px) {
	.m-table-common tbody tr th, .m-form-table tbody tr th {width : auto;font-size : 116%; text-align: left;}
}

.m-table-common tbody tr td, .m-form-table tbody tr td {background : #fff;}
.m-table-common tbody tr td > .table-inner:after, .m-form-table tbody tr td > .table-inner:after {width : 100%;right : 0;left : auto;border-top : dotted 1px #b3aa6e;}
.m-table-common tbody tr:first-child th > .table-inner:after, .m-form-table tbody tr:first-child th > .table-inner:after, .m-table-common tbody tr:first-child td > .table-inner:after, .m-form-table tbody tr:first-child td > .table-inner:after {display : none;}
.m-table-common tbody a, .m-form-table tbody a {text-decoration : underline;}
.m-table-common tbody a:hover, .m-form-table tbody a:hover {text-decoration : none;}

.btn-square {display: block;margin: 0 auto;font-size: 1.5em;padding: 0.5em 0;text-decoration: none;background: #b3aa6e;color: #FFF;margin-top: 40px; border: 1px solid #b3aa6e; font-weight: bold;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; width: 100%;max-width: 600px;}
.btn-square:hover {background: #fff; color: #b3aa6e;}


@media screen and ( max-width:1024px) {
	.table-inner textarea{width: 100%;}
	/*.btn-square {padding: 0.5em 5em;}*/

}
@media screen and ( max-width:900px) {
	.m-form-table tbody tr th .table-required{display: inline}

}


/*-----------
Stage共通
-----------*/
/*#day li{list-style: none;}*/

.stage_bottom{display: flex; flex-wrap: wrap; justify-content: space-between;}
/*.day_bottom:after{
    content:"";
    display:block;
    width: 32.5%;
    height:0;
  }*/
.nama_wrap{display: flex; justify-content: space-between;flex-wrap: wrap;}
.nama_wrap .box_col-3{padding: 2em;}
.nama_wrap .box_col-3 .btn a{padding: 0.5em 0; width: 100%;}

.mc_wrap{display: flex; justify-content: space-between;align-items:flex-start; }
.mc_wrap img{width: 180px;}
.mc_wrap .text{flex: 1;margin-left: 1em;}

.stage_bottom .wrap_top{display: flex; justify-content: space-between;flex-wrap: wrap;margin-top: 1em; align-items: flex-start;}
.stage_bottom .wrap_top img,.stage_bottom .wrap_top .text{width: 48%;}

.stage_bottom h4{background: none; padding-left: 0;display: flex; justify-content: space-between;}
.stage_bottom h4 .time{margin-right: 0.5em; background: #6c6430;color: #fff;margin-bottom: 5px;width: 190px;box-sizing: border-box; position: relative;padding: 5px 5px 5px 30px;align-self: baseline;}
.stage_bottom h4 .time::after{content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../stagehiru/images/icon_time.png) no-repeat;
    position: absolute;
    top: 21%;
    top: calc(50% - 10px);
    left: 5px;
    background-size: 20px 20px;}
.stage_bottom h4 .ttl{-webkit-flex:1; flex: 1;}
h5.ttl_stage{display: block; width: 100%;position: relative; margin-top: 1em;}
h5.ttl_stage span{font-size: 1.2em; margin-right: 0.5em;background: #fff;padding-right: 0.5em;position: relative;z-index: 2;color: #6c6430;}
h5.ttl_stage:after {content: "";display: block;overflow: hidden;width: 100%;height: 2px;background: #6c6430;position: absolute;top: 45%;left: 0;}

.cast_img{display: flex; flex-wrap: wrap;}
.cast_img li{list-style: none; margin-left: 1em; width: calc((100% - 3em) / 4);margin-top: 0.5em; }
.cast_img li:first-child,.cast_img li:nth-child(5),.cast_img li:nth-child(9){margin-left: 0;}
.cast_img li p{text-align: center; margin: 0; line-height: 1em;font-size: 0.8em;}

.btn_ticket{ margin: 1em 0 1.5em;}
.btn_ticket a{width: 60%; background:#d3688a; border: 1px solid #d3688a;color: #fff; text-decoration: none;padding:10px 2em 10px 1em; font-size: 0.9em; text-align: center;}
/*.btn_ticket a br{display: none;}*/
.btn_ticket a:hover{background: #fff; color: #d3688a;}
.btn_ticket a span{position: relative;}
.btn_ticket a span::after {content: "";display: block;width: 7px;height: 7px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(-135deg);position: absolute;right: -10px;top: 8px;}
.btn_ticket a:hover span::after {content: "";display: block;width: 7px;height: 7px;border-left: 1px solid #d3688a;border-bottom: 1px solid #d3688a;transform: rotate(-135deg);position: absolute;right: -10px;top: 8px;}

.stage_caution{border: 1px solid #6c6430; width: 100%; padding: 0.5em; box-sizing: border-box; margin-top: 1em;}
.stage_caution h6{font-size: 1em;}
.stage_caution li{list-style: none; font-size: 0.8em;}
.stage_caution li::before{content: "※";margin-left: -1em; list-style: none;}

.stage_copyright{font-size: 0.8em;}

/*@media screen and ( max-width:1300px) {
	.cast_img li{margin-left: 0.5em; width: calc((100% - 2em) / 3);}
	.cast_img li:first-child,.cast_img li:nth-child(4),.cast_img li:nth-child(7),.cast_img li:nth-child(11){margin-left: 0;}
	.cast_img li:nth-child(5),.cast_img li:nth-child(9){margin-left: 0.5em;}
}*/


@media screen and ( max-width:900px) {
	.nama_wrap .box_col-3{padding: 1em;}
	
	.stage_bottom h4{display: block;}
	.stage_bottom h4 .time{display: block; width: 100%;}
	/*.btn_ticket a br{display: block;}*/
	/*.booth_bottom .box_col-3{width:100%;}
	.booth_bottom .box_col-3 img{width: 100%;}*/
}

@media screen and ( max-width:560px) {
	.nama_wrap{display: block;}
	.nama_wrap .box_col-3{width: 100%;}
	
	.mc_wrap{display: block;}
	.mc_wrap img{width: 50%; float: left; margin-right: 0.5em;}
	.mc_wrap .text{margin-left: 0;}
	
	.stage_bottom .wrap_top{display: block;margin-top: 0;}
	.stage_bottom .wrap_top img,.stage_bottom .wrap_top .text{width: 100%;}
	
	.cast_img li{margin-left: 1em; width: calc((100% - 2em) / 3);}
	.cast_img li:first-child,.cast_img li:nth-child(4),.cast_img li:nth-child(7),.cast_img li:nth-child(10),.cast_img li:nth-child(13),.cast_img li:nth-child(19){margin-left: 0;}
	.cast_img li:nth-child(5),.cast_img li:nth-child(9){margin-left: 1em;}
}

@media screen and ( max-width:350px) {
	.btn_ticket a span{font-size: 0.9em;}
}