/* areamap */
article:after, section:after, div:after, ul:after {
    content: "";
    display: block;
    clear: both;
}
/** {
	box-sizing: content-box;
}*/
img {
	display: inline;
}
#nav_wrap {
	background: url(../../images/common/foot_border.png), radial-gradient(#b7377b, #ad276e) fixed;
}
#site_header_inner {
	    color: rgb(52, 176, 166);
    background: url(../images/factory.png) no-repeat right bottom;
    background-size: auto 50%;
    box-sizing: border-box;
}
#container_inner {
	padding-bottom: 0%;
}

/*2016*/
#main {
	margin: 0 auto 0;
	padding: 0 0 15px 0;
	width: 950px;
}
#map {
	text-align: center;
	padding: 46px 0 0;
}
#att {
	margin: auto;
	text-align: left;
	width: 850px;
	padding: 5px 0;
	font-size: 10px;
	font-weight: bold;
}
#btn {
	margin: 0px 0 30px 0px;
	padding: 0;
}
#btn li {
	float: left;
	margin: 10px 20px 0 0;
}
.res450{display: none;}

/*#bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#big_box_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 980px;
	display: none;
}
#big_box {
	width: 1354px;
	margin: 0 auto;
	position: relative;
	padding: 40px 0 0;
}*/
#close_btn {
	position: absolute;
	top: 5px;
	right: -35px;
	cursor: pointer;
}
#big_box_wrap.show {
	display: block;
}
.clear {
	clear: both;
}
#support {
	width: 100%;
	margin: 10px auto 10px;
	background: #fff;
	padding: 5px 10px;
}
#support .title_l {
	float: left;
	/*width: 250px;*/
}

#support .title_l img{float: left;}
#support .title_l img{width: 243px; height:39px;}

#support .title_l p{
	display:inline; /*color: #00B2EC;*/ font-weight: bold; float: left; font-size: 2rem; margin:1.5rem 0 0 1.5rem;
}
#support .title_l p{
	float: left;
}


#support .title_r {
	float: right;
}
#support .title_r img{width: 115px;}

#support .line {
	border-top: #7e318e 2px solid;
	margin: 0 auto 10px;
}
#support .shop_octo {
	float: left;
	width: 200px;
	padding: 5px;
	background: #00A0E8;
}
#support .shop1 {
	float: left;
	width: 200px;
	height: 395px;
	padding: 5px;
	background: #ffffff;
	margin-left: 10px;
}
#support .icon {
	width: 20px;
	height: 20px;
	vertical-align: -5px;
}
#support .shop_txt {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #0050A2;
	margin-left: 2px;
}
#support .photo {
	margin: auto;
	width: 195px;
}
#support .logo {
	text-align: left;
	margin: 3px 0 13px 0;
}
#support .txt {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
}
#support .txt_octo {
	text-align: left;
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
	padding: 5px 0;
}
#support .txt_octo1 {
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	padding: 5px 0 1px 0;
}
#support .txt_octo2 {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	color: #ffffff;
	width: 140px;
	float: left;
	padding: 0 0 5px 0;
}
#support .garuko {
	float: right;
	padding-right: 10px;
}
#support .photo_octo {
	margin: auto;
	width: 145px;
	padding: 5px 0;
}
#shop {
	width: 100%;
	margin: 10px auto 10px;
	background: #fff;
	padding: 5px 10px 5px 10px;
}
#shop .title_l {
	float: left;
	/*width: 250px;*/
}

#shop .title_l img{float: left;}
#shop .title_l img{width: 243px; height: 50px;}

#shop .title_l p{
	display:inline; color: #ea5514; font-weight: bold; float: left; font-size: 2rem; margin:1.5rem 0 0 -6.5rem;
}
#shop .title_l p{
	margin: 2.7rem 0 0 -2.5rem;
}

