@charset "utf-8";
/***************************
MADE BY JOHOSTATION co., ltd.
***************************/
/*レスポンシブに対応させる*/

html
{margin:0px;
  min-width:100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow-x:auto;}

body
{font-size:14px;
  line-height:1.8;
  font-weight:normal;
  overflow-x:auto;}

.box,.breadcrumbs,#title h2,.contents_menu,.header_contents,.footer_button_pc
{width:100%;
  min-width:100%;
  padding:0px 3%;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;}

.visible
{overflow:visible !important}

h1
{font-size:7px;
  width:100%;
  font-weight:300;
	line-height:1.3;
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	left:0px;
	right:00px;
	position:static}	

.mode_pc
{display:none !important}

.mode_sp
{display:inherit !important}

/*ヘッダー*/

header
{width: 100%;
  padding: 0px;
  margin:0px 0px 0px;}

.header_bg
{}

.header_contents
{height:inherit;
  padding-bottom:0px} 

.header_logo
{position:static;
  width:160px;
  margin:0px auto 0px}

.header_bt,.header_contact,.header_tel
{display:none}

/*ボディ*/	

.breadcrumbs
{height:auto;
  min-height:40px;
  padding-top:0px;
  z-index:2}

.breadcrumbs>ol>li,.breadcrumbs>ol>li>a
{font-size:9px;
  line-height:1.2;}

#title
{padding: 0px 0%;
  margin:0px 0px 0px;
  height:80px;
  overflow:hidden}

#title h2
{padding:0px 0px 0px 0px;
  font-size:26px;
  letter-spacing:2px;
  overflow:visible}

#title h2>span
{font-size:40px;
  line-height:1.3;
  right:0px;
  bottom:-35px;}

h2.title
{padding:0px;
  margin:0px auto 30px;
  font-size:28px;
  line-height:1.4;}

h2.title>span
{font-size:110%}

h2.title2
{margin:0px 0% 30px;
  padding:20px 5px 22px;;
  font-size:24px;}

h2.title2:before
{bottom:-12px;
  border-width: 12px 15px 0;}

.contents
{margin-bottom:30px}

.contents_menu
{margin-bottom:25px;}

.contents_menu>ul li
{display:block;
  width:100%;
  margin-right:0% !important;
  margin-bottom:3px;}

.contents_menu>ul li a
{ font-size:17px;
  line-height:1.2;
  padding:13px 5px 15px}

.contents_menu>ul.menu2 li
{width:100% !important;}

.contents_menu>ul.menu2 li:nth-of-type(3n)
{margin-right:0% !important;}

/*フッター*/	

.partner_support>ul
{display:block;
  margin:0px 10% 20px}
.partner_support>ul>li
{width:100%;
  margin-right:0%}

.partner_bnr
{padding:20px 2%}

.partner_bnr>ul
{display:flex;}

.partner_bnr>ul>li
{width:32%;
  margin-right:2%;
  margin-bottom:1%;
  font-size:13px;
  line-height:1.3}
.partner_bnr>ul>li:nth-of-type(5n)
{margin-right:2%}
.partner_bnr>ul>li:nth-of-type(3n)
{margin-right:0%}

footer
{padding:20px 0px 10px;}

.footer_logo
{width:200px;
  margin:0px auto 10px;}

footer>article>h4
{padding:0px 0px 0px 0px;
  font-size:17px;
  line-height:1.5;
  margin:0px}

footer>article>ul
{display:flex;
  margin:0px 0% 10px;
  padding:10px 10px 10px;}

footer>article>ul>li
{display:flexbox;
  width:49%;}

footer>article>ul>li>a
{font-size:14px;
  line-height:1.5}
 
.footer_button 
{border-top:none;
  background-image:none;
  background-color:rgba(255,255,255,0.0);
  z-index:100}
 
 @media(orientation: landscape){
.footer_button {width:50%;}}
 
.side_contact
{display:none} 

.footer_button_pc
{display:none}

.footer_button_sp
{margin:0px auto 0px auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  text-align:center;
  opacity:0.9}

.footer_button_sp li
{display:flexbox;
  line-height:0;
  width:30%;}

.footer_button_sp li:nth-of-type(2)
{width:70%;}
 
/*スライド*/
.top_header
{min-height:500px;
  max-height:100vh}

.top_header>div
{min-height:500px;
  max-height:100vh}
  
.top_header>div>h2
{margin:auto;
  position:absolute;
  left:auto;
  right:10%;
  top:55%;
  font-size:30px;
  line-height:1.5;
  -ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height:380px}
