@charset "utf-8";
 
*{box-sizing: border-box;}
body{ font-size: 18pt; overflow-x: hidden; font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
/*body{ font-size: 18pt; overflow-x: hidden; font-family:"Hannari", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif", "sans-serif"}*/
.wrap{padding: 20px 0 0; margin: 100px 4px 0px; border: 4px solid #729f1b;}
.serif_font{font-family:"Hannari", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif", "sans-serif"}

a{text-decoration: none; color: #000; width: 100%;}

a.anchor {
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}

/*googlemap レビュー非表示*/
div.review-box{display: none;}


h2.anchor{display: block; margin-top: -70px; padding-top: 70px;}
/*テキスト関連*/
    .br_pc{display:none;}
    .br_sp{display:block;}

h1{font-size: 60pt;}
h2{font-size: 40pt; margin-bottom: 40px;}
h3{font-size: 20pt; margin-bottom: 40px;}

/*strong{background:linear-gradient(transparent 80%, rgba(114,159,27,0.6) 10%); font-weight: normal;}*/
/*strong{background:linear-gradient(transparent 70%, rgba(214,181,114,1.0) 50%); font-weight: normal;}*/
strong.new_s{background:inherit; font-weight: inherit;}
.spot_txt{font-weight: bold; color: #729f18; font-size: 60pt}

.c-gr{color: #666;}

.txt_l{text-align: left}
.txt_c{text-align: center;}
.txt_r{text-align: right;}

.txt_LG{font-size: 1.5em;}
.txt_SM{font-size: 0.8em;}

.viewSp{display:block;}
.pcnone{display: none;}
/*ボックス関連*/
.mar0{margin: 0 auto 60px;}
/*section{padding: 80px 0;}*/

dl{margin-bottom: 30px; padding: 20px;}

.bamboo{margin: 0;height: 160px;}
.bamboo img{height: 160px;}
.sec_gray{background-color: #eeeeee; padding: 80px 0;}
.sec_wht{background-color: rgba(255,255,255,1.0); padding: 80px 0;}
.sec_grn{background-color: rgba(114,159,27,0.1); }

.pad20{padding: 20px; box-sizing: border-box;}
.pad40{padding: 40px; box-sizing: border-box;}

.box_border{border: 2px solid #729f1b; box-sizing: border-box;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px; background-color: #fff; margin: 30px 0; padding: 20px;}

img{max-width: 100%;}
p{margin-bottom: 60px;}

.flex{display: flex; flex-wrap: wrap;}

.link_btn01{ margin-bottom: 60px; text-align: center;}
.link_btn01 a::after{content:'>' ;}
.link_btn01 a{font-size: 24pt; font-weight: bold; color: #036;}

.contents{padding-top: 100px;}
.contents_innner{margin-top: -100px; padding-top: 100px;}

.float_clear{clear:both;}

	/*共通枠(グリーンバック)*/
	.greenback_container{background-color: #ffccff; }
	/*共通枠*/
	.common_frame{
	max-width: 1200px;
	margin: 0 auto;
	}

/*ヘッダー*/
header{ position: fixed; top:0; left: 0; width: 100%; height: 90px; z-index: 9999; background-color: #ffffff;}

header .catch{width: 100%; height: 30px; background-color: #CC33CC;}
header .catch h1{width: 1200px; margin: 0 auto; color: #FFFFFF; font-size: 14px; line-height: 2;}

.header_wrap{position: flex; width: 1200px; height: 60px; margin: 0 auto; background-color: rgba(255,255,255,1.00);display: flex; align-items: flex-end; justify-content: space-between;}
.header_box_logo{float: left; width: 20%; height: 60px;}
.header_box_logo img{height:60px;}
.header_box_navi{margin-right: 0; float: right;}
.header_box_navi li{font-family:YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif'; font-size: 12pt; color: #CC33CC; list-style-type: none; float: left; display: flex; align-items: flex-end; height: 2em;}
.header_box_navi li.company{padding-right: 1em;}
.header_box_navi li.contact{padding: 0 1em;background: linear-gradient(181deg, #ff3300, #993300); border-radius: 10px 10px 0 0;}
.header_box_navi li a{color: #CC33CC;}
.header_box_navi li.contact a{color:#ffffff; font-weight: bold;}
.header_box a{font-size: 14pt; color: #333; font-weight: bold; border-bottom: 4px solid #333;}
.header_box:first-child a{border: none;}
.header_box:last-child{background-color:#729f1b; color: #fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px;}
.header_box:last-child a{color: #fff; border: none;}

.fix-icon{position: absolute; width: 88px; height: auto; right: 10px; top: 10px;}
/*サイドナビ*/ 

/*メインコンテンツ*/

main{padding:0; margin: 90px 0 0;}

main.old{padding: 20px 20px 0; margin: 100px 20px 0px; border: 10px solid #729f1b;}


/*ファーストビュー*/
.main_view{margin: 0 auto; height: 560px; background-image: url("../images/top_mv_bg.jpg"); background-repeat: no-repeat; background-position:top center; background-size:cover;}
.main_contents{width: 1200px; margin: 0 auto; padding: 20px 0 0;}
.main_contents .logo_catch{margin: 16px 0 0 80px; text-align: center; float: left;}
.main_contents .tofukuji{float:right; padding: 0 10px 0 0;}
.mini_catch{display: flex; width: 1000px; margin: 16px 0 0 80px; justify-content:space-around;}



.first_view{margin: 30px auto 60px; height: 100vh;}
.first_view_img{width: 80%; position: fixed; left: 10%; z-index: -9999;}
.first_view_img img{width: 100%;}
.first_view_video{width: 80%; position: fixed; left: 10%; z-index: -9999; }
.first_view_video video{width: 100%;}
.first_view h1{position: absolute; top: calc(50% + 100px); margin-top: -100px; left: 100px; font-size: 70pt; text-align: left; font-weight: bold; 	line-height: 70pt; text-shadow: 4px 4px 8px #666; color:#fff;}
.cloud{position: absolute; top: calc(50% + 180px); left: 100px; width: 80%;z-index: 9999;}
/*トップ用*/

/*mini_banner*/
.greenback_container .photo{max-width: 1200px; margin: 0 auto; display: flex;  justify-content:space-around; align-items: center; text-align: center;}
.greenback_container .photo img{width: 30%; box-shadow: 3px 3px 10px 0 #999999;}

/*墓じまいキャッチ*/
.hakajimai_catch{margin: 40px auto; text-align: center;}

/*4つのポイント*/
.point_container{margin: 0 auto; width: 1100px; display: flex; justify-content: space-around; flex-wrap: wrap;}
.point_container .point_contents{width: 520px; margin: 10px 0; border: solid 6px #cc0000;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px;}
.point_container .point_contents img{width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.point_container .point_contents .text{width:100%; padding: 0.5em 1em 1em; font-size: 80%;}




.sankoin_title{margin: 0.5em auto; width:90%; padding: 0 0.5em;}
.sankoin_title h2{color:#660066; font-size: 250%; font-weight: bold; text-align: left; line-height: 1; margin: 0;}

/*ライトボックスデフォルト消去*/
.featherlight-sample {
	display: none;
}

/*おしらせここから*/
.news{width: 60%; margin: 0 auto; padding: 20px 40px; background-color: rgba(255,255,255,0.7);
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; }
.news_box{margin: 10px 0;}
.notice , .watch_info{ color: #fff; height: 30px; width: 210px; text-align: center; display: inline-block; font-size: 0.9em;
-webkit-border-radius:15px; -moz-border-radius:15px; border-radius: 15px; margin-right: 30px; line-height: 25px;}
.notice{background-color: #999;}
.watch_info{background-color: #ff9933;}
.date{color: #666; font-size: 0.8em;}
.news_info{font-size: 0.8em;}
.news_info a{font-weight: bold; color: #036; text-decoration: underline;}
/*おしらせここまで*/

/*墓じまい*/
.hakajimai_gf{margin: 0 auto; padding: 1.5em; border: #CC33CC solid 20px; line-height: 1.8;}
.hakajimai_gf img{float:right;}
.hakajimai_gf .hakajimai_c{font-weight: bold; font-size: 150%; text-shadow: 2px 2px 0 #ffffff; background: linear-gradient(transparent 50%,#66cc00 50%);}
.hakajimai_gf .hakajimai_lt{font-size: 150%; text-decoration:underline; text-decoration-color:#FF0000;}
.enkatsu{padding: 40px; line-height: 1.9;}
.enkatsu .hakajimai_button_container{display: flex; justify-content:space-around; padding: 2em 0;}



.hakajimai_faq{border: 2px solid rgba(114,159,27,1.00); padding: 40px;}
.hakajimai_faq ul li{border-bottom: 1px solid #ccc;}
.hakajimai_faq ul li:last-child{border: none;}
.flow_q{color: rgba(114,159,27,1.00); font-weight: bold;}
.flow_a{color: #333;}

.hakajimai_flow ul {padding: 33px;}
.hakajimai_flow ul li{padding-left: 33px; margin-bottom: 22px; line-height: 1.5; background: url(../images/check-icon.png) no-repeat left; border-bottom: 3px dashed rgba(212,181,114,1.0);}




/*事例*/
.jirei_tag{margin-bottom: 10px;}
.jirei_tag span{color: #fff; padding: 8px; border-radius: 8px; margin-right: 16px; margin-bottom: 16px; display: table;}
.old_haka{background-color: #030;}
.now_place{background-color: #300;}
.new_haka{background-color: #c66;}


/*カラム*/
.column_max{width: 100%; margin: 0 auto 60px;}
.column{width: 960px; margin: 0 auto 60px;}
.box_left_360{width: 360px;}
.box_left_600{width: 600px;}
.box_single{width: 600px;margin: 0 auto;}
.box_single_left{width: 100%; text-align: left;}

/*背景全画面*/
.wide_wrap_bk{width: 100%; padding: 192px; background-color: #eee;}
.wide_wrap_wt{width: 100%; padding: 192px; background-color: #fff;}
.wide_box{width: 80%; margin:  0 auto;}
.wide_box h3{padding: 20px; border-bottom: 1px solid #729f1b;}
.wide_box p{width: 100%; margin: 0 auto 40px; padding: 20px;}
.wide_box_column{display: flex; flex-wrap: wrap;}

.box_half{width: 50%; padding: 20px; box-sizing: border-box;}

.box_25{width: 25%; padding: 20px; box-sizing: border-box;}
.box_33{width: 33%; padding: 20px; box-sizing: border-box;}
.box_50{width: 50%; padding: 20px; box-sizing: border-box;}
.box_66{width: 66%; padding: 20px; box-sizing: border-box;}
.box_75{width: 75%; padding: 20px; box-sizing: border-box;}

/*ページ毎のコンタクト*/
.common_info{border: 10px solid rgba(214,181,114,0.9); }
.common_info_bar{background-color:rgba(214,181,114,0.9); color: #fff; font-weight: bold; text-align: center;padding: 10px 0; margin: 0;}
.common_info_box{background-color: #fff; margin: 0; padding: 20px;}
.common_info_box p{margin: 10px 0;}
.common_info_tag{display: inline-block; width: 8em; text-align: center; box-sizing: border-box; margin-right: 20px; background: rgba(214,181,114,0.9); padding: 10px 5px; border-radius: 10px; font-size: 0.8em;}
.common_info a{color: #036;font-size: 0.8em;}

.commom_contact_wrap{width: 60%; margin: 0 auto; padding: 60px 0;}
.common_contact_button{width: 100%; text-align: center; margin: 40px auto;}
.common_contact_button a{display: block; }
.commom_contact_wrap .infomation{text-align: center;}

/*おんらいん見学案内*/

.must_item{border: 1px solid #ccc; padding: 20px; box-sizing: border-box; margin-bottom: 60px;background-color: #fff;}
.must_item dl dt{color: #036; margin-bottom: 10px;}
.must_item dl dd{color: #333; font-size: 0.8em; margin-bottom: 20px;}

.reco_box{border: 5px solid rgba(214,181,114,1.0); padding: 20px; box-sizing: border-box; margin-bottom: 60px; background-color: #fff;}
.reco_box ul{}
.reco_box ul li{border-bottom: 1px solid rgba(214,181,114,1.0);margin-bottom: 10px;}

/*サイトマップ*/
.sitemap_box{width: 400px; margin: 0 auto; text-align: center;}
.sitemap_box dl dt{border-bottom: 1px solid #ccc; margin: 20px 0 10px; font-weight: bold;}


	.access_container{background-color:#CCAAFF; }


/*TOPへ戻る*/

#page_top{  width: 50px;  height: 50px;  position: fixed;  right: 50px;  bottom: 0;  background: #666;  opacity: 0.8; }
#page_top a{  position: relative;  display: block;  width: 50px;  height: 50px;  text-decoration: none;}
#page_top a::before{  font-weight: bold;  content: 'TOP▲';  font-size: 10px;  color: #fff;  position: absolute;  width: 50px;  height: 30px;  top: 15px;  bottom: 0;  right: 0;  left: 0;  margin: auto;  text-align: center;}

/*フッター*/
footer{background-color: #e9e9e9; padding-top: 60px;}
.contact_container{max-width:800px; margin: 0 auto;}
.contact_container .contact_title{border-bottom: #000000 solid 2px; width: 100%; margin-bottom: 1.5em; text-align: center; position: relative;}
.contact_container .contact_title h2{font-size: 130%; font-weight: bold; background-color: #e9e9e9; padding: 0 0.1em; line-height: 1; margin:0; display: inline-block; position: absolute;  top: 50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.contact_container .infomation{display: flex; justify-content: center; font-size: 80%;}
.contact_container .infomation ul.left{width: 45%;}
.contact_container .infomation ul.right{width: 45%;}



.back_sakura_pc{position: fixed; z-index: 9999; width: 100%;}

.foot_wrap{display:flex;  width:100%;}
.foot_box{Width:25%; padding: 2em 0 1em 2em;}
.foot_box ul li{padding: 5px 0 ; font-size: 0.8em;}
.foot_box ul li a{}
.copy{background-color: #CC33CC; color:#fff; text-align: center; font-size:0.8em; height:30px; line-height:30px; margin:0;}

.bgg{background-color: #f6f6f6;}
.management{text-align: center; padding: 1.5em 1em;}
.management h2{font-size: 250%; font-weight: bold; margin-bottom: 0.5em;}
.management .management_temple{max-width:600px; padding: 0 0 1em; border-bottom: #000000 solid 1px; margin: 0 auto;}
.management .management_office{max-width:600px; padding: 1.5em 0 1em; margin: 0 auto;}
.management .management_title{font-size: 190%; font-weight:bold; padding-bottom: 0.5em; display: block;}
.management .management_mane{font-size: 130%;}
.management .management_contents{font-size: 70%; line-height: 1;}


/*目次*/
.toc_box{width: 400px; margin: 0 auto; border: 1px solid #ccc; border-radius: 4px 4px; padding: 40px;}
.toc_box ul {}
.toc_box ul li{margin-bottom: 10px;}
.toc_box ul li a{color:#000; text-decoration: underline;}
.toc_box ul li ul{}
.toc_box ul li ul li{font-size: 12pt;color: #666;}
.toc_box ul li ul li::before{content:'　' ;}



/*WP用*/
/*記事一覧ここから*/
.cate_loopbox_cover{ margin: 32px 0; border:1px solid rgba(200,200,200,0.5); overflow: auto;}
.cate_loopimg{float: left; width:182px; height: 182px; box-sizing: border-box; overflow: hidden; padding: 16px;}
.cate_loopbox{ padding: 16px; float: right; width: calc(100% - 182px); box-sizing: border-box;}
.cate_loopimg img{max-height: 150px;}

.post-categories ul li { background: #393; padding: 4px 8px; border-radius: 4px; display: inline;}
.post-categories ul li a{color: #fff;}

.cate_loopbox h2 {margin:0;}
.cate_loopbox h2 a{font-size: 1.0em; font-weight: bold; color: #000; text-decoration: underline;}
.cate_looptext{padding: 16px 0; font-size: 0.9em; margin: 0;}
.cate_looptext a{color:#000;}
.cate_loopconte{text-align: right; margin: 0; font-size: 0.9em;}

	/*ページネーション　ページ番号付きリンクここから*/
	.navigation{display: block; position: relative; top: 0; width: 100%;  box-shadow: none;}
	.screen-reader-text{clip: rect(1px, 1px, 1px, 1px);  height: 1px;  overflow: hidden;  position: absolute !important;  width: 1px;  word-wrap: normal !important;}
	.nav-links{padding: 8px;}
	.nav-links .prev{margin-right: 16px;}
	.page-numbers{margin: 0 8px; height: 26px;border-radius: 13px; background: #fff;}
	/*ページネーション　ページ番号付きリンクここまで*/

/*記事一覧ここまで*/




@media screen and (min-width:1024px) {
	/*共通枠*/
	.common_frame{
	width: 1200px;
	margin: 0 auto;
	}
	
	/*mailボタン*/
	.mailbutton{
	display: none;
	}
	
	/*menuテキスト*/
	.menutext{
	display: none;
	}
	
	/*CP_非表示*/
	.pc_none{
	display: none;
	}
	
	/*バナー01*/
.banner01{
background: -webkit-linear-gradient(#660066, #990000);
background: -o-linear-gradient(#660066, #990000);
background: linear-gradient(#660066, #990000);
margin: 30px auto;
padding: 35px 0 30px 0;
}
.banner01_container{width: 1200px; height: 435px; margin: 0 auto; background: url("../images/banner01_2.png") no-repeat;}
.banner01_container .banner01_mail{padding: 240px 0 0 250px;}
.banner01_container .banner01_coment{color:#ffffff; text-align: center; padding-top: 12px;}
/*樹木葬について*/
.jumokusounitsuite{background-color: #ffccff; padding: 30px;}
.jumokusounitsuite .jumokusou_main_e{max-width: 500px; margin: 0 66px 0 0; float: left;}
.jumokusounitsuite .jumokusou_sub_e_c{display: flex; flex-wrap: wrap; justify-content: space-between;}
.jumokusounitsuite .jumokusou_sub_e_c .jumokusou_sub_e{max-width: 260px; font-size: 85%; margin-bottom: 2em;}
.jumokusounitsuite .jumokusou_button{text-align: center; margin: 3em auto;}
.jumokusounitsuite .kazokunohaka_text{width: 90%; margin: 0.5em auto;}
.jumokusounitsuite .kazokunohaka_text .rbl{color: #970000; font-weight: bold; font-size: 120%;}
	/*樹木葬について内、料金案内*/
	.jumokusounitsuite .ryoukinannai{background-color: #ffffff; max-width:1140px; margin: 0 auto; padding: 1em 2em 0.5em;}
	.jumokusounitsuite .ryoukinannai h2{font-size: 2em; font-weight: bold; text-align: center; margin: 0 auto;}
	.jumokusounitsuite .ryoukinannai .boshoriyo{color: #333333;  font-size: 150%; font-weight: bold; text-align: center; margin: 0 auto 0.5em;}
	.jumokusounitsuite .ryoukinannai .boshoriyo .red{color: #990000;}
	.jumokusounitsuite .ryoukinannai .boshoriyo .red .large{font-size: 250%;}
	.jumokusounitsuite .ryoukinannai .boshoriyo .boshoriyo_eitai{color: #ffffff; font-size: 120%; text-shadow: 3px 3px 0 #000000; background-color: #cc0000; padding: 0; margin: -0.5em auto 0; width:8em;}
	.jumokusounitsuite .ryoukinannai .ninzu{display: flex; justify-content: center; align-items: center; width: 100%; padding: 1em 0;}
	.jumokusounitsuite .ryoukinannai .ninzu .futari1{width:320px; height: 350px; background: url("../images/ryokin_01.png") no-repeat; background-position: center top;}
	.jumokusounitsuite .ryoukinannai .ninzu .futari1 .futari2{color: #333333; font-size: 150%; font-weight: bold; text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF; margin: 55% 0 0; padding: 6px 0; line-height: 1.1; background-color: rgba(255,255,255,0.75);}
	.jumokusounitsuite .ryoukinannai .ninzu .futari1 .futari2 .futari3{font-size: 250%;}
	.jumokusounitsuite .ryoukinannai .ninzu .futari1 .futari2 .futari4{font-size: 180%;}
	.jumokusounitsuite .ryoukinannai .gosenzo1{width: 540px; height: 230px; background-image: url("../images/ryokin_03.png"); box-shadow: 1px 1px 2px #666666; margin: 0 0 0 0.5em; padding: 0.5em;}
	.jumokusounitsuite .ryoukinannai .gosenzo1 .gosenzo2{background-image: url("../images/ryokin_kotsutsubo.png"); background-position: right top; background-repeat:no-repeat; font-size: 200%; font-weight: bold; text-shadow: 2px 2px 0 #ffffff;}
	.jumokusounitsuite .ryoukinannai .gosenzo1 .gosenzo2 .gosenzo3{text-align: center; font-size: 80%; color: #cc0000; background-color: #ffffff; text-shadow: 2px 2px 0 #000000; line-height: 1.2;}
	.jumokusounitsuite .ryoukinannai .ryoukin_button{text-align: center; margin: 0 auto;}
	
/*ご契約から納骨までの流れ*/
	.gokeiyaku{margin-bottom: 1em;}
	.gokeiyaku h2{background-color: #CC33CC; padding: 0; margin-bottom: 0.5em;}
	.gokeiyaku .step_container{margin: 0 auto; width: 1140px; display: flex; justify-content: space-around; flex-wrap: wrap; font-size: 90%;}
	.gokeiyaku .step_container .step_contents{width: 500px; margin: 10px 0;}
	.gokeiyaku .step_container .step_contents .step_text{padding: 0.5em;}
	.gokeiyaku .step_container .step_contents .step_text .step_title{font-size: 120%; font-weight: bold;}
	.eitai_container{margin: 0 auto 2em; width: 1140px; display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 90%;}
	.eitai_container .eitai_text{width:50%;}
	.eitai_container .eitai_text h3{background-color: #66cc00; color: #ffffff; font-size:140%; font-weight: bold; margin-bottom: 0.5em; padding-left:0.5em; text-shadow: 2px 2px 0 #255c00;}
	.eitai_container .eitai_text .eitai_text2{padding: 0.3em 1.5em;}
	
/*継承を前提としない永代供養のお墓*/
	.eitaikuyo{background-color: #ff99FF; padding: 25px 60px; margin-bottom: 2em;}
	.eitaikuyo h2{color:#660066; font-size: 250%; font-weight: bold; text-align: left; line-height: 1; margin: 0;}
	.eitaikuyo .eitaikuyo_text{width: 90%; margin: 1.5em auto;}
	.eitaikuyo .nokosanaifutan{background-color: #ffffff; padding: 30px 16px 16px; display: flex; justify-content: space-around; flex-wrap: wrap;}
	.eitaikuyo .nokosanaifutan .h3mae{display: block; text-align: left; width: 90%;}
	.eitaikuyo .nokosanaifutan .h3mae_line{display: block; text-align: left; width: 90%; border-top: dotted #FFCCFF 2px; padding-top: 1em;}
	.eitaikuyo .nokosanaifutan h3{color:#660066; font-size: 150%; font-weight: bold; line-height: 1; margin: 0;width: 90%;}
	.eitaikuyo .nokosanaifutan h3 .small{font-size: 50%;}
	.eitaikuyo .nokosanaifutan .nokosanai_text{width: 90%; padding-top: 1em;}
	.eitaikuyo .nokosanaifutan .nokosanai_text2{width: 75%; padding: 1em;}
	.eitaikuyo .nokosanaifutan .nokosanai_text2 img{display: block; width: 45%; height: 45%; margin: 0.5em auto; padding: 0;}
	.eitaikuyo .nokosanaifutan .nokosanai_text3{width: 70%; padding: 1em;}
	.eitaikuyo .nokosanaifutan .nokosanai_text3img{width: 30%;}
	.eitaikuyo .nokosanaifutan img{width: 25%; height:25%; padding-top: 1em;}
	
    .eitaikuyo .nokosanaifutan .book{width:15%; border: #666666 solid 1px; padding: 0;}
	
/*安心の東福寺塔頭寺院*/
	.shogonin_container{padding: 1em 0.5em 0.5em; font-size: 94%;}
	.shogonin_container .shogonin_contents{float: left; width: 630px;}
	.shogonin_container .shogonin_title{font-weight: bold; font-size: 120%;}
	.shogonin_container .shogonin_text{padding-left: 1.5em;}
	.shogonin_container .shogonin_photo{float: right; width: 460px; }
	.tofukuji_container{width: 90%; margin: 16px auto; background-color: rgba(255,255,255,0.6); font-size:72%;}
	.tofukuji_container h2{color:#660066; font-size: 250%; font-weight: bold; text-align: left; line-height: 1; margin: 0;}
	.tofukuji_container .tofukuji_photo{float: left; width:30%;}
	.tofukuji_container .tofukuji_text00{float: right; margin: 0.5em auto; width:100%; padding: 0 0.5em;}
	.tofukuji_container .tofukuji_text{float: right; margin: 0.5em auto; width:70%; padding: 0 0.5em;}
	.tofukuji_container .tofukuji_title{font-size:100%; font-weight: bold;}
	
/*よくある質問*/
	.yokuarushitsumon{background-color: #66cc00; margin-top: 2em; padding: 46px 30px 60px;}
	.yokuarushitsumon h2.yokuaru_title{font-size: 300%; color: #ffffff; font-weight: bold; line-height: 1;}
	.yokuarushitsumon .yokuarunaiyou{max-width: 1000px; margin: 1.5em auto 0; padding: 1em 1em 0.5em; background-color: #ffffff;}
	.yokuarushitsumon .yokuarunaiyou p{margin-bottom: 40px;}
	.yokuarushitsumon .yokuarunaiyou p .red_bold{font-weight: bold; color: #cc0000;}
	
/*アクセス*/
	.access{max-width: 840px; margin: 2em auto 0; padding: 1em; text-align: center;}
	.access h2.access_title{font-size: 250%; font-weight: bold; color:#CC33CC; margin-bottom: 0;}
	.access .link_gmap{text-align: right; font-size: 70%;}
	.access .link_gmap::after{content: ">";}
	.access .root{width: 80%; font-size: 80%; text-align: left; margin: 0.5em auto;}
	
	
/*バナー02*/
.banner02_back{background-color: #ffffff;}
.banner02{width:1200px; background-color: #ffffff; margin: 0 auto; padding: 0.5em 0; position: relative;}
.banner02 .banner02_base{}
.banner02 .banner02_button{position: absolute; right: 180px; bottom: 34px;}
	
}

@media screen and (max-width: 1023px){
	
	
	/*タブレット_非表示*/
	.tab_none{
	display: none;
	}
	
/*テキスト関連*/
	h1{font-size: 36pt;}
	h2{font-size: 24pt; margin-bottom: 40px;}
	h3{font-size: 18pt; margin-bottom: 40px;}
	.spot_txt{font-size: 38pt;}
/*ボックス関連*/
	.wide_box_column{display: block;}
	.box_half{width: 80%; margin: 0 auto;}
	.link_btn01 a{font-size: 20pt;}
	.link_btn02 a{font-size: 20pt;}	

/*ヘッダー*/
	.header_wrap{width: 100%; height: 60px; background-color: rgba(255,255,255,1.0);}
	.header_box{height: 60px; line-height: 50px;}
	
	.fix-icon{right: -4px; top: 80px;}
	
/*サイドナビ*/ 

/*メインコンテンツ*/

	/*ファーストビュー*/
	.first_view{height: 400px;}
	.first_view h1{top: 25%;  left: 8%; margin-left: 0px; font-size: 9vw; line-height: 1.5;}
	.cloud{display: none;}
	/*トップ用*/


	/*おしらせここから*/
	.news{width: 90%;}
	.news_box{margin: 10px 0;}
	.notice , .watch_info{ color: #fff; height: 30px; width: 210px; text-align: center; display: inline-block; font-size: 0.9em;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius: 15px; margin-right: 30px;}
	.notice{background-color: #999;}
	.watch_info{background-color: #ff9933;}
	.date{color: #666; font-size: 0.8em;}
	.news_info{font-size: 0.8em;}
	.news_info a{font-weight: bold; color: #036; text-decoration: underline;}
	/*おしらせここまで*/


/*カラム*/
	.column_max{width: 100%;}
	.column{width: 100%;}
	.box_left_360{width: 33%;}
	.box_left_600{width: 66%;}
	.box_single{width: 100%;}
	.box_single_left{width: 100%;}

/*背景全画面*/
	.wide_wrap_bk{width: 100%; padding: 10px 0;}
	.wide_wrap_wt{width: 100%; padding: 10px 0;}
	.wide_box{width: 80%; margin:  0 auto;}
	.wide_box p{width: 100%; margin: 0 auto 40px;}
	
	.box_25 , .box_33 , .box_50 , .box_66 , .box_75{width: 100%; }
	
	
/*ページ毎のコンタクト*/
	.common_info{border: 10px solid rgba(214,181,114,0.9); }
	.common_info_bar{background-color:rgba(214,181,114,0.9); color: #fff; font-weight: bold; text-align: center;padding: 10px 0; margin: 0;}
	.common_info_box{background-color: #fff; margin: 0; padding: 20px;}
	.common_info_box p{margin: 10px 0;}
	.common_info_tag{display: block; margin:0 auto;}
	.common_info a{color: #036;font-size: 0.8em;}

	.commom_contact_wrap{width: 80%; margin: 0 auto; padding: 60px 0;}
	.common_contact_button{width: 100%; text-align: center; margin: 40px auto;}
	.common_contact_button a{display: block; }
	.commom_contact_wrap .infomation{text-align: left;}

/*おんらいん見学案内*/

.must_item{border: 1px solid #ccc; padding: 20px; box-sizing: border-box; margin-bottom: 60px;background-color: #fff;}
.must_item dl dt{color: #036; margin-bottom: 10px;}
.must_item dl dd{color: #333; font-size: 0.8em; margin-bottom: 20px;}

.reco_box{border: 5px solid rgba(214,181,114,1.0); padding: 20px; box-sizing: border-box; margin-bottom: 60px; background-color: #fff;}
.reco_box ul{}
.reco_box ul li{border-bottom: 1px solid rgba(214,181,114,1.0);margin-bottom: 10px;}

/*TOPへ戻る*/

#page_top{ right: 0px;}

	
/*フッター*/

.foot_box{padding-left: 20px;}

/*WP用*/
		/*記事一覧ここから*/
	.loopimg{float: none; width:200px; height: 200px; margin:0 auto 32px;}
	.loopimg img{max-height: 200px;}
	.loopbox .categories{display: block; margin: 0 auto; text-align: center;}
	.loopbox .categories a{color: #fff;}
	.loopbox time{text-align: center; display: block;}
	.loopbox h2 a{font-size: 0.8em;}
	/*記事一覧ここまで*/

}


@media screen and (max-width: 767px){
body{ font-size: 5.5vw; overflow-x: hidden; font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
	/*共通枠*/
	.common_frame{
	width: 100%;
	margin: 0 auto;
	}
	/*共通枠（グリーンバック）*/
	.greenback_container{background-color: #ffccff; }
	
	/*sp_非表示*/
	.sp_none{
	display: none;
	}
	/*タブレット_非表示*/
	.tab_none{
	display: inline;
	}
	
	/*テキスト関連*/
    .br_pc{display:block;}
    .br_sp{display:none;}
	
    h1{font-size: 20pt;}
	h2{font-size: 18pt; margin-bottom: 40px;}
	h3{font-size: 16pt; margin-bottom: 40px;}
	
	header{ position: fixed; top:0; left: 0; width: 100%; height: 80px; z-index: 9999; }
	header .catch{width: 100%; height: 20px; background-color: #CC33CC;}
	header .catch h1{width: 100%; padding: 0.15em 0.5em 0; font-size:3.3vw; line-height: 1;}

	.spot_txt{font-size: 20pt;}
	/*ボックス関連*/
	.pad20{padding: 10px;}
	.pad40{padding: 20px;}

	.link_btn01 a{font-size: 16pt;}
	.link_btn02 a{font-size: 16pt;}	
    
	.spnone{display: none;}	
	.pcnone{display: block;}
	.viewSp{display:none;}

	.flex{display: block;  }
	.box_left_360{width: 100%;}
	.box_left_600{width: 100%;}
/*ヘッダー*/
	.fix-icon{display: none;}
/*メインコンテンツ*/
	
main{padding:0; margin: 80px 0 0;}

	/*ファーストビュー*/
	.main_view{margin: 0 auto;  height: 580px; background-image: url("../images/top_mv_bg_sp.jpg"); background-repeat: no-repeat; background-position:top center; background-size:cover;}
	.main_contents{width: 100%; margin: 0 auto; padding: 0 0;}
	.main_contents .logo_catch{margin: 0 auto; text-align: left; float: left;}
	.main_contents img{}
	.main_contents .shogon_mv_logo{width:40%; float:right; text-align: center;}
	.main_contents .tofukuji{float:left; width:60%; padding: 6px 10px 0 16px;}
	.mini_catch{display: flex; width: 90%; margin: 0 auto; justify-content:space-around; flex-wrap: wrap; padding: 0.5em 0;}
	.mini_catch img{width: 48%; margin: 10px 1%;}
	.mini_catch img.long{width: 90%; margin: 0 2%;}
	/*ファーストビュー*/

	.first_view{height: 150px;}
	.first_view h1{top:29%; left: 50%; margin-left: -96px; font-size: 24pt; line-height: 1.2; text-align: center;}	
	.first_view_img{width: 72%; left: 14%;}
	.first_view_video{width: 72%; left: 14%;}
	.cloud{display: none;}
	
	.sankoin_title{margin: 0.5em auto; width:96%; padding: 0 0.5em;}
	.sankoin_title h2{color:#660066; font-size: 10vw; font-weight: bold; text-align: center; line-height: 1.4; margin: 0;}
	
/*mini_banner*/
	.greenback_container .photo{width: 100%; margin: 10px auto; display: flex;  justify-content:space-around; flex-wrap: wrap; align-items: center; text-align: center;}
	.greenback_container .photo img{box-shadow: 3px 3px 10px 0 #999999; width: 90%; margin: 0.5em;}

/*墓じまいキャッチ*/
.hakajimai_catch{margin: 40px auto; text-align: center;}

/*4つのポイント*/
.point_container{margin: 0 auto; width: 95%; display: flex; justify-content: space-around; flex-wrap: wrap;}
.point_container .point_contents{width: 100%; margin: 10px 0; border: solid 6px #cc0000;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px;}
.point_container .point_contents img{width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.point_container .point_contents .text{width:100%; padding: 0.5em 1em 1em; font-size: 80%;}
	
/*バナー01*/
.banner01{
background: -webkit-linear-gradient(#660066, #990000);
background: -o-linear-gradient(#660066, #990000);
background: linear-gradient(#660066, #990000);
margin: 30px auto;
padding: 16px 0 16px 0;
}
.banner01_container{width: 90%; margin: 0 auto; padding: 0.3em 0 6.5em 0; background:#ffffff url("../images/banner01_sp.png") no-repeat; background-position: bottom center; background-size: 100% auto;}
.banner01 .banner01_catch{width:100%; height: 30px; margin: S0; padding: 0;}
.banner01_container .banner01_tel{width: 90%; margin: 0.5em auto; font-size: 110%; font-weight: bold;}
.banner01_container .banner01_time{width:90%; background-color: #eaeaea; text-align: center; font-size: 5.5vw; font-weight: bold; margin: 0 auto;}
.banner01_container .banner01_mail{width:90%; margin: 0.5em auto;}
.banner01 .banner01_coment{width:90%; margin: 0 auto; background-color: #330000; color:#ffffff; padding: 0.5em;font-size: 5.5vw;}
	
	
/*墓じまい*/
.hakajimai_gf{margin: 0 auto; padding: 0.5em; border: #CC33CC solid 6px; line-height: 1.8; font-size: 90%;}
.hakajimai_gf img{float:right;}
.hakajimai_gf .hakajimai_c{font-weight: bold; font-size: 120%; text-shadow: 2px 2px 0 #ffffff; background: linear-gradient(transparent 50%,#66cc00 50%);}
.hakajimai_gf .hakajimai_lt{font-size: 120%; text-decoration:underline; text-decoration-color:#FF0000;}
.enkatsu{padding: 0.7em; line-height: 1.9; font-size: 90%;}
.enkatsu .hakajimai_button_container{display: flex; flex-direction: column; padding: 1em 0;}
.enkatsu .hakajimai_button_container .hakajimai_button{margin: 10px auto;}
	
	
/*樹木葬について*/
.jumokusounitsuite{background-color: #ffccff; padding: 0.5em;}
.jumokusounitsuite .jumokusou_main_e{width: 100%; padding: 0; margin-bottom: 1em;}
.jumokusounitsuite .jumokusou_sub_e_c{display: flex; flex-wrap: wrap; justify-content: space-between;}
.jumokusounitsuite .jumokusou_sub_e_c .jumokusou_sub_e{max-width: 48%; font-size: 85%; margin-bottom: 1em;}
.jumokusounitsuite .jumokusou_button{text-align: center; margin: 1em auto;}
.jumokusounitsuite .kazokunohaka_text{padding-bottom: 1em;}
.jumokusounitsuite .kazokunohaka_text .rbl{color: #970000; font-weight: bold; font-size: 110%;}
	
	
		/*樹木葬について内、料金案内*/
	.jumokusounitsuite .ryoukinannai{background-color: #ffffff; max-width:100%; margin: 0 auto; padding: 1em 0.2em 0.2em;}
	.jumokusounitsuite .ryoukinannai h2{font-size: 2em; font-weight: bold; text-align: center; margin: 0 auto;}
	.jumokusounitsuite .ryoukinannai .boshoriyo{color: #333333;  font-size: 7.6vw; font-weight: bold; text-align: center; margin: 0 auto 0.5em;}
	.jumokusounitsuite .ryoukinannai .boshoriyo .red{color: #990000;}
	.jumokusounitsuite .ryoukinannai .boshoriyo .red .large{font-size: 250%;}
	.jumokusounitsuite .ryoukinannai .boshoriyo .boshoriyo_eitai{color: #ffffff; font-size: 120%; text-shadow: 3px 3px 0 #000000; background-color: #cc0000; padding: 0; margin: -0.2em auto 0; width:100%;}
	.jumokusounitsuite .ryoukinannai .ninzu{display: flex; flex-direction: column; text-align: center; width: 100%; padding: 1em 0;}
	.jumokusounitsuite .ryoukinannai .ninzu .futari1{width:205px; height: 220px; background: url("../images/ryokin_01.png") no-repeat; background-position: center top; background-size: contain; margin: 0 auto;}
	.jumokusounitsuite .ryoukinannai .ninzu .futari1 .futari2{color: #333333; font-size: 5.5vw; font-weight: bold; text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF; margin: 55% 0 0; padding: 6px 0.5em; line-height: 1.1; background-color: rgba(255,255,255,0.75); text-align: left;}
	.jumokusounitsuite .ryoukinannai .ninzu .futari1 .futari2 .futari3{font-size: 250%;}
	.jumokusounitsuite .ryoukinannai .ninzu .futari1 .futari2 .futari4{font-size: 180%;}
	.jumokusounitsuite .ryoukinannai .plus{margin: 0.5em;}
	.jumokusounitsuite .ryoukinannai .plus img{width:20%;}
	.jumokusounitsuite .ryoukinannai .gosenzo1{width: 98%; background-image: url("../images/ryokin_03.png"); box-shadow: 1px 1px 2px #666666; margin: 0 auto 0.5em; padding: 0.3em;}
	.jumokusounitsuite .ryoukinannai .gosenzo1 .gosenzo2{background-image: url("../images/ryokin_kotsutsubo.png"); background-position: right top; background-repeat:no-repeat; background-size: auto 100%; font-size: 130%; text-align: left; font-weight: bold; text-shadow: 2px 2px 0 #ffffff;}
	.jumokusounitsuite .ryoukinannai .gosenzo1 .gosenzo2 .gosenzo3{text-align: center; font-size: 6.25vw; color: #cc0000; background-color: #ffffff; text-shadow: 1px 1px 0 #000000; line-height: 1.2;}
	.jumokusounitsuite .ryoukinannai .ryoukin_button{width: 80%; margin: 0 auto 0.5em;}
	
	/*ご契約から納骨までの流れ*/
	.gokeiyaku{margin-bottom: 1em;}
	.gokeiyaku h2{background-color: #CC33CC; padding: 0; margin-bottom: 0.5em;}
	.gokeiyaku .step_container{margin: 0 auto; width: 96%; display: flex; justify-content: space-around; flex-wrap: wrap; font-size: 90%;}
	.gokeiyaku .step_container .step_contents{width: 500px; margin: 10px 0;}
	.gokeiyaku .step_container .step_contents .step_text{padding: 0.5em;}
	.gokeiyaku .step_container .step_contents .step_text .step_title{font-size: 110%; font-weight: bold;}
	.eitai_container{margin: 0 auto 2em; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 90%;}
	.eitai_container .eitai_text{width:100%;}
	.eitai_container .eitai_text h3{background-color: #66cc00; color: #ffffff; font-size:140%; font-weight: bold; margin-bottom: 0.2em; padding-left:0.5em; text-shadow: 2px 2px 0 #255c00;}
	.eitai_container .eitai_text .eitai_text2{padding: 0.3em 0.5em;}
	
	
	/*継承を前提としない永代供養のお墓*/
	.eitaikuyo{background-color: #ff99ff; padding: 25px 3%; margin-bottom: 2em;}
	.eitaikuyo h2{color:#660066; font-size: 10vw; font-weight: bold; text-align: center; line-height: 1.4; margin: 0;}
	.eitaikuyo .eitaikuyo_text{width: 96%; margin: 0.5em auto 1em;}
	.eitaikuyo .nokosanaifutan{background-color: #ffffff; padding:16px; display: flex; justify-content: space-around; flex-wrap: wrap;}
	.eitaikuyo .nokosanaifutan .h3mae{display: block; text-align: left; width: 90%;}
	.eitaikuyo .nokosanaifutan .h3mae_line{display: block; text-align: left; width: 90%; border-top: dotted #FFCCFF 2px; padding-top: 1em;}
	.eitaikuyo .nokosanaifutan h3{color:#660066; font-size: 8vw; font-weight: bold; text-align: center; line-height: 1; margin: 0;width: 100%;}
	.eitaikuyo .nokosanaifutan h3 .small{font-size: 50%;}
	.eitaikuyo .nokosanaifutan .nokosanai_text{padding: 0.5em 0; font-size: 80%;}
	.eitaikuyo .nokosanaifutan .nokosanai_text2{padding: 0.5em 0; font-size: 80%;}
	.eitaikuyo .nokosanaifutan .nokosanai_text3{padding: 0.5em 0; font-size: 80%;}
	
	.eitaikuyo .nokosanaifutan .book{width:50%; border: #666666 solid 1px; padding: 0;}
	
	
/*安心の東福寺塔頭寺院*/
	.shogonin_container{padding: 1em 0 0.5em; font-size: 80%;}
	.shogonin_container .shogonin_contents{float: left; width: 100%;}
	.shogonin_container .shogonin_contents img.anshin_title{width:80%; padding-left: 0.5em;}
	.shogonin_container .shogonin_title{font-weight: bold; font-size: 120%;}
	.shogonin_container .shogonin_text{padding:0.5em;}
	.shogonin_container .shogonin_photo{float: right; width: 100%; }
	.tofukuji_container{width: 96%; margin: 16px auto; background-color: rgba(255,255,255,0.6); font-size:80%;}
	.tofukuji_container .tofukuji_photo{float: left; width:100%;}
	.tofukuji_container .tofukuji_text00{float: right; margin: 0.5em auto; width:100%; padding: 0 0.5em;}
	.tofukuji_container .tofukuji_text{float: right; margin: 0.5em auto; width:100%; padding: 0 0.5em;}
	.tofukuji_container .tofukuji_title{font-size:100%; font-weight: bold;}
	
	
/*よくある質問*/
	.yokuarushitsumon{background-color: #66cc00; margin-top: 1em; padding: 8px;}
	.yokuarushitsumon h2.yokuaru_title{font-size: 9vw; color: #ffffff; font-weight: bold; margin-bottom: 0;}
	.yokuarushitsumon .yokuarunaiyou{max-width: 1000px; margin: 0 auto; padding: 0.5em; background-color: #ffffff; font-size: 80%;}
	.yokuarushitsumon .yokuarunaiyou p{margin-bottom: 1em;}
	.yokuarushitsumon .yokuarunaiyou p .red_bold{font-weight: bold; color: #cc0000;}
	
/*アクセス*/
	.access{max-width: 840px; margin: 2em auto 0; padding: 1em 0; text-align: center; font-size: 5.5vw;}
	.access h2.access_title{font-size: 8vw; font-weight: bold; color:#CC33CC; margin-bottom: 0;}
	.access .link_gmap{text-align: right; font-size: 80%; margin:0 0.5em 1em 0;}
	.access .link_gmap::after{content: ">";}
	.access .root{width: 90%; font-size: 80%; text-align: left; margin: 0.5em auto;}
	
	
/*バナー02*/
.banner02{width:100%; background-image:url("../images/banner02_bg_sp.jpg"); background-size: cover; margin: 0.5em auto; padding: 0.5em 0;}
.banner02 .banner02_base{width: 94%; margin: 0 auto; padding: 0 0 0.5em 0; background: linear-gradient(transparent 3%,rgba(255,255,255,0.7) 3%); text-align: center;}
.banner02 .banner02_base .banner02_title{margin: 0 auto; padding-top: 0; text-align: left; height: 100%;}
.banner02 .banner02_base .banner02_base_text{font-size: 75%; font-weight: bold; text-align: left; line-height: 1.4; padding: 0 0.5em;}
.banner02 .banner02_base .banner02_base_image{text-align: center; padding: 0.5em;}
	
	
	/*おしらせここから*/
	.notice , .watch_info{ width: 100%; margin-right: 0; line-height: 1;}
	.news{padding: 20px;}
	/*おしらせここまで*/
	
/*背景全画面*/
	.wide_box{width: 100%;}
	
/*ページ毎のコンタクト*/

	.commom_contact_wrap{width: 100%;}
	.common_contact_button{width: 100%; }
	.commom_contact_wrap .infomation{font-size: 0.8em;}
    .common_info_tel{font-size: 0.9em; margin: 20px 0;}
    
/*サイトマップ*/
.sitemap_box{width: 100%; font-size: 0.9em;}
.sitemap_box dl dd{padding: 10px 0;}
.sitemap_box dl dd a{text-decoration: underline;}
    
/*フッター*/	
	.foot_wrap{display: block;}
	.foot_box{width: 60%; height: auto; padding: 0; font-size:5vw; text-align: left; margin: 0 auto;}
	.foot_box:last-child{padding-bottom: 30px;}
	
footer{background-color: #e9e9e9; padding-top: 1.2em;}
.contact_container{max-width:90%; margin: 0 auto 1em;}
.contact_container .contact_title{border-bottom: #000000 solid 2px; width: 100%; margin-bottom: 1em; position: relative;}
.contact_container .contact_title h2{font-size: 6vw; font-weight: bold; background-color: #e9e9e9; padding: 0 0.1em; line-height: 1; margin:0; display: inline-block; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.contact_container .infomation{display: flex; flex-direction: column; font-size: 4.3vw;}
.contact_container .infomation ul.left{width: 100%;}
.contact_container .infomation ul.right{width: 100%;}
	
.bgg{background-color: #f6f6f6;}
.management{text-align: left; padding: 1.5em 0.5em 0.5em;}
.management h2{font-size: 9vw; font-weight: bold; margin-bottom: 0.5em; text-align: center;}
.management .management_temple{max-width:600px; padding: 0 0 1em; border-bottom: #000000 solid 1px; margin: 0 auto;}
.management .management_office{max-width:600px; padding: 1.5em 0 0; margin: 0 auto;}
.management .management_title{font-size: 8vw; font-weight:bold; padding-bottom: 0.5em; display: block;}
.management .management_mane{font-size: 6vw;}
.management .management_contents{font-size: 4.2vw; line-height: 1;}



/*目次*/
.toc_box{width: 100%;}
.toc_box ul li a{font-size: 0.8em;}
    
	/*WP用*/
	
	/*記事一覧ここから*/
	.loopbox{ float: none; width: 100%;}
	.loopbox .categories ul li{ float: none;}
	.loopbox time{float: none;}
	/*記事一覧ここまで*/
	
	/*mailボタン*/
	.mailbutton{
	position: fixed;
	top: 20px;
	right: 60px;
	}
	
	/*menuテキスト*/
	.menutext{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: fixed;
	top: 20px;
	right: 0px;
	color: #CC33CC;
	font-size: 10px;
	font-weight: bold;
		/*z-index: -9999;*/
	}
    
/*ハンバーガーメニュー部分ここから*/
	.navi{display: none;}

	.header_sp{background-color: #fff; width: 100%; height: 60px;}
	.menubtn{}

	.humburg_menu{position:relative;}
	.hum_list{position: fixed;width: 80%; left: 0; top:0; background-color: #fff; margin: 0 auto;padding: 22px;  box-shadow: 4px 4px 8px #ccc; border-radius: 11px; box-sizing: border-box; z-index: 9999; }
	.hum_list ul li{padding: 11px;}
	/*.hum_list ul li:last-child{background-color:#ff9933;text-align: center;  -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px;}
	.hum_list ul li:last-child a{color: #fff; border: none;}*/
	
	
	.top_logo_sp{display: block; position: absolute; left: 0px; top: 0px; height: 50px; margin-top: 25px;}
	.top_logo_sp img{height: 50px;}

/*ハンバーガーメニューボタンデザインここから*/
	.trigger_box{
	position: fixed;
	top: 20px;
	right: 0px;
	width: 60px;
	height: 60px;
	padding: 4px 4px 0 4px;
	z-index: 9999;
	}
	.btn-trigger {
	position: relative;
	width: 48px;
	height: 44px;
	cursor: pointer;
}
	.btn-trigger span {
	position: absolute;
	left: 25%;
	width: 50%;
	height: 2px;
	background-color: #CC33CC;
	border-radius: 4px;
}
	.btn-trigger, .btn-trigger span {
	display: inline-block;
	transition: all .5s;
	box-sizing: border-box;
}
	.btn-trigger span:nth-of-type(1) {
	top: 10px;
}
	.btn-trigger span:nth-of-type(2) {
	top: 20px;
}
	.btn-trigger span:nth-of-type(3) {
	bottom: 10px;
}
/*=============================
#btn17
=============================*/
#btn17::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: '';
  width: 60px;
  height: 60px;
  margin: -45px 0 0 -45px;
/*  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0);*/
  transition: all .75s;
}
#btn17.active span:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(45deg);
  transform: translateY(11px) rotate(45deg);
}
#btn17.active span:nth-of-type(2) {
  left: 60%;
  opacity: 0;
  -webkit-animation: active-btn17-bar02 .8s forwards;
  animation: active-btn17-bar02 .8s forwards;
}

#btn17.active span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(-45deg);
  transform: translateY(-11px) rotate(-45deg);
}
#btn17.active::after {
/*  border: 4px solid #fff;*/
}


/*ハンバーガーメニューボタンデザインここまで*/
}