charset "UTF-8";

/*----------------------------------------------------
スマホ用
----------------------------------------------------*/

/* 全体 SP
----------------------*/
#wrapper{
	overflow:hidden;
}

#container{
	overflow:hidden;
}

.box{
	max-width:960px;
	margin:0;
	padding:0 15px;
}

.type{
	background-size:cover;
}


/* 共通(h2) SP
----------------------*/
.subNoto{
	width:auto;
	margin:0 10px 30px 10px;
	padding-bottom:5px;
	text-align:center;
	border-bottom:2px dotted #c7c7c7;
	font-size:24px; font-size:2.4rem;
}

.subNoto span{
	display: block;
	text-align: left;
}


/* ページ一番上テキスト SP
----------------------*/
.pc-h1{
	display: none;
	overflow:hidden;
}

/* メイン SP
----------------------*/
#head-bg{
	background-position:center top;
	background-repeat:no-repeat;
}

.head-pc{
	max-width:960px;
	margin:0;
	padding:0;		
}

.head-pc section{
	width:280px;
	margin:0 auto;
	text-align:center;
	background-repeat:no-repeat;
	background-position:left top;
	/*background:url(../img/bg-logo-1.png) no-repeat left top;*/
}

.head-pc section h2{
	padding:80px 0 0 0;
}

.head-pc section p{
	padding:50px 0;
}

/* 言語 SP
----------------------*/
.lang-pc{
	display:none;
}

.lang-sp{
	overflow:hidden;
	display:block;
}

.lang-sp dl{
	float:left;
}

.lang-sp dl a{
	display:block;
	padding:10px 0;
	text-align:center;
	color:#fff;
}

.lang-sp dt{
	padding-bottom:10px;
}

.lang-sp dl:first-child{width:33%;background:#000;}
.lang-sp dl:nth-child(2){width:33%;background:#0068b7;}
.lang-sp dl:nth-child(3){width:34%;background:#638c0b;}
.lang-sp dl:nth-child(4){width:33%;background:#ec6941;}
.lang-sp dl:nth-child(5){width:33%;background:#a40000;}
.lang-sp dl:last-child{width:34%;background:#6a3906;}


/* ナビ  SP
----------------------*/
#nav-sp{
	display:block;
	background:url(../img/bg-navsp.jpg) no-repeat center bottom;
	padding:0 0 24px 0;
}

.bg-nav-b{
	display:block;
	background:url(../img/bg-nav.jpg) repeat left top;
	padding:0 0 30px 0;
}

#nav-sp ul{
	margin:0 auto;
	padding:0 15px;
	max-width:480px;
}

#nav-sp ul li{ 
	margin:0;
	padding:0;
}

#nav-sp ul li a{
	display:block; 
	margin:0;
	padding:20px 0 20px 20px;
	font-size:16px; font-size:1.6rem;
	border-bottom:1px solid #ccc;
	background:url(../img/icon-arrw-down.png) no-repeat 95% center;
}


/* ようこそ SP
----------------------*/
#wel-box{
	padding-top:50px;
}

.wel-noto{
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;	
}

.wel-txt{
	width:auto;
	float: none;
	padding: 0; 
}

.wel-txt h1{
	font-size:32px; font-size:3.2rem;
	padding-bottom:30px;	
	text-align:center;
}

.wel-txt h1 span{
	display:block;
}

.wel-txt p span{
	display:block;
	padding-bottom:30px;
	line-height:2;
}

figure.w-pc{
	display:none;
}

figure.w-sp{
	display:block;
	text-align:center;
	padding-bottom:30px;
}

/* 四季テキスト SP */
.season{
	max-width: 960px;
	margin: 0 auto;
	padding:20px 15px;
}

/* 四季の写真 SP */
div.wel-ph-pc{
	display:none;
}

ol.wel-ph-sp{
	margin:0 auto;
	padding:0;
	max-width:320px;	
}

ol.wel-ph-sp li{
	margin:0;
	padding:0;
}



/* 歴史と見どころ - 歴史  SP
------------------------------------*/
#his-box{
	padding:0;
	background-color:#f5f5f5;
}

#his-box-bg{
	background:url(../img/bg-s-white.png) no-repeat center top;
	padding-top: 120px;	
} 

#his-box h1{
	font-size:32px; font-size:3.2rem;
	padding-bottom:30px;	
	text-align:center;
}

.h-box1{
	max-width:960px;
	margin:0;
	position:relative;
}

.h-box1 section,.h-box1-up{
	width:auto;
	float:none;
	overflow: hidden;	
}

