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

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

body
{overflow-x:auto;}

.box,.breadcrumbs,.contents_menu,.header_bt>ul,.footer_button_pc
{width:100%;
padding:0px 4%;
margin-left:auto;
margin-right:auto;
overflow-x: hidden;}

.mode_pc
{display:none !important}
.mode_sp
{display:inherit !important}

/*ヘッダー*/
header
{background-position:center right 30%}

.header_logo
{width:160px;
  position:static;
  top:0px;
  left:0px;
  right:0px;
  text-align:justify;
  margin:15px 0px 1.0rem;
  display:block;
  z-index:2}

.header_sns
{position:absolute;
  top:1.0em;
  right:7.0rem}
.header_sns>ul
{display:flex;
  flex-wrap:wrap;}
.header_sns>ul>li
{margin-left:5px;
  width:30px}

.header_copy
{margin:0px auto;
  position:inherit;
  left:0px;
  top:0px}
.header_copy>h1
{padding:0px;
  margin:2.0rem 0px 4.0rem 10vw;
  font-size:2.4rem;
  line-height:1.4;
  letter-spacing:0px;
writing-mode: vertical-rl}
.header_copy>h1>span
{letter-spacing:0px;}
.header_copy>p,.header_copy>img,.header_copy>ul
{display:none}

.header_copy_sp
{display: block;
padding: 2.5rem 0rem}
.header_copy_sp .link_c
{margin:2.0rem 0px 3.0rem}
.header_copy_sp .link_c>a
{font-size:140%}
.header_copy_sp>div>ul
{margin-bottom: 0rem}
.header_copy_sp>div>ul>li
{font-size:1.8rem;
line-height:1.4;
margin-bottom:0.5rem;
padding: 1.2rem 2.0rem;
font-weight: 600;
color: rgba(238,51,34,1.0);
border: 1px solid rgba(238,51,34,1.0);
border-radius: 50vh;
text-align: center}

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

.header_copy_reserve
{display:none}

/*ボディ*/	

h2.title
{margin:0px 0px 25px;
  padding:50px 0px 0px 0px;
  font-size:20px;
  line-height:1.5;
  font-weight:400;
  background-size:50px;}
h2.title>span
{display:block;
  font-size:18px;
  line-height:1.3;
  margin-top:2px;}

h2.title2
{font-size:6.0rem;
  margin:0px 0px 20px;}

.breadcrumbs
{height:30px;
  padding-top:0px;
  z-index:2}

#title
{margin:0px 0px 0px;
	height:80px;}
#title h1
{padding:0px 0px 0px 0px;
  font-size:18px;
  line-height:1.3;
  font-weight:600;
  margin:0px auto;
width: 96%}
#title h1>span
{font-size:16px;
  line-height:1.3;
  margin-bottom:2px;}

.contents
{margin-bottom:30px}

.contents_menu
{margin:0px 2% 25px;
width:96%;
overflow-y: hidden}
.contents_menu>ul>li
{font-size:13px;
  display:block;
  width:100%;
  margin-right:0% !important;
  margin-bottom:3px;}
.contents_menu>ul>li a
{ font-size:16px;
  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;}

.ibj_banner
{margin:12px auto 12px auto;
  text-align:center;
  width:100%;
  position:relative;
  font-size:12px;
  line-height:1.5em;}
.ibj_banner>p
{margin-bottom:2px;;}
.ibj_banner>span
{margin:0px auto 10px auto;
  text-align:center;
  width:170px;
  display:block}

/*フッター*/	

.footer_bnr
{margin:0px auto 1.0rem;}
.footer_bnr>ul
{display:block;}
.footer_bnr>ul>li
{width:100%;
margin-bottom: 0.8rem}

.footer_news
{padding:2.0rem 0rem 1.0rem;
  background-size:4.0rem;}
.footer_news>div>h3
{font-size:4.0rem;
  margin:0px 0px 2.0rem;}
.footer_news>div>img
{display:none;}
.footer_news>div>dl
{display:block;
  padding:2.0rem;
  margin-bottom:5px;}
.footer_news>div>dl>dt
{width:100%;
  font-weight:600}