.top_header>div>h2>span
{padding:30px 5px;
  margin-bottom:0px;
  margin-left:5px}

.top_header>div>img
{width:80px;
  right:auto;
  left:10%;
  top:15%;}
 
/*トップページ/index/*/	

.top_meeting
{width:96%;
  min-width:96%;
  padding:0px}
.top_meeting>h2
{font-size:20px;
  margin:0px auto 0px;
  text-align:center;
  padding:8px;
  line-height:1.5}
.top_meeting>div
{padding:15px 15px 0px}

.top_intro
{padding-top:30px;
  padding-bottom:30px;
  margin-bottom:10px;
  overflow:visible !important}
.top_intro>div
{overflow:visible !important}

.top_intro>div>h2
{font-size:28px;
  margin:-30px auto 30px;
  text-align:center;
  padding:0px;
  line-height:1.5;
  -ms-writing-mode:inherit;
	writing-mode:inherit;
	display:block;}
.top_intro>div>h2>span
{border-left:none;
  border-right:none;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  padding:5px 0px 9px;}

.top_intro>div>p
{text-align:center;
  font-size:17px;
  line-height:2.0;}

.top_intro>div>div>img
{position:relative;
  left:0px;
  top:-130px;
  width:50vw}
.top_intro>div>div>img:nth-of-type(2)
{top:-50px;
  width:45vw;
  position:absolute}

.top_news
{padding:9px;
  margin-left:2%;
  margin-right:2%;
  max-width:96%;
  min-width:96%}

.top_event
{padding:20px 20px 10px;
  margin-left:2%;
  margin-right:2%;
  max-width:96%;
  min-width:96%}

.top_event>dl
{display:block;}
.top_event>dl>dt
{width:100%;
  margin-bottom:15px;}
.top_event>dl>dd
{width:100%;}

.top_event>dl>dd>h2
{font-size:20px;
  margin:0px 0px 10px;
  padding:0px 0px;
  line-height:1.5;}

.top_reason>ul
{display:block;}

.top_reason>ul>li
{width:100%;}

.top_reason>ul>li>img
{margin:0px 0px 10px;}

.top_reason>ul>li>div
{margin:0px 10px 10px;}

.top_reason>ul>li>div>h2
{font-size:32px;
  margin:0px 0px 10px;
  padding:0px 50px;
  letter-spacing:10px;}
	
.top_reason>ul>li>div>p
{text-align:justify}

.top_activity
{padding:30px 0px 30px}

.top_blog>ul
{display:flex;
  margin-bottom:30px}

.top_blog>ul>li
{display:flexbox;
  width:73%;
  margin-right:2%;}

.top_blog>ul>li>div
{padding:12px;}

.top_blog>ul>li>div>h3
{font-size:22px;
  margin:0px 0px 5px;}

.top_activity>div>img
{margin:0px auto 10px}

.top_member>ul
{display:block;}
.top_member>ul>li
{width:100%;
  margin-bottom:20px}

.top_member>ul>li>dl
{display:flex;}
.top_member>ul>li>dl>dt
{width:27%;}
.top_member>ul>li>dl>dd
{width:68%;}

.top_member>ul>li>dl>dd>h3
{font-size:15px;
  line-height:1.5;
  margin:0px 0px 10px;
  padding:0px 0px 10px;
  text-align:left}
.top_member>ul>li>dl>dd>h3>span
{font-size:140%;
  margin-top:5px}

.top_join
{padding:2%}

.top_join>div
{padding:30px 30px 30px;
  background-image:url(img/bg_frame01h_sp.svg),url(img/bg_frame01f_sp.svg);}

.top_join>div>p
{font-size:16px;
  line-height:2.0;
  margin-bottom:20px}

.top_join>div>ul
{display:block;
  margin-bottom:40px}

.top_join>div>ul>li
{width:100%;
  padding:12px 12px 12px;
  font-size:18px;
  line-height:1.2;
  margin-bottom:10px}

.top_join>div>ul>li>img
{display:inline-block;
  max-width:40px;
  margin:0px 10px 0px 0px;
  vertical-align:middle}

.top_join>div>div
{margin:0px 0px 40px}

.top_join>div>div>h3
{font-size:26px;
  margin:0px 0px 30px;}

.top_flow>ol
{display:block;}

.top_flow>ol>li
{width:100%;
  margin-bottom:12px;}

.top_flow>ol>li>h4
{margin:0px 0% 7px;
  padding:0px 0px 0px 10px;;
  font-size:20px;
  line-height:1.2;}