.h-box1-up figure{
	width:200px;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	float: none;
}

.h-box1-up figcaption{
	padding-top:7px;
	font-size:13px; font-size:1.3rem;
}

/* 坂東三十三観音MAP SP */
.map33{
	width:auto;
	padding-bottom:30px;
	position:static;
}

p.map33-pc{
	display: none;	
}

p.map33-sp{
display: block;
	text-align:center;
	background-color:#c4c4c4;/*b6e3f8*/
	border-top:5px solid #ccc;
	border-bottom:5px solid #ccc;
}

.map figcaption{
	max-width:320px;
	margin:0 auto;
	padding:7px 10px 0 0;
	font-size:12px; font-size:1.2rem;
	text-align:right;
}

/* 歌川広重 SP */
.pic{
	width:auto;
	margin:0;
	text-align:center;
	position:static;
}

.pic img{
	width:200px;
}

.pic figcaption{
	padding:20px 20px 50px 20px;
	font-size:13px; font-size:1.3rem;
	text-align:left;
}


/* 歴史と見どころ - 本堂  SP
------------------------------------*/
.h-box2{
	max-width: 960px;
	margin: 0 auto;	
	padding:0 0 50px 0;
}

.h-box2-pc{
	width: auto;
	overflow: hidden;
}

.h-box2 figure{
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	width:300px;
	float: none;
}

.h-box2 figcaption{
	padding-top:7px;
	font-size:12px; font-size:1.2rem;
	text-align:right;
}


/* 歴史と見どころ - 芭蕉  SP
------------------------------------*/
.h-box3{
	max-width: 960px;
	margin: 0 auto;
	padding:0 15px 50px 15px;
	overflow: hidden;
}

.h-box3 ol{
	margin:0 auto;
	padding:0;
	overflow:hidden;
	max-width:320px;
	float: none;
}

.h-box3 ol li{
	margin:0;
	padding:0;
	width:48%;
}

.h-box3 ol li:first-child{
	float:left;
}

.h-box3 ol li:last-child{
	float:right;
}


/* 歴史と見どころ - 周辺  SP
------------------------------------*/
.h-box4{
	max-width: 960px;
	margin: 0 auto;
	padding:0 15px 50px 15px;
}


/*  歴史と見処内のテキスト調整 SP */
.h-txt1,.h-txt2,.h-txt3,.h-txt4{
	line-height:2;
}

.h-txt1{
	padding:0 15px 15px 15px;	
}

.h-txt1 span{
	display:block;
	padding-bottom:15px;
}

.h-txt2{
	width: auto;
	clear:both;
	padding:15px 15px 30px 15px;
}

.h-txt3{
	width: auto;
	padding:0 15px 30px 15px;
}

.h-txt4{
	padding:30px 0 0 0;
	float: none;
}


/* アクセス  SP
----------------------*/
#acc-box{
	background:url(../img/bg-s-white.png) no-repeat center top;	
}

.bg-acc{
	background-image:url(../img/bg-acc-sp.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

.bg-acc section{
	max-width:960px;
	margin:0 auto;
	padding:5em 0 10em 0;
	position:relative;
}

.bg-acc section h1{
	font-size:32px; font-size:3.2rem;
	text-align:center;
	background:none;
	padding:0;
	position:inherit;
	line-height:1.5;
}

.bg-acc section h1 span{
	display:block;
}

/* インフォメーション SP
-------------------------------------*/
.info-B{
	overflow:hidden;
	height:auto;
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #333333 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.info{
	width:auto;
	float:none;
	overflow:hidden;
}

.info section{
	padding:50px 15px;
	box-sizing:border-box;
	color:#fff;
	width:auto;
	float:none;
}

.info section h2{
	padding-bottom:30px;
	text-align:center;
	color:#b3d465;
	font-size:24px; font-size:2.4rem;
}

.info section ol{
	margin:0 auto;
	padding:0;
	max-width:480px;
}

.info section ol li{
	margin:0;
	padding:5px;
	border-bottom:1px dashed #ccc;
	color:#b3d465;
}

.info section ol li.sub{
	margin:0;
	padding:5px 0 5px 5px;
	color:#fff;
}


/* グーグルマップ SP　*/
.info-R{
	width:auto;
	float:none;
	min-height:100%;
}

#mapBox{
	position: relative;
	padding-bottom: 56.25%; /*56.25*/
	min-height:240px;
	overflow: hidden;
}
 
#map{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* 交通機関 SP
-------------------------------*/
#traf-box{
	max-width:1440px;
	margin:0 auto;
	background: none;	
}

