@charset "UTF-8";

/*
======== table of content. ===============

summary:ワイヤーフレーム要素

==========================================
*/

@media screen and (max-width: 767px) {

a:hover { color:#4f3200; }
a.sec_linkbox:hover { opacity:1; }

/*----------------------------------------
body
------------------------------------------*/
body { }
	.inner { width:100%; margin:0 auto; padding:0 15px; }

/*----------------------------------------
div#wrapper
------------------------------------------*/
#wrapper { min-width:290px; }

/*----------------------------------------
header
------------------------------------------*/
header { }
	header h1 { width:267px; margin:0; padding:15px 10px; }
		header h1 img { max-width:100%; }
		#trigger { display:block; position:absolute; right:4%; top:0; bottom:0; width:30px; height:30px; margin:auto; background:rgba(25,25,25,1) url(../images/icon_trigger.png) no-repeat center center; background-size:contain; z-index:10; }
		.sec_navs { display:none; position:absolute; left:0; top:56px; width:100%; background-color:#191919; z-index:5; }

/* globalnav
------------------------------------------*/
#globalnav { }
	#globalnav ul { display:block; width:100%; }
		#globalnav li { display:block; position:relative; padding:5px; border-bottom:1px solid #fff; }
		#globalnav li:before { display:none; }
		#globalnav .nav_home:before { display:none; }
			#globalnav li a { display:block; }

/* subnav
------------------------------------------*/
#subnav {}
	#subnav { position:relative; left:auto; right:auto; bottom:auto; margin:auto; padding-bottom:15px; text-align:left; }
		#subnav li { display:block; margin-top:15px; text-align:center; }
		#subnav li:first-child { margin-right:0; }
			#subnav a { padding-left:20px; background:url(../images/arrow_off.png) no-repeat left center; color:#fff; }
			#subnav a:hover { background:url(../images/arrow_on.png) no-repeat left center; }

/*----------------------------------------
content
------------------------------------------*/
#content { position:relative; padding:10px 0 40px;  }
	.promo { height:180px; margin:auto -15px; }
		.promo .logo_wakon { width:90px; }
		.promo h1 { left:10px; top:10px; width:140px; height:140px; margin:0; }
			.promo span { background-position:center center; font-size:142.8%; }

.ttl_link { font-size:128.5%; }
	.ttl_link a ,
	.ttl_link span { display:block; padding:0 0 0 20px; background-size:15px 15px; }
.ttl_ribbon { font-size:128.5%; }
.ttl_jp_gold { font-size:128.5%; }
.ttl_icon_square { font-size:114.2%; }
.ttl_border { font-size:114.2%; }

.sec_img_set { position:relative; margin-top:10px; }
	.sec_img_set img { width:98px; }
	.sec_img_set p { margin:10px 0 0 113px; }
	.sec_img_set strong { color:#d6bb6b; font-size:128.5%; font-weight:normal; }
	.sec_img_set .ttl_img_set { margin:0 0 0 113px; font-size:114.2%; }
	.sec_img_set .txt_bottom { position:relative; }

.btn_footer { margin-top:30px; text-align:center; }
	.btn_footer a { width:100%; }

.nav_img_local { margin-top:40px; }
	.nav_img_local li { float:none; margin:10px 0 0; text-align:center; }
	.nav_img_local li:last-child { margin-right:0; }
		.nav_img_local a { display:table; width:100%; }
			.nav_img_local .current a,
			.nav_img_local a:hover { opacity:1; }
			.nav_img_local a .img_wrap { display:table-cell; width:102px; }
			.nav_img_local a p { display:table-cell; padding:10px; vertical-align:middle; text-align:left; }
				.nav_img_local a p span { display:inline-block; width:100%; }
				.nav_img_local a p span:before { content:""; display:inline-block; width:15px; height:15px; margin-right:5px; background:url(../images/arrow_w_l_off.png) no-repeat 0 0; background-size:15px 15px; vertical-align:middle; }
				.nav_img_local a:hover p span:before { background-image:url(../images/arrow_w_l_on.png); }


.forpc { display:none; }
.forsp { display:block; }

br.forpc,
img.forpc { display:none; }
br.forsp,
img.forsp { display:inline; }

#pagetop a:hover { opacity:0.5; }

/*----------------------------------------
footer
------------------------------------------*/
footer { position:relative; bottom:auto; width:100%; height:auto; border-top:1px solid #191919; }
	footer .inner { padding:10px; }
		.static { text-align:center; }
		.copyright { position:relative; right:auto; bottom:auto; height:20px; margin-top:10px; font-size:85.7%; }
		#snsnav { }
			#snsnav li { display:inline-block; margin:0 5px; }
			#snsnav .btn_line { display:inline-block; }

/*----------------------------------------
commonitems
------------------------------------------*/
.sec_left { float:none; }
.sec_right { float:none; }
.sec_2col.sec_equally .sec_left,
.sec_2col.sec_equally .sec_right { width:100%; }
.sec_3col.sec_equally .sec_left  { width:100%; margin-right:0; }
.sec_3col.sec_equally .sec_right { width:100%; }
.sec_2col.sec_equally .sec_right,
.sec_3col.sec_equally .sec_left:nth-child(2),
.sec_3col.sec_equally .sec_right { margin-top:40px; }

.list_notes li { margin-top:10px; }


}