@charset "utf-8";
/* innerpage styles */

/* sub header */
#pannavi p{
	padding:15px 0 0 15px;
	font-size:13px;
	color:#aaa;
	display:none;
	}
#innerID{display:none !important;}
#innerID a{color:#000014;}
#innerID a:hover{color:#c80000;}
#pannavi p a{color:#fff;}
#pannavi p a:hover{color:#c80000;}
@media(min-width:1px) and (max-width:480px){
	#pannavi p{
		display:none;
		}
	}
/* content common */

.fadeInOut{
	transition:opacity 0.33s ease-in-out;
	-webkit-transition:opacity 0.33s ease-in-out;
	-moz-transition:opacity 0.33s ease-in-out;
	-ms-transition:opacity 0.33s ease-in-out;
	-o-transition:opacity 0.33s ease-in-out;	
	opacity:1;
	}
.fadeInOut:hover{opacity:0.33;}

/* attus replacing */

.js-attus{font-size:80%;}

#main p{line-height:24px;}
#main .english{
	color:#808080;
	text-align: justify;
	line-height:22px !important;
	}
#main .notJustify{
	text-align:center !important;
	}

/* content_footer */

#content_footer{
	margin:50px auto 30px;
	width:100%;
	}
	#content_footer ul li{
		max-width:365px;
		min-width:288px;
		width:100%;
		color:#fff;
		background:#001e3c;
		margin:0 0 20px;
		}
	#content_footer ul li a{
		display:block;
		padding:13px 15px;
		color:#fff;
		background:url(../img/base/btn_allow.png) right 10px top 10px no-repeat;
		background-size:10px 10px;
		}
	#content_footer ul li.btn01{float:left;}
	#content_footer ul li.btn02{float:right;}
	#content_footer ul li img{display:block;}
@media(min-width:1px) and (max-width:940px){
	#content_footer ul li.btn01,
	#content_footer ul li.btn02{
		margin:0 auto 20px;
		float:none;
		}
	#content_footer{
		margin:50px auto;
		width:90%;
		}
	}

/* culture */

#culture{
	max-width:790px;
	margin:0 auto 20px;
	}
	#culture #page_title,
	#culture #page_kv,
	#culture #page_sub,
	#culture h3,
	#culture .en_h3{text-align:center;}
	#culture #page_title{
		font-weight:normal;
		font-size:16px;
		color:#fff;
		padding-top:40px;
		padding-bottom:40px;
		}
	#culture #page_title img{
		display:block;
		margin:0 auto 15px;
		width:80%;
		height:auto;
		width:26.32911%;
		}
	#culture #page_title img:first-child{width:67.59494%;}
	html.ie8 #culture #page_title img{width:528px;}
	#culture #page_kv img{
		line-height:none;
		padding-bottom:30px;
		max-width:790px;
		width:100%;
		}
	#culture #page_sub{
		padding-bottom:30px;
		}
	#culture #page_sub span{
		display:block;
		line-height:30px;
		margin:0 5%;
		}
	#culture #page_sub img{
		vertical-align:middle;
		height:48px;
		}
	#culture .en_h3 span{
		display:block;
		}
	#culture .en_h3 img{
		height:30px;
		}
	#culture p,
	#culture #inline_gallery{
		color:#fff;
		padding-bottom:30px;
		}
	#culture #inline_gallery{margin:20px 0;}
	#inline_gallery li{
		float:left;
		width:20%;
		text-align:center;
		}

/* culture mini */

@media(min-width:1px) and (max-width:940px){
	#culture #inline_gallery,
	#culture p{
		max-width:90%;
		margin:0 auto;
		}
	#culture #page_sub img{height: 40px;}
	#culture .en_h3 img{height:24px;}
	#inline_gallery li{font-size:8px;}
	}
@media(min-width:1px) and (max-width:640px){
	#culture #page_title{
		font-size:13px;
		padding:30px 0;
		}
	#culture #page_title img{margin:0 auto 5px;}
	#culture #page_sub{padding-bottom:10px;}
	#culture p{
		font-size: 12px !important;
		line-height: 22px !important;
		}
	#main .english{
		font-size: 11px !important;
		line-height: 19px !important;
		}
	#culture #page_sub img{
		height:25px;
		}
	#culture .en_h3 img{
		height:16px;
		}
	}