#shop .title_r {
	float: right;
}
#shop .title_r img{width: 115px;}
#shop .title_r img.seishun_icon{width: 38px; height: 39px;margin-right:4px;}
#shop .line {
	border-top: #ea5514 2px solid;
	margin: 0 auto 10px;
}
#shop .shop1 {
	float: left;
	width:25%;
	height:auto;
	/*margin: 0px 0 1.5rem 0;*/
	margin: 0px 0 0 0;
	/*padding: 3px 0;*/
	padding: 0 0 3px 0;
	background: #ffffff;
	border: none;
	text-align: center;
}
#shop .icon {
	width: 20px;
	height: 20px;
	vertical-align: -5px;
	margin-left: -20px;
}
#shop .name,
#sodegaura .name {
	margin-top: .4em;
	/*height: 33px;*/
	    height: 3.3em;
	line-height:.8;
}
#shop .photo {
	margin:10px auto 0px;
	width:100%;
}
#shop .shop_num,
#sodegaura .shop_num {
	/*border-radius: 50%;*/
	border-radius: 50%;
	color: #fff;
	background:#ea5514;
	text-align: center;
	width:2rem;
	line-height:1.4;
	font-size: 1.4rem;
	/*margin:0 0.5rem 0.5rem 0;*/
	margin: 0 0 0 0;
	display: inline-block;
	letter-spacing: -.01em;
}
#sodegaura .shop_num{
   background:#FFF;
   border: 1px solid #000;
   color: #000;
}
#shop .shop_txt {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	/*color: #ec6600;*/
	color: #ea5514;
	margin-left: 5px;
}
#shop .shop_txt2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	/*color: #ec6600;*/
	color: #ea5514;
	margin-left: 0px;
}

#shop .shop_catch {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
#shop .txt {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
}
#sodegaura {
	width: 100%;
	margin: 10px auto 10px;
	background: #fff;
	padding: 5px 10px 5px 10px;
}
#sodegaura .cate {
	padding: 0;
}
#sodegaura .cate > img{
	margin-right: 10px;
	vertical-align: -12px;
}
#sodegaura .shop_catch {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
	color: #000000;
}
#sodegaura .line {
	border-top: #FFECA6 2px solid;
	margin: 0 auto 10px;
}
#sodegaura .shop1 {
	float: left;
	width: 25%;
	height:auto;
	/*margin: 0 0px 1.5rem 0;*/
	margin: 0 0 0 0;
	padding: 0px;
	text-align: center;
}
#sodegaura .icon {
	width: 20px;
	height: 20px;
	vertical-align: -5px;
}
#sodegaura .photo {
	width: 100%;
	margin: 10px auto 0px;
}

#sodegaura .photo img{
	width: 100%;
}

#sodegaura .shop_txt {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	/*color: #ec6600;*/
	color: #000;
	margin-left: 5px;
	    line-height: 1em;
}
#sodegaura .shop_txt2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #000;
	margin-left: 22px;
}
#sodegaura .txt {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
}
#sodegaura .txt2 {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
}
#sodegaura .coupon_shop{
	margin: 20px 0 0 0;
}
#sodegaura .coupon_shop div,
#sodegaura .coupon_shop p{
	display: table-cell;
	vertical-align: middle;
}
#sodegaura .coupon_shop p{
	font-weight:bold;
}
#others {
	width: 100%;
	margin: 10px auto 10px;
	/*background: #fff;*/
	padding: 5px 5px 5px 10px;
}
#others .title_l {
	float: left;
	width: 250px;
}
#others .line {
	border-top: #00B19C 2px solid;
	margin: 0 auto 10px;
}
#others .shop1 {
	float: left;
	width: 198px;
	height: 100px;
	margin: 5px 10px 15px 5px;
	padding: 0px;
	/*background: #ffffff;*/
}
#others .shop_txt {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #2EA7E0;
	margin-left: 2px;
}
#others .icon {
	width: 20px;
	height: 20px;
	vertical-align: -5px;
}
#others .txt {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
}
#cloak {
	width: 100%;
	margin: 10px auto 10px;
	background: #fff;
	padding: 5px 5px 5px 10px;
}
#cloak > img{
	width: 80%;
}
#cloak .title_l {
	float: left;
	/*width: 250px;*/
}

#cloak .title_l img{
	float: left;
}
#cloak .title_l img{width: 228px; height: 47px;}

#cloak .title_l p {
	display: inline;
	/*color: #00B2EC;*/
	font-weight: bold;
	float: left;
	font-size: 2rem;
	margin: 1.5rem 0 0 1.5rem;
}

#cloak .line {
	border-top: #006BB6 2px solid;
	margin: 0 auto 10px;
}
#cloak .shop1 {
	width: 100%;
	margin: 0 5px 10px 0;
	padding: 5px;
	background: #ffffff;
}
#cloak .shop_txt {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #005eae;
	margin-left: 2px;
	border-bottom: #00a0e9 solid 1px;
}
#cloak .txt_blue {
	color: #005eae;
	text-align: left;
	/*font-size: 12px;*/
	font-size: 14px;
	/*line-height: 16px;*/
	line-height: 1.5;
	letter-spacing: -.01em;
}
#cloak .txt_l {
	float: left;
	width: 700px;
}
#cloak .icon {
	float: right;
	width: 59px;
	height: 120px;
	background: url(../img/cloak_icon.png) bottom center no-repeat;
}

