@charset "UTF-8";

/*====== reset.css =====*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{font-size:14px;line-height:1.4;font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック','MS P Gothic',sans-serif}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:bottom}img{vertical-align:bottom}

body{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ Ｐゴシック', sans-serif;
	word-wrap:break-word;
	font-size:14px;
	color:rgb(35,24,21);
	line-height:1.6em;
	background-color:#FFFFFF;
	-webkit-text-size-adjust:none; /* iPhone */
	max-height: 999999px;
	}

html { lang: ja; lang: ja-JP;}

img  { max-width:100%; border:0px; margin:0px; padding:0; }
a {
text-decoration: none;
}

.yellow_line{ background-color:rgb(200,172,22); height:15px; width:100%;}
.hai_150{line-height:1.5em;}
.hai_180{line-height:1.8em;}
.hai_200{line-height:2.0em;}

/************************/
/*                      */
/*         汎用         */
/*                      */
/************************/

/******  その他汎用  ******/

.hidden { overflow:hidden; }
.float  { float:left; }
.clear  { clear:both; }
.clear hr { display:none; } 

.center { text-align:center; }
.left   { text-align:left; }
.right  { text-align:right; }

.bold { font-weight:bold; }
.yellow{ color:rgb(200,172,22);}
.red{color:rgb(230,0,24);}
.white{ color:#FFF;}
.white a{ color:#FFF;}
.ocher{color: rgb(215,204,166);}

.b_f{background-color:#FFFFFF;}

/****** 汎用font-color ******/

.fc_white { color:rgb(255,255,255); }
.fc_black { color:rgb(000,000,000); }
.fc_black a{ color:rgb(000,000,000); }
.fc_red   { color:rgb(198,0,47); }

/****** サイト専用汎用 ******/

.fc_green  { color:rgb(30,170,57); }
.fc_orange  { color:rgb(235,90,36); }

.line_gray { width:96%; height:1px; border-bottom:dashed 1px rgb(100,100,100); margin:14px 2%; }

/****  スマホレイアウト用  ****/

/****  height  ****/

.ht10 { height:10px; } 
.ht20 { height:20px; } 
.ht30 { height:30px; } 
.ht40 { height:40px; } 
.ht50 { height:50px; } 
.ht60 { height:60px; } 
.ht70 { height:70px; } 

/****** 汎用font-size ******/

.fz8 { font-size:8px; }
.fz9 { font-size:9px; }
.fz10 { font-size:10px; }
.fz11 { font-size:11px; }
.fz12 { font-size:12px; }
.fz13 { font-size:13px; }
.fz14 { font-size:14px; }
.fz15 { font-size: 15px;}
.fz16 { font-size:16px; }
.fz18 { font-size: 18px; }
.fz20 { font-size: 20px; }
.fz22 { font-size: 22px; }
.fz24 { font-size:24px; }
.fz26 { font-size:26px; }
.fz28 { font-size:28px; }
.fz30 { font-size:30px; }

/****** 汎用margin ******/
.mg10 {margin:10px; }
.mg20 {margin:20px; }
.mg30 {margin:30px; }

.mgtb10 {margin-top:10px; margin-bottom:10px; }
.mgtb20 {margin-top:20px; margin-bottom:20px; }
.mgtb30 {margin-top:30px; margin-bottom:30px; }

.mglr10 { margin-left:10px; margin-right:10px; }
.mglr20 { margin-left:20px; margin-right:20px; }
.mglr30 { margin-left:30px; margin-right:30px; }

.mgt-20 { margin-top:-20px; }
.mgt05 { margin-top: 5px; }
.mgt10 { margin-top:10px; }
.mgt15 { margin-top:15px; }
.mgt20 { margin-top:20px; }
.mgt25 { margin-top:25px; }
.mgt30 { margin-top:30px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }
.mgt60 { margin-top:60px; }
.mgt70 { margin-top:70px; }
.mgt80 { margin-top:80px; }
.mgt90 { margin-top:90px; }
.mgt100 { margin-top:100px; }
.mgt110 { margin-top:110px; }
.mgt120 { margin-top:120px; }
.mgt130 { margin-top:130px; }
.mgt140 { margin-top:140px; }
.mgt20p { margin-top: 20%; }

.mgl04p { margin-left:-5%; }
.mgl05 { margin-left:5px; }
.mgl10 { margin-left:10px; }
.mgl15 { margin-left:15px; }
.mgl20 { margin-left:20px; }
.mgl25 { margin-left:25px; }
.mgl30 { margin-left:30px; }
.mgl40 { margin-left:40px; }
.mgl50 { margin-left:50px; }
.mgl60 { margin-left:60px; }
.mgl65 { margin-left:65px; }
.mgl70 { margin-left:70px; }
.mgl80 { margin-left:80px; }
.mgl90 { margin-left:90px; }
.mgl100 { margin-left:100px; }

.mgl03p { margin-left:3%; }

.mgr04 { margin-right:4px; }
.mgr05 { margin-right:5px; }
.mgr10 { margin-right:10px; }
.mgr15 { margin-right:15px; }
.mgr20 { margin-right:20px; }
.mgr25 { margin-right:25px; }
.mgr30 { margin-right:30px; }
.mgr40 { margin-right:40px; }
.mgr50 { margin-right:50px; }
.mgr60 { margin-right:60px; }
.mgr70 { margin-right:70px; }
.mgr80 { margin-right:80px; }
.mgr90 { margin-right:90px; }
.mgr100 { margin-right:100px; }

.mgb05 { margin-bottom:5px; }
.mgb10 { margin-bottom:10px; }
.mgb15 { margin-bottom:15px; }
.mgb20 { margin-bottom:20px; }
.mgb25 { margin-bottom:25px; }
.mgb30 { margin-bottom:30px; }
.mgb40 { margin-bottom:40px; }
.mgb50 { margin-bottom:50px; }
.mgb60 { margin-bottom:60px; }
.mgb70 { margin-bottom:70px; }

/****** 画像透過50% ******/

a img.alpha_05 { background:none!important; }
a:hover img.alpha_05{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background:none!important;
	}

/****** 画像透過60% ******/

a img.alpha_06 { background:none!important; }
a:hover img.alpha_06{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
	}

/****** 画像透過80% ******/

a img.alpha_08 { background:none!important; }
a:hover img.alpha_08{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:none!important;
	}

/************************/
/*                      */
/*   　  テキスト　　   */
/*                      */
/************************/

h2{ border-bottom: solid 3px rgb(200,172,22); margin:1em; text-align:center; font-size:22px;}
h3{background: rgb(200,172,22);padding:0.5em; text-align:center; font-size:22px; color:#FFF; font-weight:bold;}
.jyunpai{border-bottom: solid 2px rgb(183,184,184); margin:1em; font-size:16px; padding-left:1%; padding-right:10%;}

.text_m80{ margin-bottom:80px;padding:0 20px 0px 20px; background-color:#FFFFFF; line-height:150%;}
.text_m40{ margin-bottom:40px; padding:0 20px 0px 20px; background-color:#FFFFFF; line-height:150%;}
.text_m20{ margin:20px; padding:20px; background-color:#FFFFFF; line-height:180%; border:2px solid rgb(230,0,24);}	


/****************************/
/*                          */
/*         ヘッダー         */
/*                          */
/****************************/

#container_headersm_sub{width:100%;background-color:#FFF; z-index:100; position: relative;}

.headersm{ position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;}
.headersm_sub	{ position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%; background-color:#FFF;}
	
.header_img{ margin-top:20%;}	

.container_header:after { clear:both; }
.container_header_smleft   {
	float:left;
	width:78%;
	text-align:left;
}
.container_header_smright  {
	float:right;
	width:20%;
	text-align:right;
}

.container_header_right_con{ float:right; width:100%;}

div#navigationBox	{
	width: 100%;
	height: 52px;
	margin: 0 auto;
}

#drawerBtn a {
	font-size: 30px;
	font-weight: bold;
	color: #000;
}
 
#drawer ul li a {
	display: block;
	padding: 10px 15px;
	font-weight: bold;
	color: #fff;
	text-shadow: -1px -1px 0 #000;
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 #555;
}

/****************************/
/*                          */
/*         フッター         */
/*                          */
/****************************/

#footer{ margin:0 auto; width:100%; background-color:rgb(200,172,22); font-size:12px;}
.footer_left{ float:left; width:40%;}
.footer_right{ float:right; width:60%;}
#footer p{ color:#FFF; text-align:center; margin:1em;}
#footer p a{color:#FFF;}

.box1 {
    padding: 0.2em 0.5em;
    margin: 1em; background-color:#FFFFFF; font-size:11px;
	color:rgb(35,24,21);
}

/****************************/
/*                          */
/*           TOP            */
/*                          */
/****************************/

.top_b{ background-image:url("../img/home/b.jpg"); background-size: cover; background-position:bottom; width:100%; background-repeat:no-repeat;}

.inf_tori{
	width:90%;
	margin:0 auto;
}

.inf_tori p{color:rgb(230,0,24); font-size:16px;}

.top_navi{ width:95%; margin:0 auto; background-image:url(../img/home/tit_b.png); background-size:100%; background-repeat:no-repeat;}
.top_navi a{ color:#FFF; text-align:center;}

.con{ width:100%; margin:0 auto; margin-top:1%; margin-left:2%;font-size: calc(70% + 0.5vw); text-align:center;color:#333;}
.con a{ color:#333; font-size:16px;ont-weight:bold;}

/****************************/
/*                          */
/*   浅草七福神のご紹介     */
/*                          */
/****************************/

.shoukai_box01{ width:100%; padding-bottom:20px;}
.shoukai_box01_left{ float:left; width:35%; margin-top:20px; margin-bottom:20px; text-align:center;}
.shoukai_box01_right{ float:right; width:58%; margin-right:20px; margin-top:20px;}
.annai{color: #FFF;/*文字色*/ background-color:rgb(168,169,169);
  padding: 1px 1em 0px 1em;/*文字周りの余白*/
  border-radius: 1em;/*角丸*/}
.annai a{color: #FFF;}
.shita{position: absolute;bottom: 0;}

.shoukai_box02{ width:100%; padding-bottom:20px;}
.shoukai_box02_left{ float:left; width:52%; margin-top:20px; margin-bottom:20px; text-align:center;position: relative;}
.shoukai_box02_right{ float:right; width:45%; margin-right:10px; margin-top:20px;position: relative;}


/****************************/
/*                          */
/*          授与品          */
/*                          */
/****************************/

.jyuyohin_box01{ width:100%; padding-bottom:20px;}
.jyuyohin_box01_left{ float:left; width:58%; margin-top:20px; margin-bottom:20px; text-align:center;}
.jyuyohin_box01_right{ float:right; width:35%; margin-right:20px; margin-top:20px;}


/****************************/
/*                          */
/*  各社寺ご案内/お問合せ   */
/*                          */
/****************************/

.annai_box01{ width:100%; padding-bottom:20px;}
.annai_box01_left{ float:left; width:40%; margin-top:20px; margin-bottom:20px; text-align:center;}
.annai_box01_right{ float:right; width:53%; margin-right:20px; margin-top:20px;}

.annai_box01 p{ color:rgb(139,139,139); margin-left:5%;}
.annai_box01 p a{ color:rgb(139,139,139);}