/* gallery */

#gallery{
	max-width:960px;
	margin:0 auto 50px;
	}
	#gallery #page_title{
		text-align:center;
		font-weight:normal;
		font-size:16px;
		color:#fff;
		padding-top:40px;
		padding-bottom:40px;
		}
	#gallery #page_title img{
		display:block;
		margin:0 auto 15px;
		width:80%;
		max-width:366px;
		}
	html.ie8 #gallery #page_title img{width:366px;}
	#gallery #gallery_masonry{
		position:relative;
		margin:0 auto;
		}
	#gallery #gallery_masonry li{
		line-height:0;
		width:150px;
		padding:5px;
		}
	#gallery #gallery_masonry li.double,
	#gallery #gallery_masonry li.quad{width:310px;}
	/* for masonry */
	@media(min-width:1px) and (max-width:480px){
		#gallery #gallery_masonry{width:320px;}
		#gallery #gallery_masonry li.quad{width:150px;}
		#gallery #gallery_masonry li.mini,
		#gallery #gallery_masonry li.mini img{width:150px; height:85px;}
		}
	@media(min-width:481px) and (max-width:800px){
		#gallery #gallery_masonry{width:640px;}
		}
	@media(min-width:801px) and (max-width:940px){
		#gallery #gallery_masonry{width:800px;}
		}

/* tradition */

#tradition{
	max-width:790px;
	margin:0 auto 20px;
	}
	#tradition #page_title,
	#tradition #page_kv,
	#tradition #page_sub,
	#tradition .en_h3,
	#tradition p{text-align:center;}
	#tradition #page_title{
		font-weight:normal;
		font-size:16px;
		color:#fff;
		padding-top:40px;
		padding-bottom:40px;
		}
	#tradition #page_title img{
		display:block;
		margin:0 auto 15px;
		width:90%;
		max-width:664px;
		}
	html.ie8 #tradition #page_title img{width:664px;}
	#tradition #page_kv img{
		line-height:none;
		padding-bottom:30px;
		max-width:790px;
		width:100%;
		}
	#tradition #page_sub{
		padding-bottom:10px;
		}
	#tradition #page_sub span{
		display:block;
		line-height:30px;
		margin:0 5%;
		}
	#tradition #page_sub img{
		vertical-align:middle;
		height:48px;
		}
	#tradition .en_h3 img{
		height:30px;
		}
	#tradition .en_h3 span{
		display:block;
		}
	#tradition p{
		color:#fff;
		padding-bottom:30px;
		}
	#tradition .disctiption{
		font-size:14px;
		padding-bottom:15px;
		}
	
#tradition_lows{
	border-top:1px solid #808080;
	padding:40px 0 50px;
	max-width:790px;
	font-size:14px;
	width:90%;
	margin:0 auto;
	color:#fff;
	}
	#tradition_lows p a{
		color:#fff;
		text-decoration:underline;
		}
	#tradition_lows a:hover{text-decoration:none;}
	#tradition_lows h2 img{height:24px;}
	#tradition_lows p{padding-top:20px;}
.craft{
	max-width:790px;
	margin:0 auto;
	padding:30px 0;
	}
	.craft h2 img{
		display:block;
		height:64px;
		margin:0 auto;
		padding-bottom:30px;
		}
	.craft .figure img{
		display:block;
		width:790px;
		margin:0 auto;
		padding-bottom:30px;
		}
	.craft .text{
		float:left;
		width:495px;
		}
	.craft .img{
		float:right;
		width:250px;
		padding-bottom:30px;
		}
	.craft .text p{
		font-size:14px;
		color:#fff;
		padding-bottom:15px;
		}

/* tradition mini */

@media(min-width:1px) and (max-width:940px){
	#tradition p{
		max-width: 90%;
		margin: 0 auto;
		}
	#tradition #page_sub img{height: 40px;}
	.craft .text,
	.craft .img{
		float:none;
		margin:0 auto;
		text-align:center;
		}
	.craft .text{width:90%;}
	.craft .img{width:273px;}
	#tradition p br{display:none;}
	#tradition .en_h3 img{height:24px;}
	}