.top_rule>dl
{display:block;}
.top_rule>dl>dt
{width:200px;
  float:left;
  margin:0px 15px 15px 0px}
.top_rule>dl>dd
{width:100%;}

.top_question>ul
{display:block;}
  
.top_question>ul>li
{margin-bottom:10px;
  width:100%}

.top_question>ul>li>h4
{padding:10px 20px 12px 50px;;
	line-height:1.4;
	font-size:18px;}
.top_question>ul>li>h4:before
{left:0px;
  top:0px;}
  
.top_question>ul>li>div
{padding:10px 0px 10px 50px}

.top_question>ul>li>div:before
{left:0px;
  top:5px;
  padding:3px 10px 5px;}

.top_access>iframe
{height:240px;
  margin-bottom:5px}

.top_access>h4
{font-size:16px;
  text-align:justify}

/*四恩学園を応援/shion/*/	

.shion_intro
{padding:20px 20px 20px;}
.shion_intro>h2
{margin-bottom:15px}
.shion_intro>p
{padding:0px;
  font-size:16px;
  line-height:1.6;
  text-align:justify;
  margin-bottom:20px}
.shion_intro>ul
{display:block;
  margin-bottom:15px}
.shion_intro>ul>li
{width:100%;
  margin-bottom:15px}
.shion_intro>ul>li>h4
{font-size:17px;
  line-height:1.4;
  margin:0px 0px 5px;}
.shion_intro>h3
{font-size:24px;
  line-height:1.5;
  padding:0px 0px 0px;
  margin:0px 0px 10px;
  font-weight:800;
  text-align:justify}
.shion_attension
{font-size:11px !important;
  line-height:1.5 !important;
  text-align:right !important}

/*お寺サポート/temple/*/	

.temple_hp
{padding:20px 20px 20px;}
.temple_hp>h2
{margin-bottom:20px}
.temple_hp>p
{padding:0px;
  font-size:18px;
  line-height:1.8;}
.temple_hp>div
{margin-top:20px}
.temple_hp>div>h3
{padding:10px 10px 12px;
  font-size:22px;
  line-height:1.5;
  margin:0px 0% 18px;}
.temple_hp>img
{margin:0px auto 20px;
  text-align:center}
.temple_hp>div>p
{margin:0px 0px 12px 0px;}
.temple_hp>div>p>img
{max-width:180px;
  margin:0px 12px 12px 0px;}

.temple_hp>div>dl
{display:block;}
.temple_hp>div>dl>dt
{width:100%;}
.temple_hp>div>dl>dd
{width:100%;
  margin:10px 0px 20px}
.temple_hp>div>dl>dd>h4
{font-size:20px;
  line-height:1.4;
  padding:0px 0px 5px;
  margin:0px 0px 10px;}

.bnr_contact
{margin:30px auto 12px}

.bnr_contact>a
{font-size:20px;
  line-height:1.2;
  border-radius:1.6em;
  padding:15px 20px 17px 20px;
  display:block;}

.temple>h2
{padding:0px;
  font-size:24px;
  line-height:1.6;
  margin:0px 0% 20px;}
.temple>img
{margin:0px auto 15px}
.temple>p
{padding:0px;
  font-size:18px;
  line-height:2.0;
  margin:0px 0% 20px;}
.temple>ol
{display:block;
  margin:0px 2% 20px;}
.temple>ol>li
{padding:0px 0px 0px 0px;
  font-size:20px;
  line-height:1.4;
  margin:0px 0% 12px 22px;}
.temple_contents
{padding:20px;
  display:block;}
.temple_contents>div
{width:100%;
  margin-bottom:8%}
.temple_contents>div>h3
{padding:0px;
  font-size:20px;
  line-height:1.2;
  margin:0px 0% 10px;;}
.temple_contents>div>h3>span
{display:block;
  padding:10px 5px 12px;
  text-align:center}
.temple_contents>div>ol>li
{padding:0px 0px 0px 0px;
  font-size:18px;
  line-height:1.4;
  font-weight:400;
  margin:0px 0% 12px 22px;}
.temple_contents>div>p.temple_c02
{padding:0px 0px 0px 0px;
  font-size:18px;
  line-height:1.8;}
.temple_contents>div>h4
{padding:0px;
  font-size:28px;
  line-height:1.4;
  font-weight:600;
  margin:0px 130px 20px 0px;
  letter-spacing:4px;}