.footer_news>div>dl>dd
{width:100%;}
.footer_news>div>dl>dd img
{max-width:80%;}
.footer_news>div>dl>dd>h4
{padding:0px 0px;
	line-height:1.5;
	font-size:18px;
	font-weight:400;
	margin:0px 0% 3px;}
.footer_news dd>div.addthis_tool
{display:none !important;}

footer
{padding:3.0rem 0px 7.0rem;}
.ibj_banner
{margin:0px auto 12px auto;
  font-size:15px;
  padding-bottom:12px;}
footer>article>ul
{display:flex;
  margin:0px auto 20px}
footer>article>ul>li
{font-size:15px;
  line-height:1.2;
  width:48%;}
footer>article>h4
{padding:0px 0px 0px 0px;
  font-size:18px;
  letter-spacing:3px;
  line-height:1.3;
  font-weight:600;
  margin:0px auto 5px auto;}
 
.footer_button 
{border-top:none;
  background-image:none;
  background-color:#fff;
  z-index:100}
 @media(orientation: landscape){
.footer_button {width:50%;}}
.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;}
.footer_button_sp li
{line-height:0;
  width:calc(100%/6);}

/***************上記共通設定***************/
 
/*トップページ/index/*/

.top_intro
{padding: 2.0rem}
.top_intro>div
{border-radius: 5px;
padding: 2.0rem 2.0rem 2.0rem;}
.top_intro>div>img
{max-width: 130px;
display: block;
	border-radius: 8px;
margin: 0px auto 1.0rem}
.top_intro>div>h2
{margin:0px 0px 15px 0px;
  padding:0px 0px 0px;
  font-size:22px;
  line-height:1.5;
  letter-spacing:4px;}
.top_intro>div>h2>span
{font-size:18px;
  line-height:1.4;
  margin-right:10px}
.top_intro>div>p
{font-size: 1.7rem;
  line-height: 2.2}

.top_reason
{padding-top:5rem;
  background-size:40%}
.top_reason>div>img
{display:block;
  width:45vw;
  margin:0px auto 30px}
.top_reason>div>ul
{display:block;}
.top_reason>div>ul>li
{width:100%;
  margin-bottom:12px;}
.top_reason>div>ul>li>img
{width:80%;
  margin:0px auto 12px}
.top_reason>div>ul>li>h3
{font-size:19px;
  margin:0px 0px 12px;
  line-height:1.6;
  letter-spacing:2px;}

.top_blog
{background-size:4.0rem;
  padding:4.0rem 0px;}
.top_blog>div>ul
{display:block;}
.top_blog>div>ul>li
{width:100%;
  margin-right:0%;
	margin-bottom: 8px;
  padding:2.0rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between}
.top_blog>div>ul>li>span
{width: 30%}
.top_blog>div>ul>li>div
{width: 67%}

.top_blog ul li strong,.side_blog ul li>strong,.blog_list dl dd b,.blog_contents>strong a
{font-size:11px;
  line-height:1.2;
  color:#fff;
  background-color:rgba(238,51,34,1.0);
  padding:5px 8px 7px;
  display:inline-block;
  font-weight:600;
  letter-spacing:0px;
  text-decoration:none;
  margin-bottom:3px}
.top_blog>div>ul>li>div>h3
{font-size:17px;
  margin:10px 0px 5px 0px;
  padding:0px;
  line-height:1.6;
  font-weight:600;}

.top_original
{background-size:12px,cover;
  padding:4% 0px 4%}
.top_original>div
{padding:4.0rem 3.0rem 3.0rem;
margin:0% 4%;
width: 92%}
.top_original>div>h2
{font-size:2.2rem;
  margin:0px 0px 4.0rem;
  line-height:2.0;
  font-weight:300;}
.top_original>div>ul
{display:block;}
.top_original>div>ul>li
{width:100%;
  margin-bottom: 1.5rem}
.top_original>div>ul>li>img
{display:block;
  width:12rem;
  margin:0px auto 15px}
.top_original>div>ul>li>h3
{font-size:20px;
  margin:0px 0px 15px;}
.top_original>div>ul>li>ul
{margin-top:2.0rem;
  padding:2.0rem 0% 0px;}