#traf-in{
	max-width:960px;
	margin:0 auto;
	padding:50px 15px 0 15px;	
}

#traf-in h2{
	width:auto;
	margin:0 0 30px 0;
	padding:0 0 5px 0;
	text-align:center;
	border-bottom:2px dotted #c7c7c7;
	font-size:24px; font-size:2.4rem;
}

.root{
	padding-bottom:20px;
	overflow:hidden;
	background-color:rgba(255,255,255,0.5);
}

.root section{
	width:auto;
	height:auto;
	padding:10px 0 5px 0;
	float:none;
	background-color:#ededee;
	text-align:center;
	line-height: 1.5;
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}

.root h3{
	font-size:21px; font-size:2.1rem;
	padding:0;
}

.root-icontxt{
	font-size:16px; font-size:1.6rem;
}

.root-box{
	width:auto;
	float:none;
	padding:0;	
}

.root-txt-1,.root-txt-2,.root-txt-3{
	line-height:2;
}

.root-txt-1{
	padding:20px 5px;
}

.root-txt-2{
	padding:20px 5px 10px 5px;
}

.root-txt-2 span{
	display: block;
	padding-bottom: 5px;
}

.root-txt-3{
	padding:10px 5px;
}

.root ol{
	clear: both;
	margin:0;
	padding:10px 20px;
	background:#eaf6fc;
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}

.root ol li{
	margin:0;
	padding:0;
	font-size:14px; font-size:1.4rem;
}

.root ol li:first-child{
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	background:url(../img/icon-telep.jpg) no-repeat left center;
	line-height:1.5;
}

.root ol li:nth-child(2),.root ol li:last-child{
	padding:0 0 0 25px;
}


/* アクセスポイント SP
----------------------------*/
.root-point{
	max-width:480px;
	margin:0 auto;
	overflow:hidden;
}

.root-point dl{
	background:#f9f9fa;
	border:1px solid #ccc;
	overflow:hidden;
	float:none;
	width:200px;
	height:320px;
	min-height:100%;
	margin:0 auto 30px auto;
}

.root-point dt,.root-point dd{
	width:auto;
	float:none;
}

.root-point dd{
	padding:20px 20px 0 20px;
}

.root-point dd p{
	padding:0 0 20px 0;
	line-height:1.5;	
}


/* フッター  SP
----------------------*/
.foot-txt{
	max-width:960px;
	margin:0 auto;
	padding:50px 0 0 0;
}