.temple_contents>div>h4>span
{font-size:15px;
  margin-bottom:8px;;}
.temple_contents>div>img
{display:block;
  width:120px;
  top:70px;}
.temple_contents>div>p.temple_c04
{padding:0px;
  font-size:32px;
  line-height:1.4;}
.temple_contents>div>p.temple_c04>span
{font-size:16px;
  display:inline-block;
  margin:0px 5px 0px 0px;
  top:-5px}
.temple_contents .bnr_contact
{margin-top:0px}

.temple_customer
{padding:30px 0px 30px;}
.temple_customer>div>div
{margin:0px 0%;
  padding:20px}
.temple_customer>div>div>h3
{font-size:20px;
  line-height:1.4;
  font-weight:800;
  padding:0px 0px 5px;
  margin:0px 0px 5px;}
.temple_customer>div>div>h3:nth-of-type(n+2)
{margin-top:20px}

.temple_achieve>dl
{font-size:16px;
  line-height:1.5;
  margin:0px 0% 12px;
  padding:0px 0px 12px;}
.temple_achieve>dl>dt
{position:static;
  display:block}
.temple_achieve>dl>dd
{padding-left:0px}

.temple_mean
{padding:30px 0px 30px;}
.temple_mean>div>p
{font-size:17px;
  line-height:1.8;
  margin:0px 0% 12px}

.divination
{padding-left:0%;
  padding-right:0%}
.divination>h2
{padding:50px 20px 52px;
  font-size:28px;
  line-height:1.4;
  margin:0px 0% 30px;}
.divination>dl
{display:flex;
  padding-bottom:12px;
  margin:0px 2% 30px}
.divination>dl:after
{bottom:-18px;
  border-left: 40px solid transparent;
  border-right:40px solid transparent;
  border-top:18px solid rgba(66,40,103,0.2);}
.divination>dl:last-of-type:after
{display:none}
.divination>dl>dt
{display:flexbox;
  width:32%;}
.divination>dl>dd
{display:flexbox;
  width:63%;
  font-size:14px;
  line-height:1.8;}
.divination>dl>dd>h3
{padding:0px;
  font-size:20px;
  line-height:1.4;
  margin-bottom:5px;
  margin-top:-10px}
.divination>dl>dd>h3>span
{display:block;
  font-size:50px;
  padding-right:0px;
  margin-bottom:-10px}
.divination>table
{padding:0px 0%;
  width:96%;
  font-size:15px;
  line-height:1.3;
  margin:0px 2%}   
.divination>table tr th
{padding:10px 5px 12x;;}  
.divination>table tr td
{padding:10px 5px 12px;
  font-size:16px;}

/*お問合わせ/contact/*/	

.contact_bg>div,.privacy>div
{padding:30px 15px 20px;
  background-image:url(img/bg_frame01h_sp.svg),url(img/bg_frame01f_sp.svg);
  margin:0px 2%;
  width:96%;
  min-width:96%;}
  
.contact_bg>div>p
{font-size:16px;
  line-height:1.8;
  text-align:justify}

.contact_bg>div h3
{padding:0px 0px 0px;
  font-size:20px;
  line-height:1.5;
  letter-spacing:0px;
  margin:0px 0% 10px;}

.contact_bg dl
{display:block;
  margin-top:20px} 

.contact_bg dl dt
{width:100%;
  padding:10px 5px 7px 20px;
  font-size:15px;
  margin-bottom:0px}

.contact_bg dl dt>p
{margin-top:5px;
  font-size:12px;
  line-height:1.3;
  letter-spacing:0}

.contact_bg dl dd
{width:100%;
  padding: 15px 5px 20px 5px;
  margin:0px 0px 2px 0px;}

.contact_thanks>p
{text-align:justify;
  margin-bottom:30px;
  font-family: 'Shippori Mincho B1', serif;
  font-size:17px;
  line-height:1.8}

.contact_thanks>img
{margin:0px auto 20px}
  
/*************************************************/

.link_c
{margin:15px auto 5px;}

.link_c a
{padding:10px 25px 12px;
  font-size:16px;}

 .link_c a:after 
{right:10px;
  top:30%}

.link_c3
{margin:10px auto 0px;}

.link_c3 a
{font-size:22px;}

.link_c2,.link_c4
{text-align:center;
  margin:20px 0px 20px 0px;}

.link_c2 a
{padding:13px 30px 15px;
  font-size:18px;
  line-height:1.2;}
 .link_c2 a:after 
{right:10px;
  top:32%}