@media(min-width:1px) and (max-width:640px){
	#tradition #page_sub img{
		height:25px;
		}
	#tradition .en_h3 img{
		height:16px;
		}
	}


/* artisan */

#artisan{
	max-width:960px;
	margin:0 auto;
	}
	#artisan #page_title{
		text-align:center;
		font-weight:normal;
		font-size:16px;
		color:#fff;
		padding-top:40px;
		padding-bottom:40px;
		}
	#artisan #page_title img{
		display:block;
		margin:0 auto 15px;
		width:80%;
		max-width:474px;
		}
	html.ie8 #artisan #page_title img{width:474px;}
	#artisan_footer{
		padding:10px 0 30px;
		}
	#artisan ul{
		max-width:950px;
		margin:0 auto;
		}
	#artisan ul li{
		float:left;
		max-width:280px;
		margin:0 55px 30px 0;
		}
	#artisan ul li.third{margin-right:0;}
	#artisan ul li dl{
		text-align:center;
		padding:10px 0 20px;
		}
	#artisan ul li dl .artisan_dtl img{height:18px;}
	#artisan ul li dl .artisan_name img{height:24px;}
	#artisan ul li dl .artisan_name2 img{height:18px;}
	#page3{
		background:#fff;
		padding:10px 0 30px;
		}
	#page3 ul,
	#artisan_footer ul{
		width:950px;
		margin:50px auto 0;
		}
	#page3 ul li,
	#artisan_footer ul li{
		float:left;
		max-width:280px;
		margin:0 55px 30px 0;
		}
	#page3 ul li.third,
	#artisan_footer ul li.third{margin-right:0;}
	#artisan_footer ul li .artisan_name{
		text-align:center;
		padding:10px 0 20px;
		}
	#artisan_footer ul li .artisan_name img{ height:24px;}
/* artisan mini */

@media(min-width:481px) and (max-width:940px){
	#artisan ul,
	#page3 ul,
	#artisan_footer ul{
		width:90%;
		max-width:640px;
		}
	#artisan ul li,
	#page3 ul li,
	#artisan_footer ul li{
		margin:0 0 30px 0;
		width:48%;
		}
	#page3 ul li:nth-child(2n+0),
	#artisan ul li:nth-child(2n+0),
	#artisan_footer ul li:nth-child(2n+0){float:right;}
	}
@media(min-width:1px) and (max-width:480px){
	#artisan ul,
	#artisan_footer ul{width:320px;}
	#artisan ul li,
	#artisan_footer ul li{
		float: none;
		margin: 0 auto 20px !important;
		position: relative;
		line-height: 0;
		}
	#artisan_footer ul li .artisan_name{
		text-align: center;
		padding: 8px 0;
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.5);
		}
	#page3 ul{width:90%;}
	#page3 ul li{
		width:48%;
		margin:0 0 30px;
		}
	#page3 ul li:nth-child(2n+0){float:right;}
	}
	
/* map */

#white_map{
	background:#fff;
	padding:20px;
	margin:20px auto 50px;
	max-width:1100px;
	}
	#white_map h2 img{
		max-width:580px;
		width:100%;
		display:block;
		margin:35px auto 10px;
		}
	html.ie8 #white_map h2 img{
		width:580px !important;
		height:50px;
		}
	#white_map h2{
		width:100%;
		text-align:center;
		font-size:16px;
		}
	#white_map #text{
		max-width:830px;
		text-align:center;
		font-size:14px;
		line-height:26px;
		margin:25px auto 0;
		}
	#white_map #text_en{
		max-width:830px;
		text-align:center;
		font-size:14px;
		line-height:20px;
		margin:25px auto 50px;
		}
	
/* news */

#white_news{
	background:#fff;
	padding:20px;
	margin:20px 0 50px;
	}
	#white_news h2 img{
		width:32%;
		max-width:150px;
		display:block;
		margin:35px auto 10px;
		}
	html.ie8 #white_map h2 img{width:150px;}
	#white_news h2{
		text-align:center;
		font-size:16px;
		}
	#white_news ul{
		max-width:740px;
		width:100%;
		margin:50px auto;
		}
	#white_news ul li{
		border-bottom:1px #ccc solid;
		padding-bottom:20px;
		margin-bottom:19px;
		}
	#white_news ul li time{
		color:#c00000;
		display:block;
		font-size:14px;
		}
	#white_news ul li h3{
		margin:10px 150px 10px 0;
		display:block;
		font-size:14px;
		}
	#white_news ul li p,
	#white_news ul li h3,
	#white_news ul li time{margin-right:150px;}
	#white_news ul li img{
		width:146px;
		float:right;
		}