.top_original>div>ul>li>ul>li
{line-height:1.4;
  margin-bottom:1.0rem;
  padding-left:22px;}

.top_service>ul>li
{width:48%;
  margin-right:4%;
  margin-bottom:4%;
font-size: 13px}
.top_service>ul>li:nth-of-type(3n)
{margin-right:4%;}
.top_service>ul>li:nth-of-type(2n)
{margin-right:0%;}

/*強み/reason/*/	

.reason_intro
{margin-top:0px;
  background-image:none;
  padding:0px 0px 20px}
.reason_intro>div>div
{margin-right:0%}
.reason_intro>div>div>h2
{margin:15px 0px 10px 0px;
  padding:0px 0px 0px;
  font-size:24px;
  line-height:1.5;
  font-weight:400;}
.reason_intro>div>div>p
{margin:0px 0px 10px 0px;}

.reason_title>span
{font-size:40px;
  line-height:1.0em;
  margin:0px 0px 20px;
  font-weight:400;}
.reason_title>h2
{margin:0px 0px 20px 0px;
  padding:0px 0px 0px;
  font-size:24px;
  line-height:1.5;
  font-weight:400;}

.reason
{padding:40px 0px 20px;}

.reason:before
{border-width:20px 60px 0;}

.reason>section
{padding:22px 12px;
  border-radius:5px;
  margin:0px 2% 15px;
  width:96%}
.reason>section>h2
{margin:0px 0% 30px;
  padding:0px 0px 12px;
  font-size:20px;
  line-height:1.8;
  font-weight:400;
  letter-spacing:1px;;}

#reason01>p
{margin:0px 0px 20px 0px;
  font-size:17px;
  line-height:1.8;
  letter-spacing:4px;}

#reason01>ul
{display:flex;}
#reason01>ul>li
{width:47%;
  margin-bottom:20px}
#reason01>ul>li>img
{width:80px;
  margin:0px auto 15px}
#reason01>ul>li>h3
{margin:0px 0px 10px 0px;
  font-size:18px;
  line-height:1.5;
  font-weight:600;}

#reason02>dl
{margin:0px 0% 20px;
  display:block;}
#reason02>dl>dt
{width:200px;
  margin:0px auto 15px;}
#reason02>dl>dd
{width:100%;}
#reason02>dl>dd>h3
{margin:0px 0px 18px 0px;
  padding:0px 0px 0px;
  font-size:18px;
  line-height:1.8;
  font-weight:400;
  text-underline-offset:5px}

#reason03>ul
{display:block;}
#reason03>ul>li
{width:100%;
  margin-bottom:15px}
#reason03>ul>li>img
{display:block;
  margin:0px auto 15px}
#reason03>ul>li>h3
{margin:0px 0px 10px 0px;
  font-size:18px;
  line-height:1.5em;
  font-weight:400;}

.reason_ibj>h3,.reason_ibj_peaple>h3
{padding:8px 0px 8px;;
  font-size:18px;
  line-height:1.3em;
  font-weight:400;
  margin:25px 5% 25px;}

.reason_ibj>p
{font-size:17px;
  line-height:1.8;
  text-align:center;
  margin:0px 0% 20px;}
.reason_ibj>ol
{display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0px 0% 10px}
.reason_ibj>ol li
{width:49%;
  padding:20px 5px 22px;
  font-size:15px;
  line-height:1.5;}

.reason_ibj_peaple>h4
{font-size:18px;
  line-height:1.3;
  padding:0px;
  margin:0px 0px 0px;
  text-align:center;
  font-weight:400}
.reason_ibj_peaple>h4>strong
{font-size:200%;
  line-height:1.3;
  font-weight:400;}
.reason_ibj_peaple>b
{font-size:10px;
  margin-top:10px;}
.reason_ibj_peaple>ul
{margin:20px 0% 12px;
  display:block;}
.reason_ibj_peaple>ul li
{font-size:12px;
  line-height:1.6em;
  width:100%;
  margin-bottom:15px;}

.reason_ibj_peaple>ul li h5
{padding:0px;;
  margin:0px 0px 15px;
  font-size:16px;
  line-height:1.5em;
  font-weight:400;}