/*#cloak .seishun {
	width: 358px;
	float: right;
	padding: 0px 10px 5px 5px;
	margin: 0 5px 0 0;
	background: #fff; padding: 1.5rem;
}
#cloak .seishun .box {
	width: 358px;
	background: #fff;
	padding: 5px;
}*/

/*青春18入場券 ミールクーポン券*/

.seishun{background: #e60012; padding:10px 10px;}
.seishun_tit{background: #e60012; margin: 30px auto; text-align: center;}
.tit_txt{color: #fff; font-weight: bold; font-size: 2rem; text-align: center; background: #e60012; display: inline; padding: 0.2rem;}
.seishun .box{border: 1px solid #fff; margin-top: -4.2rem; padding: 1.5rem;}
.seishun_logo{float: left; margin: 1rem 2rem 0 0;}
.seishun_txt{color: #fff; font-size: 1.7rem; margin:-0.8rem 0 0; padding-top:1.4em; font-weight: bold;clear: both;display: inline-block;}
.seishun .shop1 {
    float: left;
    width: 25%;
    height: auto;
    /* margin: 0 0px 1.5rem 0; */
    margin: 0 0 0 0;
    padding: 0px;
   text-align: center;
}
.seishun .photo {
    margin: 10px auto 0px;
   width: 100%;}
.seishun .name {
    margin-top: .4em;
    /* height: 33px; */
/*    height: 2.4em;*/
    line-height: .8;
}
.seishun .cha-syudon{
margin-top: 1.4em;
   margin-left: 1.5em;
}
.seishun .shop_num {
    background: #ffe200;
border-radius: 50%; 
    border-radius: 50%;
    color: #fff;
/*    background: #ea5514;*/
    text-align: center;
    width: 2rem;
    line-height: 1.4;
    font-size: 1.4rem;
    /* margin: 0 0.5rem 0.5rem 0; */
    margin: 0 0 0 0;
    display: inline-block;
    letter-spacing: -.01em;
}
.seishun .shop_txt {
    font-size: 12.5px;
    font-weight: bold;
    text-align: left;
    /* color: #ec6600; */
    color: #fff;
    margin-left: 5px;
   line-height: 1.5;
}
.seishun .shop_txts {
    font-size: 12.8px;
    font-weight: bold;
    text-align: left;
    /* color: #ec6600; */
    color: #fff;
    margin-left: 5px;
   line-height: 1.5;
}

.seishun .shop_box{
/*   height: 360px !important;*/
	min-height: 558px;
}
/*青春18入場券 ミールクーポン券*/

/*2016*/

/*2017*/

#map img {
	width: 100%;
}
#map {
	margin-bottom: 0;
}
#support img {
}
#shop img {
}
#shop .shop_box {
	margin: 0 auto;
	width: auto;
}
#shop .photo img {
	width: 100%;
}
/*2017*/


.kome{
margin: -8px 0px -4px 14px;
}


#btn li.pdf_timetable{
	float: none;
}

.pdf_timetable{
	text-align: center; margin:3rem 0 0 ;	
}

.pdf_timetable a{
width:30%; margin: 0 auto; padding: 1.2rem 2rem; background: #a7cc00; color:#fff; display: block; border-radius: 30px; font-weight: bold; font-size: 1.2em;}

.pdf_timetable a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}	

/*地図ポップアップ*/
#bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#big_box_wrap {
	width: 100%;
    height: 100vh;
	display: none;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}
#big_box {
	padding: 0;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    justify-content: center;
    align-items: center;
	
}
#big_box p {
	width: 98%;
	max-width: 1120px;
	position: relative;
}
#big_box_content {
	margin: 0 auto;
}
#big_box_content img{
	width: 100%;
}	
#big_box_close{
	width: 100%;
	max-width: 772px;
	position: relative;
}
#close_btn {
	position: absolute;
	top: 0;
	right: -28px;
	cursor: pointer;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#big_box_wrap.show {
	display: block;
}
/*地図ポップアップ*/