@media(min-width:1px) and (max-width:940px){
	#white_news ul li p{
		clear:both;
		padding-top:10px;
		}
	#white_news ul li p,
	#white_news ul li h3,
	#white_news ul li time{
		margin-right:0;
		line-height:20px !important;
		}
	#white_news ul li img{
		padding-left:7px;
		float:right;
		}
	}
	
/* contact */

#white_contact{
	background:#fff;
	padding:20px;
	margin:20px 0 50px;
	}
	#white_contact h2 img{
		width:50%;
		max-width:230px;
		display:block;
		margin:35px auto 10px;
		}
	html.ie8 #white_contact h2 img{width:207px;}
	#white_contact h2{
		text-align:center;
		font-size:16px;
		}
	#white_contact #text{
		text-align:center;
		font-size:16px;
		line-height:26px;
		margin:40px 0 0;
		}
	#white_contact #text_en{
		text-align:center;
		font-size:14px;
		line-height:20px;
		margin:15px 0 50px;
		}
	#white_contact table{
		max-width: 720px;
		width:100%;
		margin:15px auto 30px;
		}
	#white_contact table tr th{
		vertical-align:top;
		width:170px;
		padding:18px 15px 0;
		text-align:right;
		font-size:14px;
		}
	#white_contact table tr td{
		padding:15px;
		text-align:left;
		font-size:14px;
		}
	#white_contact table tr td input,
	#white_contact table tr td textarea{
		border:#b3b3b3 1px solid;
		padding:4px 3px;
		display:block;
		width:auto;
		}
	#white_contact table tr td input.normal{width:96%;}
	#white_contact table tr td input.small{width:48%;}
	#white_contact table tr td textarea.textarea{
		width:96%;
		height:150px;
		}
	#white_contact .attention{
		margin-top:4px;
		display:block;
		}
	#white_contact em{
		color:#c80000;
		font-style:normal;
		font-weight:normal;
		}
	#white_contact #agreement{text-align:center;}
	#white_contact #agreement h3{
		margin-top:10px;
		margin-bottom:20px;
		}
	#white_contact #agreement p.english{margin-bottom:35px;}
	#white_contact #button{
		text-align:center;
		margin:25px 0 50px;
		}
	#white_contact #button .button{
		width:220px;
		border-radius:5px;
		color:#fff;
		padding:0 10px;
		text-align:left;
		height:50px;
		margin:0 3px 10px 3px;
		}
	#white_contact #button .btn_sbm{background:#6e0000 url(../img/contact/allow.png) 200px 10px no-repeat;}
	#white_contact #button .btn_rst{background:#000014 url(../img/contact/allow.png) 200px 10px no-repeat;}
	#white_contact #button .btn_sbm,
	#white_contact #button .btn_rst{background-size:10px 10px !important;}
	#white_contact #button .button img{
		display:block;
		margin:5px 0 0 ;
		}
	#white_contact #thanks{
		max-width: 520px;
		width:100%;
		margin:100px auto;
		}
@media(min-width:1px) and (max-width:480px){
	#white_contact #text {
		font-size: 13px;
		line-height: 20px;
		margin: 30px 0 0;
		}
	#white_contact table{
		max-width: 720px;
		width:100%;
		margin:10px auto 30px;
		display:block;
		}
	#white_contact table tbody,
	#white_contact table tr{
		display:block;
		width:100%;
		}
	#white_contact table tr th{
		vertical-align:top;
		width:auto;
		padding:18px 15px 0;
		text-align:left;
		font-size:14px;
		display:block;
		}
	#white_contact table tr td{
		padding:10px 15px;
		text-align:left;
		width:auto;
		font-size:14px;
		display:block;
		}
	}

/* link */