.reason_ibj_peaple>ul li span
{display:block;
  margin:auto;
  width:70%}

#reason_marriage_data
{margin:12px 0% 0px;
  display:block;}
#reason_marriage_data strong
{font-size:10px;
  margin:0px 0px 5px 0px;}
#reason_marriage_data dl
{font-size:15px;
  width:100%;
  margin-bottom:8px}

/*コース・料金/price/*/

.price_intro>h2
{margin:0px 0px 1.0rem 0px;
  font-size:3.0rem;}
.price_intro>h2>strong
{font-size: 200%;
padding-left:0rem;
display: block;
top: 0.0rem}
.price_intro>h2>span
{width: 60px;}
.price_intro>p
{font-size:1.5rem;
  line-height:1.8em;
  text-align:justify;
margin-bottom: 1.0rem}
.price_intro>ul
{display:block;
  margin:0px 5%}
.price_intro>ul>li
{width:100%;
  padding:1.5rem;
margin-bottom: 10px;}
.price_intro>ul>li>h3
{font-size:2.4rem;}

.price_list
{margin-top: -4.0rem;
padding-top: 4.0rem;}
.price
{margin-bottom:4.0rem;
padding: 2.0rem;
overflow-y: visible}
.price>figure
{position:relative;
left: 0px;
top: 0px;
width: 100px;
margin: -50px auto 5px}
.price>h2
{padding:0px;
  font-size:2.4rem;
  line-height:1.3;
  font-weight:400;
  margin:0px 0px 12px 0px;}
.price>h2>span
{padding:5px 20px;
font-size:60%;
margin:0px auto 5px;}
.price>p
{font-size:1.7rem;
line-height:1.6;
text-align:justify;
margin-bottom:2.5rem}
.price>div>a
{font-size:1.8rem;
line-height:1.5;
padding: 8px 30px 10px;}
#price00>div.support
{margin: 1.0rem 0%;
padding: 2.1rem;}
#price00>div.support>h3
{padding:0px;
  font-size:2.0rem;}
#price00>div.support>ul
{margin:0px auto 0px;
display:block;}
#price00>div.support>ul>li
{width:100%;
font-size:16px;}
.price>ul
{margin:0px 0px 20px;
  display:block;}
.price>ul>li
{width:100%;
  padding:10px 5px;
font-size:18px;
line-height:1.2;
margin-bottom: 5px}
.price>ul>li>strong
{margin:0px 20% 10px;}
#price_table>table
{font-size: 14px;
line-height: 1.4;}
#price_table>table:nth-of-type(n-1)
{margin-top: 20px}

.price_support>ol
{margin:0px 0px 0px 0px;}
.price_support>ol>li
{width:48%;
  font-size:13px;
line-height: 1.5;
  margin-bottom:3%;
  margin-right:4%;}
.price_support>ol>li:nth-of-type(2n)
{margin-right:0%;}
.price_support>ol>li>h3
{font-size:18px;
line-height:1.5;
margin:10px auto;}

.price_document>dl
{display:block;
  margin:12px 0px;} 
.price_document>dl>dt
{width: 100%;} 
.price_document>dl>dt:before
{padding-right:4px;
bottom: 7px}
.price_document>dl>dd
{width: 100%;
margin-bottom: 8px} 
.price_document>h3
{padding:12px 30px 14px;
  font-size:18px;
  line-height:1.3;
  font-weight:400;
  margin:20px 0px 10px 0px;
  background-size:15px;}

/*ご成婚までの流れ/flow/*/	

.flow>dl
{margin-bottom:40px;
  padding-bottom:60px;
  display:block;
  background-size:90px}

.flow>dl dt
{width:70%;
  height:140px;
  margin:0px auto 12px;}  
 @media(orientation: landscape){
	.flow>dl dt
	 {height:280px;}}
.flow>dl dd
{width:100%;}
.flow>dl dd>h3
{padding:0px 0px 0px;
  font-size:20px;
  line-height:1.4;
  font-weight:400;
  margin:0px 0% 20px;
  letter-spacing:2px;
  text-underline-offset:5px;
  text-align:center}