/*サポーターズ2017*/
.supports_section{
	width: 50%; float: left; border-right: 1px solid #7e318e; padding-right:1%; padding-bottom: 1%;
}
.purple{color: #7e318e;}
.supports_section .number{
	border-radius: 50%; color: #fff; background:#7e318e; text-align: center; width: 3rem; height: 3rem; line-height: 3rem; font-size: 2rem; float: left; margin:0 0.5rem 0.5rem 0;
}

.supports_section .supports_tit{color: #7e318e; font-weight: bold; font-size: 2rem; float: left; line-height: 3rem; margin:0 1rem 0.5rem 0;}

.supports_section .supports_logo{float: left; height: 3rem; margin:-0.1rem 0rem 0.5rem 0;}

.supports_section .supports_txt01{text-align: left; font-size: 1.5rem; color: #000; font-weight: bold; margin: 1rem auto 1rem;margin-left: 1em; line-height: 1.45}
.supports_section.section_a .supports_txt01{text-align: left ; line-height: 1.45}
.supports_section .supports_img02{float: left; width: 40%;margin-left: 6.6%;}
.supports_section .supports_img03{float: right; width: 50%;margin-right: 6.6%;}

.supports_section.section_b, .supports_section.section_d{float: right; border-right: 0px; padding-left:1%;}
.supports_section.section_d, .supports_section.section_c, .supports_section.section_e{padding-top:1%;}

.supports_section .supports_txt02{
	margin: 1rem 0 0 0;
	font-weight: bold;
}

.supports_section.section_b .supports_logo{float: left; height: 3.5rem; margin:-0.5rem 0rem 0.5rem 0;}
.supports_section.section_d .supports_logo{float: left; height: 3.5rem; margin:-0.2rem 0rem 0.5rem 0;}
.supports_section.section_e .supports_logo{float: left; height: 2.8rem; margin:-0.2rem 0rem 0.5rem 0;}

.supports_box{border-bottom: 1px solid #7e318e; padding-bottom: 0rem;}

.supports_section.section_d .supports_txt02{/*width: 60%;*/ float: left; font-size: 1.4rem; line-height: 1.5; margin-top: 0.5rem;}
.supports_section.section_d .supports_txt02 span{font-size: 1.1em; color: #7e318e;}
.supports_section.section_d .supports_img01{    /*float: right;
    width: 20%;
    margin-right: 9%;
    margin-top: -3em;*/
}

.supports_section.section_c .supports_txt01{text-align: left; font-size: 1.5rem; /*color: #e60012;*/ font-weight: bold; margin: 1rem 0 1rem 1em;}
.supports_section.section_c .supports_txt02{float: left; font-size: 1.4rem;font-weight: bold;line-height: 1.5; margin-top: 0.5rem;margin-left: 1em}
.supports_section.section_e .supports_txt02{width: 91%; float: left; font-size: 1.4rem;font-weight: bold;line-height: 1.5; margin-top: 0.5rem;margin-left: 1em}
.supports_section.section_c .supports_txt02 span{font-size: 1.1em; color: #7e318e;}
.supports_section.section_c .supports_img01.baum{float: right; width: 45%; margin-top: -1em;}
.r4g{float: right; width: 21%; margin-top: -1em; 
    margin-right: 9%;}
.supports_section.section_e .supports_img01.dvd_cd{float: left; width: 35%; margin-top: 0.5rem;margin-left: 7%;margin-top: -2.5em;display: inline-block; margin-bottom: 1em;}
.section_f, .section_g{
	width: 33.33%; float: left; border-right: 1px solid #7e318e; padding: 1%;
	height: 19.6rem;
}

.section_e{
	padding-left: 0;
}

.section_a .supports_txt02, .section_b .supports_txt02, .section_c .supports_txt02, .section_d .supports_txt02, .section_e .supports_txt02{
	font-size: 1.4rem; line-height: 1.5;margin-left: 1em;color: #000;
	
	
}

.section_g{border-right:none;}

.supports_box_last{
	border-bottom: 0;
}
.supports_section.section_b .beer{width: 45%;float: left;margin-top: 2%;margin-left: 6%;}
.supports_section.section_b .seal{margin: 2% 0 0 0;
    width: 45%;
    float: left;
    margin-top: 2%;
    margin-left: -9%;}
.supports_section.section_b .red-text{color:red;}
.supports_section.section_b .circle-text{background: #7e318e;border-radius: 50%; color:#fff;display: inline-block;width:1.5em;margin: 0 auto;letter-spacing: 2px;padding-left: 0.3em;}
/*ここまでサポーターズ2017*/

/*ここからページごとに変更*/

#site_header_inner {
    background: url(../images/2019/factory.png) no-repeat right bottom;
    background-size: auto 50%;
}
#nav_wrap {
    background: url(../images/2019/nav_border.png) repeat-x 50% 50% rgba(0,0,0,0) !important;
    background-size: contain !important;
}

#footer {
    background: url(../images/2019/foot_border.png) repeat center center #000000 !important;
    background-size: contain !important;
}
/*ここまでページごとに変更*/
.l-headerInfo__inner::after {
  background: url("../img/fig_header_view.png") 0 0 no-repeat;
  background-size: 500px 106px;
}
.t-home .l-headerContent::before {
  background: #e85dd9 !important;
}



@media screen and (max-width:769px) {
	 .t-home .l-headerContent {
    background: #e85dd9 !important;
  }
* {
	box-sizing: border-box;
}
	#container{margin: 0 auto;}
#nav_wrap .sns_bnr div {
/*	background-color: #d93621;*/
}
#nav_wrap.open {
	position: fixed;
	background: url(../../images/common/foot_border.png), linear-gradient(90deg, #ad276e, #b7377b, #ad276e) fixed;
}
 
.title_sp {
	margin-bottom: 8%;
	padding-top: 5%;
}
.title_sp img {
	width: 50%;
	float: left;
}
   
   .ipad-none{display: none;}
	
/*2016*/
#main {
	/*background: #ffca00;*/
	margin: 0 auto 0;
	padding: 0 0 1.5rem 0;
	width: 100%;
}
#map {
	text-align: center;
	padding: 2rem 0 0;
}
#att {
	margin: auto;
	text-align: left;
	width: 95%;
	padding: 0.5rem 0;
	font-size: 1rem;
	font-weight: bold;
}
#btn {
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
#btn li {
	float:none;
	margin: 0 1rem 0 0;
}
	