#foot-bg{
	background-image:url(../img/bg-footer.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.foot-in{	
	padding:20em 0;
	text-align:center;
}

address{
	width:240px;
	float:none;
	margin:0 auto;
	padding-bottom:30px;
	font-style:normal;
	font-size:13px; font-size:1.3rem;
}

small{
	display:block;
	width:auto;
	float:none;
	padding-top: 0;	
	text-align:center;
	font-size:12px; font-size:1.2rem;
	color:#666;
}

small span{
	display: block;
	text-align: center;
}



/*----------------------------------------------------
スモールタブレット用
----------------------------------------------------*/

@media only screen and (min-width: 480px) {

/* アクセスポイント STB
----------------------------*/
.root-point dl{
	background:#f9f9fa;
	border:1px solid #ccc;
	overflow:hidden;
	width:200px;
	margin:0 0 30px 0;
}

.root-point dl:nth-child(odd){
	float:left;
	clear:both;
}

.root-point dl:nth-child(even){
	float:right;
}

}


/*----------------------------------------------------
タブレット/ PC用
----------------------------------------------------*/

@media only screen and (min-width: 768px) {

/* 共通 PC
----------------------*/
.subNoto{
	width: 400px;
	margin:0 0 30px 0;
	text-align:left;
}

.subNoto span{
	display: inline;
}


/* ページ一番上テキスト SP
-----------------------------*/
.pc-h1{
	display: block;
	width: 960px;
	margin:0 auto;
	padding:5px 0;
}

.pc-h1 h1{
	font-size: 11px; font-size: 1.1rem;
	float:left;
	padding-top:2px;
}

/* 言語 PC
----------------------*/
.lang-sp{
	display:none;
}

.lang-pc{
	display:block;
	float:right;
}

.lang-pc ul{
	margin:0;
	padding:0 15px 0 0;
	overflow:hidden;
	width:600px;
}

.lang-pc ul li{
	margin:0;
	padding:0;
	text-align:center;
	letter-spacing:2px;
	border-right:1px dotted #ccc;
	float:left;
	width:15%;
	font-size:13px; font-size:1.3rem;
}

.lang-pc ul li:last-child{
	border-right:none;	
}

.lang-pc ul li a{
	display:block;
	margin:0 5px;
}

/*
.lang-pc ul li:first-child a{border-bottom:1px solid #000;}
.lang-pc ul li:nth-child(2) a{border-bottom:1px solid #0068b7;}
.lang-pc ul li:nth-child(3) a{border-bottom:1px solid #638c0b;}
.lang-pc ul li:nth-child(4) a{border-bottom:1px solid #ec6941;}
.lang-pc ul li:nth-child(5) a{border-bottom:1px solid #a40000;}
.lang-pc ul li:last-child a{border-bottom:1px solid #6a3906;}
*/

.bg-en a{background-color:#0068b7; color:#fff;}
.bg-kr a{background-color:#638c0b; color:#fff;}
.bg-th a{background-color:#ec6941; color:#fff;}
.bg-cn a{background-color:#a40000; color:#fff;}
.bg-tw a{background-color:#6a3906; color:#fff;}

	
/* メイン PC----------------------*/
#head-bg{
}

.head-pc{
	margin:0 auto;
	padding:0 0 3em 0;		
}

.head-pc section{
	margin:0;	
}

/* ナビ  PC
----------------------*/
#nav-sp{
	display:none;
}

/* ようこそ PC
----------------------*/
#wel-box{
	padding-top:15px;
}

.wel-txt{
	width:50%;
	float: left;
	padding: 60px 0 0 0; 
}

.wel-txt h1{
	font-size:28px; font-size:2.8rem;
	padding-bottom:30px;	
	text-align:left;
}

.wel-txt h1 span{
	display:inline;
}

.wel-txt p span{
	display:block;
	padding-bottom:30px;
	line-height:2;
}

figure.w-pc{
	display:block;
	width:50%;
	float: left;
	text-align: right; 
}

figure.w-sp{
	display:none;
}

/* 四季のテキスト PC */
.season{
	padding:0;
}

/* 四季の写真 PC */
.wel-ph-sp{
	display:none;
}

div.wel-ph-pc{
	display:block;
}

div.wel-ph-pc ol{
	margin:0;
	padding:0;
	overflow: hidden;
}

div.wel-ph-pc ol li{
	margin:0;
	padding:0;
	width: 25%;
	float: left;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
}

div.wel-ph-pc ol li span{
	display:block;
	padding:15em 0;
}

div.wel-ph-pc ol li:first-child{
	background-image:url(../img/ph-season1-pc.png);
}

div.wel-ph-pc ol li:nth-child(2){
	background-image:url(../img/ph-season2-pc.png);
}

div.wel-ph-pc ol li:nth-child(3){
	background-image:url(../img/ph-season3-pc.png);
}

div.wel-ph-pc ol li:last-child{
	background-image:url(../img/ph-season4-pc.png);
}



/* 歴史と見どころ - 歴史  PC
------------------------------------*/
#his-box-bg{
	padding-top: 150px;	
} 

#his-box h1{	
	text-align:left;
}

.h-box1{	
	margin:0 auto;
}

.h-box1 section{
	width:53%;
	float:left;	
}

.h-box1-up{
	width:47%;
	float:right;
	padding-top:10px;
}

.h-box1-up figure{
	width:49%;
	margin:0;
	padding:0;
}

.h-box1-up figure:first-child{
	float:left;
}

.h-box1-up figure:last-child{
	float:right;
}


/* 坂東三十三観音MAP PC */
.map33{
	width:auto;
	padding-bottom:30px;
	position:absolute;
	top:260px;
	right:30px;
}

p.map33-sp{
	display: none;	
}

p.map33-pc{
	display: block;
}

/* 歌川広重 PC */
.pic{
	width:260px;
	margin:0;
	padding-bottom:0;
	text-align:center;
	position:absolute;
	top:600px;
	right:0px;
}

.pic figcaption{
	padding:20px 0 0 0;
}



/* 歴史と見どころ - 本堂  PC
------------------------------------*/
.h-box2{
	padding:0 0 50px 0;
}

.h-box2-pc{
	width: 660px;
}

.h-box2 figure{
	margin:0;
	padding:0 30px 0 0;
	text-align:left;
	width:300px;
	float: left;
}

.h-box2 figcaption{
	padding-top:7px;
	font-size:12px; font-size:1.2rem;
	text-align:right;
}

/* 歴史と見どころ - 芭蕉  PC
------------------------------------*/
.h-box3{
	padding:0 0 50px 0;
}

.h-box3 ol{
	margin:0;
	padding:0;
	width: 34%;
	float:left;
}

/* 歴史と見どころ - 周辺  PC
------------------------------------*/
.h-box4{
	padding:0 0 70px 0;
}


/*  歴史と見処内のテキスト調整 PC */
.h-txt1{
	padding:0 30px 0 0;	
}

.h-txt1 span{
	display:block;
	padding-bottom:15px;
}

.h-txt2{
	width: 50%;
	padding:0 0 60px 0;
}

.h-txt3{
	width: 580px;
	padding:0 0 30px 0;
}

.h-txt4{
	padding:0 0 0 35px;
	float:left;
	width:55%;
}


/* アクセス  PC
----------------------*/
.bg-acc{
	background-image:url(../img/bg-acc-pc.jpg);
}

.bg-acc section{
	padding:15em 0 15em 0;
}

.bg-acc section h1{
	position:absolute;
	top:145px;
	left:-140px;
	width:840px;
	text-align:center;
	background:url(../img/bg-acc-title.png) no-repeat left top;
	padding:10px 0;
}

.bg-acc section h1 span{
	display:inline;
}

/* インフォメーション PC
--------------------------------*/

.info{
	width:44%;
	float:left;
}

.info-R{
	width:56%;
	float:left;
}

.info section{
	width:380px;
	float:right;
}

/* グーグルマップ PC　*/
#mapBox {
	min-height:300px;
}

/* 交通機関 PC 
--------------------------------*/
#traf-box{
	background:url(../img/bg-map.jpg) no-repeat right top;
}