.link_c4 a
{text-align:center;
  text-decoration:none;
  font-size:16px;
  line-height:1.2em;
  font-weight:600;}

.link_c5
{font-size:15px;
  line-height:1.2;}

.link_c6
{margin-top:18px;}

.link_c6>a
{font-size:16px;}

/*ブログ/blog/*/	

.side_blog_contents
{padding:0px 10px}

.blog_side
{position:relative;
  width:100%;
  margin-left:0px;
  margin-bottom:30px;
  float:none;}

.blog_side>h4
{padding:11px 0px 13px;
	text-align:center;
	line-height:1.4em;
	font-size:18px;
	margin:0px 0px 0px 0px;}

.blog_category ul li
{font-size:14px;
  display:block;}

.blog_category ul li a
{padding-top:10px;
  padding-bottom:10px;}

.blog_list,.blog_contents
{position:relative;
  width:100%;
  float:none;}

.blog_list dl
{display:block;
  margin-bottom:25px;
  padding-bottom:10px;}

.blog_list dl dt
{width:37%;
  display:inline-block;
  float:right;
  margin:0px 0px 15px 15px;}

.blog_list dl dd
{width:100%;}

.blog_list dl dd h3
{padding:0px;
  font-size:22px;
  line-height:1.3;
  margin:0px 0px 8px 0px;}

.blog_list dl dd p
{font-size:14px;
  line-height:1.7;}

span.blog_date
{font-size:11px;
  line-height:1.3;
  margin-bottom:5px}

.blog_contents>strong
{right:auto;
  left:0px;}

.blog_contents>b
{font-size:11px;
  line-height:1.3em;
  display:inline-block;}

.blog_contents>h2
{padding:10px 12px 12px;
  font-size:21px;
  line-height:1.3;
  margin:0px 0px 12px 0px;}

.blog_contents>span
{display:block;
  width:100%;
  margin-bottom:20px;}

.blog_contents>span img
{max-width:100%;
  margin-bottom:12px}

.blog_contents h3
{padding:10px 10px 12px;
  font-size:17px;
  line-height:1.5;
  margin:12px 0px 8px 0px;}

.blog_contents>div p
{font-size:15px;
  line-height:1.8;
  margin-bottom:14px;}

.addthis_tool
{margin:30px 0px !important;}

.blog_contents>div img
{max-width:70%;
  display:block;
  margin:10px 0px}

.blog_recommend>dl
{font-size:0px;
  margin-bottom:7px;
  padding-bottom:7px;
  border-bottom:1px dotted #ccc;
  position:relative}

.blog_recommend>dl dt
{display:inline-block;
  width:32%;
  margin-right:4%;
  font-size:13px;
  line-height:1.5em;
  vertical-align:top}

.blog_recommend>dl dd
{display:inline-block;
  width:64%;
  font-size:13px;
  line-height:1.5em;
  vertical-align:top}

.blog_recommend>dl dd h4
{padding:0px;
  font-size:15px;
  line-height:1.3em;
  font-weight:500;
  margin:10px 0px 0px 0px;
  color:#333;}

/*ドロワーメニュー*/

#drawer
{position:absolute;
  line-height:1.2;
  font-size:13px;}

#page,#page_bg,#humberger,#drawernav
{display:inherit;}

#page_bg
{position:fixed;
 right:2px;
 top:6px;
 width:47px;
 height:55px;
 z-index:96;
 -webkit-transition: 0.3s ease-in-out;  
transition: 0.3s ease-in-out;
 background-color:rgba(0,85,102,0.9);
 border-radius: 0px; }

#page{
			padding-top: 00px;
			position: relative;
			z-index:97;
			left: 0;
			background: #fff;
			transform: translate3d(0,0,0);
			-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

			-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
		}
		#drawernav{
			position: fixed;
			opacity:0;
			-webkit-transition: 0.5s ease-in-out;  
			transition: 0.5s ease-in-out;
			top: 0%;
			right: 0%;
			width: 100%;
			padding:0px;
			height: 100%;
			background-color:rgba(0,85,102,0.9);
			z-index:-1;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;}
			
.dhome
{margin:0px 0px 10px}

.dhome>ul
{display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0px 13%}

.dhome>ul>li
{display:flexbox;
  width:45%;
  margin-bottom:5%;
  line-height:0}
		
#drawernav .tel:before
{content: "\f095";}

.dmenu
{padding:0px 0px 0px 0px;
  margin:50px 30px 0px;}

.dlogo
{display:block;
  width:180px;
  margin:0px auto 10px;}

