@charset "UTF-8";

/*
　375px 22px 5.86666666vw  
　375px 20px 5.33333333vw  
　375px 18px 4.8vw　　　　 小見出し
  375px 17px 4.53333333vw
  375px 16px 4.26666666vw  本文
  375px 15px 4vw
　375px 14px 3.73333333vw
  375px 13px 3.46666666vw
　375px 12px 3.2vw
　375px 11px 2.93333333vw
*/

@-webkit-keyframes flash { 0% { opacity: .6; } 100% { opacity: 1; } }
@keyframes flash { 0% { opacity: .6; } 100% { opacity: 1; } }
a { color: #ff3657; /*text-decoration: none; */ font-weight: bold; }
a:hover { opacity: 1; -webkit-animation: flash 1s; animation: flash 1s; }
a.none:hover { opacity: 1; -webkit-animation: flash 0; animation: flash 0; }

/*common
------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:767px) {
	html { background: #000; } 
	body { font-size: 3.46666666vw; line-height: 1.9; color: #000; font-family: sans-serif; text-align: center; border: 10px solid #000; }
	img  { max-width: 100%; height: auto; -webkit-touch-callout: none; }
}
@media screen and (min-width: 768px) {
	html { font-size: 62.5%; overflow-y: scroll; } /* 10px */
	body { color: #000; font-size: 1.8rem; font-family: sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 2.0; font-size: 1.8rem; background: #000; text-align: center; border: 15px solid #000; }
	img  { vertical-align: bottom; }
}
@media screen and (max-width:320px) {
	html { font-size: 53.3%; } /* 8.5px */
}

/*common_parts
------------------------------------------------------------------------------------------------------------------------------------ */

@media screen and (max-width:767px) {
    h1 { position: relative; width:100%; margin: 0 auto; text-align: center; }
	h1 a { position: absolute; z-index: 100; width: 100%; height: 36.666666vw; text-indent: -9999px; }
	.contentsInner { padding-bottom: 4vw; }
	.forPC { display: none; }
	.forSP { display: inline; }
	.font-xx-large { font-size: 5.86666666vw!important; }   /* 22px */
	.font-x-large  { font-size: 4.8vw!important; }          /* 18px */
	.font-large    { font-size: 4.26666666vw!important; }   /* 16px */
    .font-default  { font-size: 3.46666666vw!important; }   /* 13px */
	.font-small    { font-size: 3.2vw!important; }          /* 12px */
	.font-x-small  { font-size: 2.6666666vw!important; }    /* 10px */
	.font-title    { font-size: 6.13333333vw!important; padding-top: 10px; line-height: 1; text-align: center; } /* 12px */
	.tcForSP { text-align: center; }
    .arrow { display: inline; padding-right: 4.4vw; text-decoration: underline; background: url(/assets/images/common/arrow.png) right center no-repeat; background-size: 4vw 4vw; }
    .arrow.red { padding-right: 5.5vw; text-decoration: underline; background: url(/assets/images/common/arrow_red.png) right center no-repeat; background-size: 5vw 5vw; }
	.btnImg { margin-bottom: 0; text-align: center; padding-top: 20px; }
    .border { width: 100%; height: 4.66666666666667vw; background: url(/assets/images/common/bg_border.png) center center no-repeat; background-size: 100% auto; }
    .iconNew { position: relative; }
    .iconNew .icon { position: absolute; top: -10px; left: -15px; width: 15vw!important; }
}
@media screen and (min-width: 768px) {
	#wrapper { width: 100%; }
    #header { /*display: block; width:100%; margin: 0 auto; text-align: center; */}
    #header h1 { position: relative; }
    #header h1 img { width: 100%; }
	#header h1 a { position: absolute; z-index: 100; width: 100%; height: 18.5vw; text-indent: -9999px; }
  
    
	.contentsInner { margin: 0 auto; padding-bottom: 30px; width: 1124px; }
	.contentsInner:after { content: "";  clear: both;  display: block; }
	.forPC { display: inline; }
	.forSP { display: none; }
    .font-xx-large { font-size: 2.8rem!important; } /* 22px */
	.font-x-large  { font-size: 2.4rem!important; } /* 20px */
	.font-large    { font-size: 2.0rem!important; } /* 18px */
	.font-default  { font-size: 1.8rem!important; } /* 16px */
	.font-small    { font-size: 1.6rem!important; } /* 14px */
	.font-x-small  { font-size: 1.4rem!important; } /* 12px */
    .font-xx-small { font-size: 1.2rem!important; } /* 12px */
	.font-title    { font-size: 3.0rem!important; line-height: 1; text-align: center; } /* 12px */
	.tcForPC { text-align: center; }
    .frForPC { float: right; }
    .flForPC { float: left; }
    .arrow { display: inline; padding-right: 20px; text-decoration: underline; background: url(/assets/images/common/arrow.png) right center no-repeat; background-size: 18px 18px; }
    .arrow.red { padding-right: 27px; background: url(/assets/images/common/arrow_red.png) right center no-repeat; background-size: 24px 24px; }
	.btnImg { margin-bottom: 0; text-align: center; padding-top: 20px; }
    .border { margin: 0 auto; width: 920px; height: 35px; background: url(/assets/images/common/bg_border_pc.png) center center no-repeat; background-size: 920px auto; }
    .iconNew { position: relative; }
    .iconNew .icon { position: absolute; top: -10px; left: -15px; }


}

/*module
--------------------------------------------------------------------*/
	.indent { padding-left: 1.0em; text-indent: -1.0em; }
	.clearfix:after { content: "";  clear: both;  display: block; }
	.clear { clear: both; }
	.fl { float: left!important; }
	.fr { float: right!important; }
	.tc { text-align: center!important; }
	.tl { text-align: left!important; }
	.tr { text-align: right!important; }
	.vt { vertical-align: top!important; }
	.vm { vertical-align: middle!important; }
	.vb { vertical-align: bottom!important; }
	.strong, strong { font-weight: bold!important; }
	.colorRed { color: #c70000!important; }
    .attention { color: #c1a07f!important; }
    .colorBrown { color: #9c6125!important; }
    .colorWhite { color: #fff!important; }
	.colorRed  { color: #c70000!important; }
	.decoration { text-decoration: underline!important; }
    .decoration.none { text-decoration: none!important;  }
	.mb10 { margin-bottom: 10px!important; }
	.mb15 { margin-bottom: 15px!important; }
	.mb20 { margin-bottom: 20px!important; }
	.mb30 { margin-bottom: 30px!important; }
	.mb50 { margin-bottom: 50px!important; }
    .mt10 { margin-top: 10px!important; }
    .mt15 { margin-top: 15px!important; }
	.mt20 { margin-top: 20px!important; }
	.mt30 { margin-top: 30px!important; }
    .mt50 { margin-top: 50px!important; }


/* 動画一覧
---------------------------------------------------*/
@media screen and (min-width: 768px) {
	.section { margin-top: -3vw; padding-bottom: 100px; width: 1124px; background: url(/assets/images/common/frame_full_btm.png) left bottom no-repeat;}
	.section .sectionInner { position: relative; padding: 0 80px; width: 1124px; background: url(/assets/images/common/frame_full_mdl.png) 0 0 repeat-y; box-sizing: border-box; } /* 964px */
    .section .titleCategory { width: 1124px; height: 153px; background: url(/assets/images/common/frame_full_top.png) 0 0 no-repeat; text-align: center; }
    .section .titleCategory img { height: 150px; width: auto; }
    .section .sectionDetail { margin: 0 auto; padding: 0 10px; width: 920px; box-sizing: border-box; }
    
    .titleLv1 { margin-bottom: 10px; } /* 巻物 */
    .titleLv1 img { margin-top: -20px; }
    .titleLv1.adjust { margin-top: 50px; }
    .titleLv1.pulldown { margin-top: 20px; }
	.titleLv2 { margin: 0 0 20px 0; padding: 10px 0 8px; font-size: 2.2rem; text-align: center; color: #fff; font-weight: bold; 
	background-image: url(/assets/images/common/icon_heading_L.png) , url(/assets/images/common/icon_heading_R.png);
	background-position: left 10px center, right 10px center;
	background-size: 36px auto, 36px auto;
	background-repeat: no-repeat, no-repeat;
    background-color: #9c6125; box-sizing: border-box; }
    .titleLv3 { margin: 0 0 20px 0; padding: 10px 0 8px; font-size: 1.8rem;  text-align: center; color: #fff; font-weight: bold;
    background-image: url(/assets/images/common/icon_heading_L.png) , url(/assets/images/common/icon_heading_R.png) ,url(/assets/images/common/bg_title_lv3_pc.png);
	background-position: left 10px center, right 10px center, center center;
	background-size: 36px auto, 36px auto, 900px auto;
	background-repeat: no-repeat, no-repeat, no-repeat; }
    .titleLv3.half { background-image: url(/assets/images/common/icon_heading_L.png) , url(/assets/images/common/icon_heading_R.png) ,url(/assets/images/common/bg_title_lv3_half_pc.png);
	background-position: left 10px center, right 10px center, center center;
	background-size: 36px auto, 36px auto, 100% auto;
	background-repeat: no-repeat, no-repeat, no-repeat; }
    .titleLv4 { padding: 7px 10px 5px 10px; background: #74431a; border-radius: 20px; color: #fff7b1; text-align: center; }
    
    
    /*background: url(/assets/images/common/title_bg_lv2_pc.png) center center no-repeat box-sizing: border-box; };*/

}
@media screen and (max-width: 767px) {
	.section { margin-top: -8vw; width: 100%; padding-bottom: 13.3333333333vw; background:url(/assets/images/common/frame_half_btm.png) left bottom no-repeat; background-size: 100% auto; }
	.section .sectionInner  { position: relative; padding: 20px 8.2vw 0 7.5vw; background: url(/assets/images/common/frame_half_mdl.png) 0 0 repeat-y; background-size: 100% auto; box-sizing: border-box; }
	.section .titleCategory { width: 100%; height: 21vw; background: url(/assets/images/common/frame_half_top.png) 0 0 no-repeat; background-size: 100% auto; }
    /*.section .sectionDetail { margin: 0 2vw 6.666666666vw 2vw; }*/
    .section .sectionDetail { margin: 0 2vw; }
    .titleLv1 { margin-bottom: 5px; } /* 巻物 */
    .titleLv1 img { margin-top: -10px; } 
    .titleLv1.adjust { margin-top: 30px; }
    .titleLv1.pulldown { margin-top: 20px; }
	.titleLv2 { margin: 0 0 20px 0; padding: 10px 0 8px; font-size: 4.26666666vw; text-align: center; color: #fff; font-weight: bold; 
	background-image: url(/assets/images/common/icon_heading_L.png) , url(/assets/images/common/icon_heading_R.png);
	background-position: left 5px center, right 5px center;
	background-size: 7vw auto, 7vw auto;
	background-repeat: no-repeat, no-repeat;
    background-color: #9c6125; box-sizing: border-box; }
	.titleLv3 { margin: 0 0 15px 0; padding: 10px 0 8px; font-size: 4vw; text-align: center; color: #fff; font-weight: bold; 
	background-image: url(/assets/images/common/icon_heading_L.png) , url(/assets/images/common/icon_heading_R.png) ,url(/assets/images/common/bg_title_lv3_half_pc.png);
	background-position: left 10px center, right 10px center, center center;
	background-size: 7vw auto, 7vw auto, 100% auto;
	background-repeat: no-repeat, no-repeat, no-repeat;
    box-sizing: border-box; }
    .titleLv4 { padding: 7px 10px 5px 10px; background: #74431a; border-radius: 20px; color: #fff7b1; text-align: center; }
}





/* フッター
---------------------------------------------------*/
@media screen and (min-width: 768px) {
	.footer { position: relative; /*margin-top: 30px; */}
    .footerInner:first-child { padding: 15px 0; background: #2e2e2e; color: #fff; }
    .footerInner:last-child { padding: 15px 0; background: #191919; color: #fff; }
    
    .footer1st { margin: 0 auto; width: 1080px; }
    .footer1st dl { display: flex; width: 100%;flex-flow: row-reverse; }
    .footer1st dt { font-size: 1.2rem; margin-right: 40px;  width: 828px; }
    .footer1st dd { text-align: right; width: 212px; }
    .footer1st .snsLink { display: flex; flex-wrap: nowrap; width: 212px; }
    .footer1st .snsLink li:nth-child(2) { margin: 0 16px; }
    .footer1st .snsLink img { opacity: .5; }
    
    .footer2nd { display: table; margin: 0 auto; width: 1080px; }
    .footer2nd .bannerWrap { display: table-cell; width: 50%; vertical-align: middle; }
    .footer2nd .banner { display: flex; flex-wrap: nowrap; }
  	.footer2nd .banner li:first-child  { width: 88px; }
    .footer2nd .banner li:nth-child(2) { width: 178px; }
	.footer2nd .banner li:last-child { width: 73px; font-size: 1.2rem;  text-align: center; }
    .footer2nd .banner li:last-child a { display: block; line-height: 68px; /*border: 1px solid #fff; */ color: #fff; box-sizing: border-box; background: #2e2e2e; }
	.footer2nd .copyright { display: table-cell; width: 50%; text-align: right; font-size: 1.2rem; vertical-align: middle; }

	.pagetop { position: absolute; right: 10px; top: -60px; }

}
@media screen and (max-width: 767px) {
    .footer { position: relative;}
	.footer1st .snsLink { display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0 auto; padding: 4.53333333333333vw 0; width: 48vw; }
    .footer1st .snsLink img { opacity: .5; }
    .footer1st dt { font-size: 3.2vw!important; }
    .footer1st { padding: 0 4vw 4vw 4vw; background: #2e2e2e; color: #fff; text-align: left; }
    .footer1st .snsLink li{ width: 14vw; }
    .footer1st .snsLink li:nth-child(2) { margin: 0 16px; }
    .footer1st .snsLink img { opacity: .5; }
    
    .footer2nd { background: #191919; }
    .footer2nd .banner { display: flex; padding: 6vw 8.93333333333vw 3vw; flex-wrap: nowrap; }
  	.footer2nd .banner li:first-child  { width: 17.6vw; }
    .footer2nd .banner li:nth-child(2) { margin: 0 10px; width: 38.93333333333vw; }
	.footer2nd .banner li:last-child { width: 17.6vw; font-size: 1.2rem;  text-align: center; font-size: 3.2vw!important; }
    .footer2nd .banner li:last-child a { display: block; height: 16.4vw; line-height: 16.4vw; background: #2e2e2e; color: #fff; box-sizing: border-box; }
    .footer2nd .banner li { height: 16.4vw }
	.footer2nd .copyright { padding: 5px 5px 20px 5px; text-align: center; font-size: 2.666666vw; color: #fff; }    
   
	.pagetop { position: absolute; right: 0; top: -6vw; width: 25vw; }
}


/* 動画一覧
---------------------------------------------------*/
@media screen and (min-width: 768px) {
	.youtube { position: relative; margin-bottom: 10px; padding-top: 56.25%; height: 0; overflow: hidden; border: 4px solid #dbd04d;  box-sizing: border-box; }
	.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media screen and (max-width: 767px) {
	.youtube { margin-top: 2vw; margin-bottom: 10px; position: relative; padding-top: 56.25%; height: 0; overflow: hidden; border: 4px solid #dbd04d;  box-sizing: border-box; }
	.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}

/* モーダル画面
---------------------------------------------------*/	
#lean_overlay  { display: none; position: fixed; z-index:10000; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; }
@media screen and (min-width: 768px) {
	.modalWindow { display: none; box-sizing: border-box; text-align: center; }
	.modalInner  { width: 1000px; height: 750px; }
    .modalInner.schedule  { width: 600px; height: 600px; overflow: auto; }
    .modalInner.treasure  { width: 500px!important; height: 750px!important; overflow: auto!important; }
	.modalInner.scroll { overflow: auto; }
	.modalClose  { display: block; position: absolute; top: -10px; right: -10px; width: 35px; height: 35px; background: url(/assets/images/common/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; }
    
    .modalInner.treasure .card { margin: 0 auto; width: 483px!important; }
    .modalInner.treasure .card img { width: 100%;}
    .modalInner.treasure .card dt { display: block; margin-bottom: 20px;  }
    .modalInner.treasure .card dd .text{ margin: 15px 0; color: #fff; }
    .modalInner.treasure .card .arrowBox { display: inline; padding-right: 20px; text-decoration: underline; background: url("../../images/treasure/arrow.png") right center no-repeat; background-size: 18px auto; color: #fff; }
    .modalInner.treasure .card .kabegami { margin: 0 auto; width: 400px!important; }
    .modalInner.treasure .card .getcode { padding: 0 20px; }

}
@media screen and (max-width: 767px) {
	.modalWindow { display: none; box-sizing: border-box; text-align: center; }
	.modalInner  { overflow: scroll; padding-bottom: 10px; width: 92vw; height: 140vw; }
	.modalClose  { display: block; position: absolute; top: -1vw; right: -1.3333333333vw; width: 6.6666666666vw; height: 6.6666666666vw; background: url(/assets/images/common/btn_close.png) no-repeat; background-size: 6.6666666666vw 6.6666666666vw; z-index: 2; cursor: pointer; }
	.modalDetail {  }
    .modalInner.treasure .card dt { display: block; margin-bottom: 15px; }
    .modalInner.treasure .card dd { padding: 0; color: #fff; }
    .modalInner.treasure .card dd img { margin-bottom: 15px; }
    .modalInner.treasure .card dd .text { margin: 15px 0; }
    .modalInner.treasure .card dd .arrowBox { display: inline; padding-right: 4.4vw; text-decoration: underline; background: url("../../images/treasure/arrow.png") right center no-repeat; background-size: 4vw 4vw; color: #fff; }
    .modalInner.treasure .card .kabegami { min-width: 100%; }
}


@media screen and (min-width: 641px) {
	#navBtn { position: absolute; top: 10px; right: 10px; display: block; padding: 10px 12px 5px 12px; z-index: 30000; border: 2px solid #fff; box-sizing: border-box; border-radius: 8px; background: #000; cursor: pointer; }
	#nav { position: absolute; top: 0; right: 0; width: 250px; z-index: 29999; } /* 場所固定 */
	/*#nav { position: relative; }  開閉 */
	#nav ul { display: none; width: 100%; border-left: 1px solid #fff; box-sizing: border-box; }
	#nav ul li { position: relative;  border-top: 1px solid #262626; background: #222; border-bottom: 1px solid #fff; }
	#nav ul li:nth-child(odd) { background: #2e2e2e; }
	#nav ul li:nth-child(even) { background: #191919; }
	#nav ul li a { display: block; padding: 15px 10px 15px 35px; font-size: 1.2rem; text-decoration: none; color: #fff; background: url(/assets/images/common/icon_heading.png) 5px center no-repeat; background-size: 28px auto; }
	
	/*#nav ul li a::after { position: absolute; top: 50%; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 3px #a3a3a3; border-right: solid 3px #a3a3a3; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; margin-top: -5px; background: #333 } 矢印*/
	.menu-trigger,
	.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
	.menu-trigger { position: relative; width: 35px; height: 22px; }
	.menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; border-radius: 2px; }
	.menu-trigger span:nth-of-type(1) {	top: 0;	}
	.menu-trigger span:nth-of-type(2) {	top: 10px; }
	.menu-trigger span:nth-of-type(3) { bottom: 0; }
	.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); }
	.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
	.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg); }
	.menu { display: block; margin-top: -3px; font-size: 10px; text-align: center; color: #fff; }

	
}
@media screen and (max-width: 640px) {
	#nav { position: absolute; top: 0; width: 100%; z-index: 20000; } /* 場所固定*/
	/* #nav { position: relative; } 開閉式 */
	#nav ul { display: none; width: 100%; }
	#nav ul li { position: relative; border-bottom: 1px solid #fff; }
	#nav ul li:nth-child(odd) { background: #2e2e2e; }
	#nav ul li:nth-child(even) { background: #191919; }
	#nav ul li a { display: block; padding: 3vw 0 3vw 7vw; font-size: 3.2vw; text-decoration: none; color: #fff; background: url(/assets/images/common/icon_heading.png) left center no-repeat; background-size: 6.4vw auto; }
	
	/*#nav ul li a::after { position: absolute; top: 50%; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 3px #a3a3a3; border-right: solid 3px #a3a3a3; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; margin-top: -5px; } 矢印*/
	#navBtn { position: absolute; top: 10px; right: 10px; display: block; display: block; padding: 8px 10px 3px 10px; border: 2px solid #fff; box-sizing: border-box; border-radius: 8px; background: #000; cursor: pointer; z-index: 20000; }
	.menu-trigger,
	.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
	.menu-trigger { position: relative; width: 30px; height: 22px; }
	.menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; border-radius: 2px; }
	.menu-trigger span:nth-of-type(1) {	top: 0;	}
	.menu-trigger span:nth-of-type(2) {	top: 10px; }
	.menu-trigger span:nth-of-type(3) { bottom: 0; }
	.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); }
	.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
	.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg); }
	.menu { display: block; margin-top: -3px; font-size: 2vw; text-align: center; color: #fff; }
}

/* ページャー
---------------------------------------------------*/	
@media screen and (min-width: 768px) {
	.pager { position: relative; margin-bottom: 10px; padding: 10px 0 0 0; width: 900px; text-align: center; }
	.pager li { display: inline; padding: 0 8px; font-size: 1.6rem; color: #9d8b2d;  }
	.pager a { padding: 0px; font-size: 1.6rem; font-weight: bold; color: #9d8b2d;}
	.pager a:hover { text-decoration: underline; color: #c70000; }
	.pager span { padding: 0px 8px; font-size: 1.6rem; font-weight: bold; color: #c70000; border-bottom: 2px solid #c70000; }

}
@media screen and (max-width: 767px) {
	.pager { position: relative; padding: 5px 0 10px 0; text-align: center; }
	.pager li { display: inline; padding: 0 2px; font-size: 2.93333333vw; color: #444; }
	.pager a { padding: 0; font-size: 2.93333333vw; font-weight: bold; color: #444; }
	.pager a:hover { text-decoration: underline; color: #d30000; }
	.pager span { padding: 0px; font-size: 2.93333333vw; font-weight: bold; color: #d30000; border-bottom: 2px solid #d30000; }
}



/* カードページのローカルナビ
---------------------------------------------------*/
@media screen and (min-width: 768px) {
	.navPulldown { margin: 0 auto 0 auto; width: 860px;  background: #9c6125; text-align: center; }
	.navPulldownInner { font-size: 1.4rem; font-weight: bold; color: #000;}
	.navPulldownInner dt { padding: 15px 15px 10px 15px;; cursor: pointer; background: #9c6125 url("../../images/common/arrow_pulldown.png") right 10px center no-repeat; background-size: 30px 30px; color: #fff;}
	.navPulldownInner dd { display: none; margin: 0; background: #9c6125;}
	.navPulldownInner ul { padding: 0 10px 10px 10px; background: #9c6125;}
	.navPulldownInner li { margin-bottom: 1px; }
	.navPulldownInner li a { position: relative; display: block; padding: 12px 10px; font-weight: normal; color: #9c6125;  background: #fff; font-size: 1.4rem; text-decoration: none; }
	.navPulldownInner li a::after { position: absolute; top: 50%; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 2px #9c6125; border-right: solid 2px #9c6125; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; margin-top: -5px; }
}
@media screen and (max-width: 767px) {
	.navPulldown { margin: 0 4vw; background: #9c6125; text-align: center; }
	.navPulldownInner { font-weight: bold; color: #000;}
	.navPulldownInner dt { padding: 10px 10px 10px 10px;; cursor: pointer; background: #9c6125 url("../../images/common/arrow_pulldown.png") right 10px center no-repeat; background-size: 6vw 6vw; color: #fff;}
	.navPulldownInner dd { display: none; margin: 0; background: #9c6125;}
	.navPulldownInner ul { padding: 0 10px 10px 10px; background: #9c6125;}
	.navPulldownInner li { margin-bottom: 1px; }
	.navPulldownInner li a { position: relative; display: block; padding: 8px; font-weight: normal; color: #9c6125;  background: #fff; text-decoration: none; }
	.navPulldownInner li a::after { position: absolute; top: 50%; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 2px #9c6125; border-right: solid 2px #9c6125; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; margin-top: -5px; }
}



/*

435*136

200*62
*/