#traf-in{
	padding:100px 0 0 0;
}

#traf-in h2{
	width:250px;
	margin:0 auto 50px auto;
	padding-bottom:5px;
	text-align:center;
}

.root{
	padding-bottom:40px;
}

.root section{
	width:100px;
	height:80px;
	padding:20px 0 0 0;
	float:left;
	border-radius:50%; 
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
}

.root h3{
	font-size:24px; font-size:2.4rem;
}

.root-h3{
	padding-top: 10px;	
}

.root-icontxt{
	font-size:16px; font-size:1.6rem;
}

.root-en{
	display: block;
	padding:35px 0 0 50px;
}

.root-box{
	width:400px;
	float:left;
	padding:0 0 0 50px;	
}

.root-txt-1{
	padding:10px 0 20px 0;
}

.root-txt-2{
	padding:10px 0 0 0;
}

.root-txt-2 span{
	display: block;
	padding-bottom: 5px;
}

.root-txt-3{
	padding:0 0 20px 0;
}


.root ol{
	margin:15px 0;
	padding:10px 30px;
	background:#eaf6fc;
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}

.root ol li{
	margin:0;
	padding:0;
}

.root ol li:first-child{
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background:url(../img/icon-telep.jpg) no-repeat left center;
}

/* アクセスポイント PC
----------------------------*/
.root-point{
	max-width:960px;
	overflow:hidden;
}

.root-point dl{
	background:#f9f9fa;
	border:1px solid #ccc;
	overflow:hidden;
	width:48%;
	height:auto;
	margin:0 0 30px 0;
}

.root-point dt{
	width:45%;
	float:left;
}

.root-point dd{
	width:55%;
	float:left;
}

.root-point dd{
	padding:15px 0 0 0;
}

.root-point dd p{
	padding:0 0 10px 20px;	
	text-align:left;
}

/* フッター  PC
----------------------*/
#foot-bg{
	background-image:url(../img/bg-footer.jpg);
}

.foot-in{	
	padding:25em 0;
}

address{
	width:50%;
	float:left;
	margin:0;
	padding-bottom:30px;
	font-style:normal;
}

small{
	display:block;
	width:50%;
	float:left;
	padding-top: 20px;		
	text-align:right;
	font-size:11px; font-size:1.1rem;
	color:#666;
}

small span{
	display: inline;
	text-align: left;
}

}


@media only screen and (min-width: 1200px) {
	
/* ヘッダー PC 1200-
--------------------------------*/
.head-pc{
	padding:0 0 10em 0;
}

/* アクセス  PC 1200-
----------------------*/
.bg-acc section{
	padding:20em 0;
}

.root-point dd{
	padding:25px 0 0 0;
}

/* フッター  PC 1200-
--------------------------------*/
.foot-in{	
	padding:40em 0;
}

}


@media only screen and (min-width: 1600px) {

/* グーグルマップ PC 1600-　*/
#mapBox {
	min-height:50px;
}

}