/*#bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#big_box_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 100%;
	display: none;
}
#big_box {
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 15rem 0 0;
}
	
#big_box img{max-width: 100%;}
	
#close_btn {
	position: absolute;
	top: 10rem;
	right: 11.5rem;
	cursor: pointer;
	width:4rem;
}
	
#big_box_wrap.show {
	display: block;
}*/
	
.clear {
	clear: both;
}
#support {
	width: 100%;
	margin: 1rem auto 1rem;
	background: #fff;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	box-sizing: border-box;
}
#support .title_l {
	float: left;
	width:70%;
	box-sizing: border-box;
}
#support .title_l img{
	width: 90%;
}
#support .title_l img{ width:205px; height: 32px; }
#support .title_r {
	float: right;
	width: 30%;
	box-sizing: border-box;
}
#support .line {
/*	border-top: #00A0E8 2px solid;*/
	margin: 0 auto 1rem;
}
#support .shop_octo {
	float: left;
	width: 49%;
	padding: 0.5rem;
	background: #00A0E8;
	box-sizing: border-box;
}
#support .shop1 {
	float: right;
	width: 49%;
	height:auto;
	padding: 0.5rem;
	background: #ffffff;
	margin-left: 0rem;
	box-sizing: border-box;
}
#support .icon {
	width: 2rem;
	height: 2rem;
	vertical-align: -0.5rem;
}
#support .shop_txt {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
	color: #0050A2;
	margin-left: 2px;
}
#support .photo {
	margin: auto;
	width:100%;
}
#support .logo {
	text-align: left;
	margin: 3px 0 13px 0;
}
#support .txt {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
}
#support .txt_octo {
	text-align: left;
	font-size: 1rem;
	line-height: 12px;
	color: #ffffff;
	padding: 5px 0;
}
#support .txt_octo1 {
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	padding: 5px 0 1px 0;
}
#support .txt_octo2 {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	color: #ffffff;
	width: 14rem;
	float: left;
	padding: 0 0 5px 0;
}
#support .garuko {
	float: right;
	padding-right: 1rem;
}
#support .photo_octo {
	margin: auto;
	width: 145px;
	padding: 5px 0;
}
   .supports_section.section_c .supports_img01.baum {
    float: right;
    width: 55%;
    margin-top: 0.5rem;
    margin: 0.5rem auto;
    float: none;
}
   .supports_section.section_a .supports_txt01{text-align: left ; line-height: 1.45;margin-left:1em;}