.dtel
{margin:0px auto 10px;
  text-align:center;}
.dtel>strong
{display:block;
  font-weight:400;
  font-size:13px;
  line-height:1.2;
  color:#fff;}
.dtel>a
{text-decoration:none !important;
  color:#fff !important;
  font-size:24px;
  line-height:1.2;
  font-weight:600}
.dtel>a:before
{font-family: "Font Awesome 5 Free";
  content: "\f095";
  font-weight:bold;
  padding-right:8px;
  font-size:80%;
  color:#fff;
  position:relative;
  bottom:3px;}

.dcontact
{margin:0px auto 20px;
  text-align:center}

.dcontact>a
{color:#fff !important;
  text-decoration:none !important;
  text-align:center;
  font-weight:900;
  font-size:18px;
  line-height:1.2;
  padding:15px 30px 17px;
  display:block;
  font-family: 'Shippori Mincho B1', serif;
  background-color:#c22;
  outline: 1px solid rgba(255,255,255,0.5);
  letter-spacing:1px;
  outline-offset: -4px;}

.dmenu>a
{display:block;
  width:180px;
  margin:0px auto 10px;}

.dmenu>ul
{padding:20px 10px 20px;
  border-top:1px solid rgba(255,255,255,0.5);
  border-bottom:1px solid rgba(255,255,255,0.5);}
		
.dmenu>ul>li>a
{color: #fff;
  padding:6px 0px 6px;
  display:block;
  text-decoration: none;
  font-size:18px;
  line-height:1.4;
  text-align:center;
  font-weight:500;
  font-family: 'Kaisei Tokumin', serif;}

.dmenu>ul>li>a:after
{ font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight:bold;
  font-size:70%;
  position:absolute;
  right:15px;
  top:55%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
		  
		#humberger{
			position: fixed;
			top: 0;
			right: 0;
			z-index:100;
			width: 50px;
			padding: 17px 10px 10px;
			cursor: pointer;
		}
		.icon-bar{
			height:1px;
			background: #fff;
			display: block;
			margin-bottom: 6px;
			-webkit-transition: 0.5s ease-in-out;  
			transition: 0.5s ease-in-out;}
		.icon-bar_menu{
			display: block;
			font-size:12px;
			bottom:3px;
			color:#fff;
			letter-spacing:0px;
			font-weight:400;
			text-align:center;
			 -webkit-transition: 0.3s ease-in-out;  
			transition: 0.3s ease-in-out;}
		.fixed-content{
			right: inherit;
			width: 100%;
			z-index: 2;
			-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

			-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
		}
		 #overlay{
			z-index:-1;
			opacity: 0;
			background: #000;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			position: fixed;
			display:none;
			-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

			-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
		}
		/**
		* ドロワー開放時のスタイル
		**/
		@media(max-width: 991px){
			body.drawer-opened #page{
				left: -240px;
			}
			body.drawer-opened .fixed-content{
				left: -240px;
			}
			body.drawer-opened #drawernav{
				opacity:1;
				z-index:97;
			}
			body.drawer-opened #page_bg{
				opacity:0;
			}
			body.drawer-opened #humberger .icon-bar{
				background: #fff;
			}
			body.drawer-opened #humberger .icon-bar_menu{
				opacity:0}
			body.drawer-opened #humberger :nth-child(1){
				transform:translate(0,7px) rotate(45deg);
				-webkit-transform:translate(0,7px) rotate(45deg);
			}
			body.drawer-opened #humberger :nth-child(2){
				transform:translate(20px ,0);
				-webkit-transform:translate(20px ,0);
				opacity:0;
			}
			body.drawer-opened #humberger :nth-child(3){
				transform:translate(0,-7px) rotate(-45deg);
				-webkit-transform:translate(0,-7px) rotate(-45deg);
			}
			body.drawer-opened #overlay{
				z-index: 3;
				opacity: 0;
				left: -150px;
			}
		}
		
/*上記以外*/	
.page-top
{display:none;}
.page-top img
{display:none;}


/*上記以外*/	
.header_bt.fixed .fixbar {display:none}
.header_bt.fixed {display:none}

#page-top
{position: fixed;
    bottom:10px;
    right:-10px;
	cursor:pointer;
	z-index:101}

#page-top img
{width:70%}

.swiper-container,.swiper-container_pc,.swiper-container_sp
{width:100%;
  line-height:0;
  overflow:hidden !important}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-button-next,.swiper-container-rtl .swiper-button-prev
{transform:scale(0.5)}