.flow>dl dd>span
{font-size:24px;
  line-height:1.3;
  margin-bottom:5px;
  text-align:center}
.flow>dl dd>aside
{padding:12px;
  margin-top:15px;}
.flow>dl dd>aside>h4
{padding:0px;
  font-size:16px;
  line-height:1.5;
  font-weight:400;
  margin:0px 0px 5px;}

/*サロン案内/company/*/	

.company_greeting>dl
{display:block;
  margin:0px 0 10px;}
.company_greeting>dl>dt
{width:130px;
	 margin: 0px auto 12px;
	 text-align: center}
.company_greeting>dl>dd
{width:100%;}
.company_greeting>dl>dd>h3
{margin:0px 0px 12px 0px;
  padding:0px 0px 0px;
  font-size:20px;
  line-height:1.5;
text-align: center}
.company_greeting>dl>dd>h3>span
{font-size:12px;
  line-height:1.4;
  font-weight:400;
  letter-spacing:6px;
  display:block;
  margin-left:0px}
.company_greeting>dl>dd>h4
{font-size:20px;
  line-height:1.4;
  margin:0px 0px 5px;}
.company_greeting>dl>dd>p
{margin-bottom:10px;
  font-size:15px;
  line-height:2.0;}

.company_salon>p
{margin-bottom:10px;
  font-size:16px;
  line-height:1.7;}
.company_salon>iframe
{height:250px;
  margin-bottom:20px;}
.company_salon>div>ul
{display:block;
  margin:0px 0%}
.company_salon>div>ul>li
{width:100%;
  margin-bottom:8px}
.company_salon>div>ul>li>h3
{margin:8px 0px 8px 0px;
  padding:0px 0px 0px;
  font-size:20px;
  line-height:1.5;
  font-weight:400;
  letter-spacing:2px;}

.company_outline
{padding:12px;}
.company_outline>div
{padding:12px}
.company_outline dl
{display:block;
  margin:0px 0%}
.company_outline dl dt
{padding:8px; 
  width:100%;
  margin-bottom:5px;}
.company_outline dl dd
{padding:0px 0px 15px;
  width:100%;}

/*よくいただくご質問/question/*/	

.question>p
{margin:0px 0px 15px 0px;
  font-size:15px;
  line-height:1.8em;
  letter-spacing:2px;}
.question>span
{margin:30px 0px 5px 0px;
  display:block;
  font-size:10px;
  line-height:1.2em;
  text-align:right}
.question>ul
{display:block;}
.question>ul>li
{padding:0px 12px 12px 12px;
  margin-bottom:20px;
  width:100%;}
.question>ul>li>h2
{padding:12px 5px 14px;
	line-height:1.4em;
	font-size:17px;
	font-weight:600;
	margin:-1px -13px 5px;
  background-size:16px;;}
.question>ul>li>div>h3
{padding:18px 0px 20px 24px;;
	line-height:1.4em;
	font-size:15px;
	font-weight:400;}
.question>ul>li>div>div>p
{margin:0px 0px 8px 0px;}

/*婚活パーティー/party/*/

.party_contents>h2
{position:static;
  opcaity:1.0}

.party_contents>p
{padding:0px;
	line-height:1.8em;
	font-size:16px;
	letter-spacing:2px;
	margin:10px 0px 20px 0px;}

.party
{padding:5px;
  margin-bottom:20px;}

.party>dl
{padding:20px;}

.party_contents>article>dl
{display:block;}

.party_contents>article>dl>dt
{width:70%;
  margin:0px auto 8px}

.party_contents>article>dl>dd
{width:100%;
  font-size:15px;
  line-height:1.6em;}

.party_contents>article>dl>dd h2
{padding:0px;
  font-size:18px;
  line-height:1.5em;
  font-weight:400;
  margin:0px 0px 12px 0px;}

.party_contents>article>dl>dd>b
{margin:0px 0px 12px;
  padding:13px 5px 15px;
  font-weight:600;
  font-size:16px;
  line-height:1.2em;
  display:block;}

.party_contents dl dd p
{margin-bottom:8px;}