#shop {
	width:100%;
	margin: 1rem auto 1rem;
	background: #fff;
	padding: 5px 5px 5px 5px;
}
#shop .title_l {
	float: left;
	width: 70%;
	width: 56%;
}
#shop .title_l img{ width: 158px; height: 32px; }
#shop .title_r {
	padding-top:.55em;
	float: right;
}
#shop .title_r{width: 44%; white-space: nowrap;}
#shop .line {
	border-top: #EC6500 2px solid;
	margin: 0 auto 1rem;
}
#shop .shop1 {
	float: left;
	width: 195px;
	height: 335px;
	margin: 3px;
	padding: 3px;
	background: #ffffff;
	border: #ffcc99 thin solid;
}
#shop .icon {
	width: 2rem;
	height: 2rem;
	vertical-align: -5px;
	margin-left: -0px;
}
#shop .name {
	height: 33px;
}
#shop .photo {
	margin: 5px auto 5px;
	width: 100%;
}
#shop .shop_txt {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
	color: #ea5514;
}
#shop .shop_txt2 {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
	color: #ea5514;
	margin-left: 2rem;
}
#shop .shop_catch {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
#shop .txt {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
}
   .seishun .shop_box{
 height: 963px !important;
}
   .seishun .cha-syudon{
margin-top: 1.4em;
   margin-left: 7.5em;
}
#sodegaura {
	width: 100%;
	margin: 1rem auto 1rem;
	background: #fff;
	padding: 5px 5px 5px 1rem;
}
#sodegaura .cate {
	padding: 0;
}
	
#sodegaura .cate img{
	display: block;
	margin: 0.5rem 0 0.5rem 0;
}
	
#sodegaura .shop_catch {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
#sodegaura .line {
	border-top: #FFECA6 2px solid;
	margin: 0 auto 1rem;
}
#sodegaura .shop1 {
	float: left;
	width: 50%;
	padding: 0 0 5px 0;
	/*height: 23rem;*/
	/*margin: 0 0px 1rem 0;*/
	/*padding: 5px 0;*/
	/*background: #ffffff;*/
}
	
#sodegaura .shop1 .photo img{
	width: 100%;
}
	
#sodegaura .icon {
	width: 2rem;
	height: 2rem;
	vertical-align: -5px;
}
#sodegaura .photo {
	width: 100%;
	margin: 5px auto 5px;
}
#sodegaura .shop_txt {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
	color: #000 !important;
	margin-left: 2px;
	/*display: inline-block;*/
}
#sodegaura .shop_txt2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #ec6600;
	margin-left: 22px;
}
#sodegaura .txt {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
}
#sodegaura .txt2 {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
}

#sodegaura .name {
	height: 47px;
}
#sodegaura .name img {
	display:inline;
	vertical-align:bottom;
}
#sodegaura .photo {
	margin: 5px auto 5px;
	width: 100%;
}
#sodegaura .shop_txt {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
	/*color: #ec6600;*/
	color: #e80082;
}

#sodegaura .coupon_shop{
	margin: 20px 0 0 0;
}
#sodegaura .coupon_shop div,
#sodegaura .coupon_shop p{
	display: table-cell;
	vertical-align: middle;
}
#sodegaura .coupon_shop div {
	padding-right:.5em;
}

#others {
	width: 100%;
	margin: 1rem auto 1rem;
	background: none;
	padding: 5px 5px 5px 1rem;
}
#others .title_l {
	float: none;
	width: 100%;
	margin-bottom: 0.5rem;
}
#others .line {
	border-top: #00B19C 2px solid;
	margin: 0 auto 1rem;
}
#others .shop1 {
	float:none;
	width:100%;
	height:auto;
	margin: 0 5px 1rem 0;
	padding: 5px;
	background:none;
}
#others .shop_txt {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #2EA7E0;
	margin-left: 2px;
}
#others .icon {
	width: 2rem;
	height: 2rem;
	vertical-align: -5px;
}
#others .txt {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
}
#cloak {
	width:100%;
	margin: 1rem auto 1rem;
	background: #fff;
	padding: 5px 5px 5px 1rem;
}
#cloak > img {
	width: 100%;
}
#cloak .title_l {
	float: left;
	/*width: 25rem;*/
}
#cloak .title_l img{ width: 156px; height: 32px; }
#cloak .title_l p{
	font-size: 1.2rem;
}
#cloak .title_l p {
	margin: .7rem 0 0 1.5rem;
}
#cloak .line {
	border-top: #006BB6 2px solid;
	margin: 0 auto 1rem;
}
#cloak .shop1 {
	width: 100%;
	margin: 0 5px 1rem 0;
	padding: 5px;
	background: #ffffff;
}
#cloak .shop_txt {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #005eae;
	margin-left: 2px;
	border-bottom: #00a0e9 solid 1px;
}
#cloak .txt_blue {
	color: #005eae;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
}
#cloak .txt_l {
	float: none;
	width: 100%;
}
#cloak .icon {
	float: right;
	width: 59px;
	height: 12rem;
	background: url(../img/cloak_icon.png) bottom center no-repeat;
}
/*2016*/