#white_link{
	background:#fff;
	padding:20px;
	margin:20px 0 50px;
	}
	#white_link h2 img{
		width: 25%;
		max-width:112px;
		display:block;
		margin:35px auto 10px;
		}
	html.ie8 #white_link h2 img{
		width:112px !importants;
		height:42px !important;
		}
	#white_link h2{
		text-align:center;
		font-size:16px;
		}
	#white_link #text{
		text-align:center;
		font-size:14px;
		line-height:26px;
		margin:25px 0 50px;
		}
	#white_link h3,
	#white_link ul{
		max-width:740px;
		margin:0 auto;
		}
	#white_link h3 img{height:24px;}
	#white_link ul{margin-bottom:30px;}
	#white_link ul li{
		padding-left:24px;
		line-height:24px;
		font-size:14px;
		margin-bottom:12px;
		}
	#white_link ul li a{
		display:block;
		white-space:normal;
		color:#f00;
		}

/* map */

#white_access{
	background:#fff;
	padding:20px;
	margin:20px 0 50px;
	}
	#white_access h2 img{
		width: 40%;
		max-width:187px;
		display:block;
		margin:35px auto 10px;
		}
	html.ie8 #white_link h2 img{width:187px;}
	#white_access h2{
		text-align:center;
		font-size:16px;
		}
	#white_access #access{
		
		}
	#white_access #access img{
		width: 760px;
		display: block;
		margin: -30px auto 0;
		}
	#white_access #map{
		max-width: 740px;
		margin: -50px auto 0;
		}
	#white_access #map img{ width:212px !important}
	#white_access #print{
		max-width: 740px;
		margin: 0 auto;
		}
	#white_access ul{
		max-width: 740px;
		display: block;
		margin: 70px auto 0;
		border-bottom:1px solid #cccccc;
		}
	#white_access ul li{
		margin-bottom:30px;
		}
	#white_access ul li h3 img{
		height:28px;
		margin-top:0 !important;
		}
	#white_access ul li p{
		padding-left:20px;
		font-size: 14px;
		} 
	#white_access ul li.fl_left{
		width:330px;
		float:left;
		}
	#white_access ul li.fl_right{
		width:330px;
		float:right;
		}
	#white_access h3,
	#white_access dl,
	#white_access #contact{
		max-width: 740px;
		display: block;
		margin: 0 auto;
		}
	#white_access h3 img{
		height:28px;
		margin-top:30px;
		}
	#white_access #contact{padding:30px 0 50px;}
	#white_access dl{
		margin-bottom:10px;
		font-size: 14px;
		}
	#white_access dl dt span{font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	#white_access dl dt,
	#white_access dl dd{
		padding-left:24px;
		line-height:24px;
		}
	#white_access #marker01{background:url(../img/access/marker01.png) left center no-repeat;background-size:16px 16px;}
	#white_access #marker02{background:url(../img/access/marker02.png) left center no-repeat;background-size:16px 16px;}
	#white_access #marker03{background:url(../img/access/marker03.png) left center no-repeat;background-size:16px 16px;}
	#white_access #marker04{background:url(../img/access/marker04.png) left center no-repeat;background-size:16px 16px;}
	#white_access #marker05{background:url(../img/access/marker05.png) left center no-repeat;background-size:16px 16px;}
	#white_access #marker06{background:url(../img/access/marker06.png) left center no-repeat;background-size:16px 16px;}
	#white_access #marker07{background:url(../img/access/marker07.png) left center no-repeat;background-size:16px 16px;}
	#white_access #marker08{background:url(../img/access/marker08.png) left center no-repeat;background-size:16px 16px;}
	#white_access #marker09{background:url(../img/access/marker09.png) left center no-repeat;background-size:16px 16px;}
	#white_access #marker10{background:url(../img/access/marker10.png) left center no-repeat;background-size:16px 16px;}
	html.ie7 #white_access dl dt{background:url(../img/access/markerIE.png) left center no-repeat !important;}
	html.ie8 #white_access dl dt{background:url(../img/access/markerIE.png) left center no-repeat !important;}
@media(min-width:1px) and (max-width:480px){
	#white_access #map,
	#white_access #print{margin: 20px auto 0;}
	#white_access ul{margin: 30px auto 0;}
	#white_access ul li.fl_left,
	#white_access ul li.fl_right{
		width:auto;
		float:none;
		margin-bottom:15px;
		}
	}