.party_contents dl dd p>span
{background-color:#ccc;
  color:#fff;
  display:inline-block;
  padding:4px 12px;
  margin-right:8px}

.party_contents dl dd strong:first-of-type
{margin-bottom:7px;
  font-size:15px;
  line-height:1.5em;}

.party_contents dl dd strong:nth-of-type(2n)
{margin-bottom:20px;
  font-size:15px;
  line-height:1.5em;}

.party_title
{padding:0px;
  font-size:17px;
  line-height:1.7;
  font-weight:300;
  margin:0px 0px 0px 0px;}

/*ブログ/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:8px 0px 13px;
	text-align:center;
	line-height:1.4em;
	font-size:15px;
	font-weight:bold;
	margin:0px 0px 8px 0px;}

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

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

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

.blog_list dl
{margin-bottom:12px;
  padding:12px}

.blog_list dl dt
{font-size:13px;
  width:37%;
  vertical-align:top;}

.blog_list dl dt img
{height:auto;}

.blog_list dl dd
{width:60%;}

.blog_list dl dd h3
{padding:0px;
  font-size:16px;
  line-height:1.5em;
  margin:0px 0px 8px 0px;}

.blog_contents
{position:relative}

.blog_contents>strong
{display:inline-block;
  margin-right:10px;}

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

.blog_contents>h2
{font-size:17px;
  line-height:1.3em;
  font-weight:600;
  margin:0px 0px 20px 0px;
  position:relative;}

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

.blog_contents h3
{padding:0px;
  font-size:16px;
  line-height:1.5em;
  font-weight:600;
  margin:12px 0px 7px 0px;}

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

.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;}

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

.contact_tel
{padding-bottom:20px;
  margin:0px auto}

.contact_tel>div>a
{font-size:36px;
  line-height:1.2;
  margin:0px auto;
  text-align:center;}
.contact_tel>div>strong
{font-size:13px;}
.contact_tel>div>p
{margin:0px auto 7px;
  text-align:center;
  font-size:13px;
  line-height:1.5}

.contact_tel>div>div.line
{margin-top:20px;}
.contact_tel>div>div.line>a
{font-size:17px;
  font-weight:600;}

.contact_bg,.privacy
{padding:0px}
.contact_bg>div,.privacy>div
{padding:15px;
  border-radius:2px;}

.contact_bg>div h3
{padding:0px 0px 0px;
  font-size:16px;
  line-height:1.5;
  font-weight:400;
  letter-spacing:2px;
  margin:0px 0% 8px;}

.contact_bg dl
{ padding:0px 0px;
  margin-top:0px} 

.contact_bg dl dt
{width:100%;
  padding:20px 0px 20px 0px}

.contact_bg dl dd
{width:inherit;
  float:none; 
  padding:20px 0px 20px 0px;
  border-top:none;
  border-tbottom:1px dotted #999999} 

.contact_bg dt
{width:100%;
  float:none; 
  clear: both;
  font-weight:bold;
  border-top:none;
  padding:30px 0px 10px 0px}

.contact_bg dd
{padding: 0px 0px 30px 0px;
  margin:0px 0px 0px 0px;
  border-top:none;
  border-bottom:1px dotted #999999}  

		
/*上記以外*/	
.page-top
{display:none;}
.page-top img
{display:none;}


/*上記以外*/

.link_c
{text-align:center;
  margin:5.0rem auto 1.5rem;}
.link_c a
{font-weight:300;
  padding:1.5rem 4.0rem;}
 .link_c a:after 
{top: 53%}

.link_c4
{margin:2.0rem auto 2.0rem;}
.link_c4 a
{font-size:1.8rem;
  line-height:1.2;
  padding:8px 50px 10px 0px;;
  background-size:40px}

#page-top
{position: fixed;
    bottom:55px;
    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)}

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

#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:5;
 background-color:#fff;
 border-radius: 2px; 
  opacity:0.9;}

#page{
			padding-top: 00px;
			position: relative;
			z-index: 2;
			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;
			top: -100%;
			right: 0%;
			width: 100%;
			padding:25px 8% 10px;
			height: 100%;
			background-color:rgba(238,51,34,0.9);
			color: #fff;
			z-index: 5;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
			-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 */
		}