/*2017*/

#map img {
	width: 85rem;
}
#map {
	margin-bottom: 0;
}
#support img {
}
#shop img {
}
#shop .shop_box,
#sodegaura .shop_box {
	margin: 0 auto;
	width: auto;
	height: auto;
}
#shop .shop1,
#sodegaura .shop1,
.seishun .shop1{
	float: left;
	width: 50% !important;
	height: auto;
	margin: 3px 0;
	padding: 3px 0;
	/*background: #ffffff;*/
	border:none;
}
#shop .photo img,
#sodegaura .photo img {
	width: 100%;
}
	
#btn li.pdf_timetable{
	float: none;
	margin-right: 0;
}

.pdf_timetable{
	text-align: center; margin:3rem 0 0 ;
}

.pdf_timetable a{
width:95%; margin: 0 auto; padding: 1.2rem 2rem; background: #a7cc00; color:#fff; display: block; border-radius: 30px; font-weight: bold; font-size: 1.2em;}

.pdf_timetable a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}		

#support .title_l p{
	display:inline; /*color: #00B2EC;*/ font-weight: bold; float: left; font-size: 1.5rem; margin:0.5rem 0 0.5rem 0rem;
}	
	
#shop .title_l p{
	display:inline; font-weight: bold; float: left; font-size: 1.5rem; margin:0.5rem 0 0.5rem 0rem;
}
	
	
/*2017*/	

/*青春18入場券 ミールクーポン券*/

.seishun{background: #e60012; padding: 5px;}
.seishun_tit{padding-bottom: 4px;background: #e60012; margin: 0 auto; text-align: center;}
.tit_txt{color: #fff; font-weight: bold; font-size:1.4rem; text-align: center; background: #e60012; display: inline; padding: 0.2rem;}
.seishun .box{border: 1px solid #fff; margin-top: -1.2rem; padding: 1.5rem;}
.seishun_logo{float: left; margin: 0 2rem 0 0;}
.seishun_txt{color: #fff; font-size: 1.4rem; margin:0.5rem 0 0; padding-top:.6em; font-weight: bold;}

.seishun_logo,
.seishun_txt{
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align: middle;
}
.seishun_logo{

/*	float:none;*/
   float:left;
   
}
.seishun_logo img{
	min-width: 60px;
	vertical-align: bottom;
}
.seishun_txt{
	padding-left:1em;
   display: inline-block;
   clear: both;
}

/*青春18入場券 ミールクーポン券*/	
	
/*地図ポップアップ*/
#big_box {
	
}
#close_btn {
	right:-10px;
	-webkit-transform: scale(.6) translateY(-50%);
	   -moz-transform: scale(.6) translateY(-50%);
	    -ms-transform: scale(.6) translateY(-50%);
	     -o-transform: scale(.6) translateY(-50%);
	        transform: scale(.6) translateY(-50%);
}
/*地図ポップアップ*/

/*サポーターズ2017*/
.supports_section{
	width: 100%; float: left; border-right: 0; border-bottom: 1px solid #7e318e; padding-right:0%; padding-bottom:3%; padding-top: 3%;
}

.supports_section .number{
	border-radius: 50%; color: #fff; background:#7e318e; text-align: center; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 2rem; float: left; margin:0 0.5rem 0rem 0;
}

.supports_section .supports_tit{color: #7e318e; font-weight: bold; font-size:1.8rem; float: left; line-height: 3rem; margin:0 1rem 0rem 0;}

.supports_section .supports_logo{float: left; height: 2rem; margin:0.5rem 0rem 0rem 0;}

.supports_section .supports_txt01{text-align: left; font-size: 1.5rem;  /*color:#e60012;*/ font-weight: bold; margin: 0.5rem auto 0.5rem;line-height: 1.5;margin-left: 1em}
	
	.supports_img01{
		margin-top: 0.5rem;
	}	
	
.supports_section .supports_img02{float: left; width: 40%;}
.supports_section .supports_img03{float: right; width: 40%;}

.supports_section.section_b, .supports_section.section_d{float: right; border-right: 0px; padding-left:0%;}
.supports_section.section_c, .supports_section.section_d, .supports_section.section_e{padding-top:3%;}

.supports_section .supports_txt02{
	margin: 0.5rem 0 0 0;
	font-weight: bold;
   margin-left: 1em;
}

.supports_section.section_b .supports_logo{float: left; height: 3.5rem; margin:-0.5rem 0rem 0rem 0;}
.supports_section.section_c .supports_logo{float: left; height: 3.5rem; margin:-0.2rem 0rem 0rem 0;}
.supports_section.section_e .supports_logo{float: left; height: 3.5rem; margin:-0.2rem 0rem 0rem 0;}

.supports_box{border-bottom:none; padding-bottom: 0rem;}
.supports_box{padding-right: 2rem; padding-left: 2rem;}

.supports_section.section_c .supports_txt02{width: 100%; float: left; font-size: 1.4rem; line-height: 1.4; margin-top: 0.5rem;}
.supports_section.section_c .supports_txt02 span{font-size: 1.1em; color: #7e318e;}
.supports_section.section_c .supports_img01{float: right; width: 45%; margin-top:0.5rem;}

.supports_section.section_d .supports_txt02{width: 100%; float: none; font-size: 1.4rem; line-height: 1.4; margin-top: 0.5rem;}

.supports_section.section_d .supports_txt02 span{font-size: 1.1em; color: #7e318e;}
.supports_section.section_d .supports_img01{float: none; width: 10%; margin: 1rem auto 0 ;display: block;}

.r4g{float: none; width: 40%; margin: 1rem auto 0 ;display: block;}
   
   
   
   
   
.supports_section.section_e .supports_txt02{width: 100%; float: none; font-size: 1.4rem; line-height: 1.4; margin-top: 0.5rem;}
.supports_section.section_e .supports_img01.dvd_cd{float: none; width: 35%; margin: 1rem auto;display: block;}
/*
.section_e, .section_f, .section_g{
	width: 100%; float: left; border-right: none; padding: 1%; padding-top: 3%;
	height:auto;
}
*/

/*
.section_e{
	padding-left: 0;
}
*/

/*
.section_e .supports_txt02, .section_f .supports_txt02, .section_g .supports_txt02{
	font-size: 1.4rem; line-height: 1.4;
}
*/

/*
.section_g{border-right:none;}

.supports_box_last, .section_g{
	border-bottom: 0;
}
*/

/*ここまでサポーターズ2017*/
	
}
@media screen and (max-width:450px){
   .res450{display: block;}
   .ipad-none{display: block;}
.supports_section .supports_txt01{text-align: left; font-size: 1.5rem;  /*color:#e60012;*/ font-weight: bold; margin: 0.5rem auto 0.5rem;line-height: 1.5;margin-left: 1em;}
   .supports_section.section_a .supports_txt01{
   text-align: left;
   }
   .supports_section .supports_img02{float: left; width: 49%;margin-left: 0;}
   .supports_section .supports_img03{float: right; width: 60%;margin-right: 0;}
   .supports_section.section_c .supports_txt01{
   font-size: 1.5rem;
   }
   .supports_section.section_c .supports_img01.baum {
    width: 100%;
}
.supports_section.section_d .supports_img01 {
    width: 27%;
}
   .supports_section.section_e .supports_img01.dvd_cd {
    width: 60%;
}
   .supports_section.section_b .beer {
    width: 50%;
    float: left;
     margin-left: 0; 
      margin-top: 4%;
}
   .supports_section.section_b .seal {
    width: 50%;
      margin-top: 4%;
}
   .seishun .cate{text-align: center;flex-direction: column;}
   .seishun .shop_box {
/*height: 805px !important;*/
          margin-bottom: 1em;
}
   .seishun .cha-syudon{
margin-top: 1.4em;
   margin-left: 0;
text-align: center;
}
}
@media screen and (max-width:380px){
  .seishun .shop_box {
    /*height: 805px !important;*/
}
}

/*ここからページごとに変更*/

@media screen and (max-width: 800px){
#nav_wrap.open {
    background: url(../images/2019/foot_border.png) repeat 50% 50% #000 !important;
}
}

.supports_section.section_c .beer , .supports_section.section_d .beer{width: 45%;float: left;margin-top: 2%;margin-left: 6%;}

/*ここまでページごとに変更*/