.dhome
{margin:0px 0px 10px}

.dhome>ul>li
{display:block;}

.dhome>ul>li>a{
	color: #fff;
	text-decoration: none;
	position:relative;
	font-size:17px;
	font-weight:600;}

.dhome>ul>li>a:before
{font-family: "Font Awesome 5 Free";
font-weight:bold;
content: "\f015";
font-size:85%;
display:inline-block;
padding-right:5px;}

.dhome>ul>li>div>span
{left:-5px;
  width:110px;
  display:inline-block}

.dhome>ul>li>div>a
{color: #fff;
	text-decoration: none;
	font-size:15px;
	line-height:1.2;
	font-weight:200;}
		
.dhome>ul>li>div>a:before
{font-family: "Font Awesome 5 Free";
font-weight:bold;
content: "\f095";
font-size:85%;
display:inline-block;
padding-right:5px;}

.dreserve,.dmenu
{padding:0px 0px 20px 0px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.7);}

.dreserve>ul
{display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}	  
.dreserve>ul>li
{text-align:center;
  width:49%;
  margin-bottom:2%;}
.dreserve>ul>li>a
{text-align:center;
  color:#fff !important;
  text-decoration:none !important;
  display:block;
  font-size:16px;
  line-height:1.3;
  font-weight:600;
  padding:4px 0px 8px;
  background-color:#f99;
  background-image:url(img/wline.png);
  border-radius:1px;}

a.dline
{background-color:#2c0 !important;}
a.dparty
{background-color:#e90 !important;}
a.dblog
{background-color:#ca6 !important;}

.dreserve>ul>li>a:before
{ font-family: "Font Awesome 5 Free";
  content: "\f0e0";
  font-size:20px;
  line-height:1.3em;
  font-weight:bold;
  display:block}
a.dline:before
{content: "\f075" !important;}
a.dparty:before
{content: "\f79f" !important;}
a.dblog:before
{content: "\f304" !important;}
.dreserve>ul>li>a:after
{content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color:rgba(255,255,255,0.15) transparent transparent transparent;
  position:absolute;
  left:0px;
  top:0px;}
.dreserve>ul>li>a>span
{display:block;
  font-size:10px;
  line-height:1.3;
  margin:3px;
  font-weight:400}

.dmenu>ul
{display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}	  
.dmenu>ul>li
{width:49%;}	
.dmenu>ul>li>a
{color: #fff;
  padding:7px 0px 7px 13px;
  display:block;
  text-decoration: none;
  font-size:16px;
  line-height:1.4;
  font-weight:200}	
.dmenu>ul>li>a:before
{font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight:bold;
  position:absolute;
  left:0px;
  top:7px}
		   	
.dibj
{padding:5px 15px 0px 15px;
  font-size:12px;
  line-height:1.4em;
  text-align:center;
  font-weight:400;
  margin-top:7px;
  width:100%;}

.dibj>strong
{padding:0px 3px;
  font-size:120%;}
		  
		#humberger{
			position: fixed;
			top: 0;
			right: 0;
			z-index: 10;
			width: 50px;
			padding: 17px 10px 10px;
			cursor: pointer;
		}
		.icon-bar{
			height: 1px;
			background: #333;
			display: block;
			margin-bottom: 7px;
			-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 */
		}
		.icon-bar_menu{
			display: block;
			font-size:10px;
			margin-bottom: 0px;
			position:relative;
			bottom:2px;
			color:#333;
			font-weight: 200;
			text-align:center;
			-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 */
		}
		.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{
				top: 0;
			}
			body.drawer-opened #humberger .icon-bar{
				background: #fff;
			}
			body.drawer-opened #humberger .icon-bar_menu{
				display:none}
			body.drawer-opened #humberger :nth-child(1){
				transform:translate(0,8px) rotate(45deg);
				-webkit-transform:translate(0,8px) 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,-8px) rotate(-45deg);
				-webkit-transform:translate(0,-8px) rotate(-45deg);
			}
			body.drawer-opened #overlay{
				z-index: 3;
				opacity: 0;
				left: -150px;
			}
		}