/***************************
MADE BY JOHOSTATION co., ltd.
***************************/
/*レスポンシブに対応させる*/

html
{margin:0px;
  min-width:100%;
  -webkit-overflow-scrolling: touch;
  overflow-x:auto;}
body
{background:none;
  font-size:1.8rem;
  line-height:1.8;
  overflow-x:auto;}

.box,.breadcrumbs,.contents_menu,#title,.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
{width: 100%;
  padding: 0px;
  margin:0px 0px 10px;}

#header_other
{padding:10px 0px 10px;
  margin-bottom:0px;}
  
.header_contents
{padding-bottom:0px;
  margin-bottom:0px;
  height:inherit;
  overflow:hidden;}

.header_logo
{width:200px;
  position:static;
  top:0px;
  left:0px;
  right:0px;
  text-align:center;
  margin:8px auto 0px;
  display:block;
  z-index:5}

.header_contents>p
{display:none}
.header_banner
{display:none}
.header_contact,.header_tel
{display:none}
.header_bt,.header_bt2
{display:none}

header_title>div
{position:relative;
  height:130px;}

header_title>div>p
{font-size:13px;
  line-height:1.5;
  font-weight:400;
  text-align:center;
  position:absolute;
  left:0px;
  right:0px;
  margin:auto;
  top:auto;
  bottom:10px;}

/*ボディ*/	

h2.title
{margin:0px 0px 25px;
  padding:52px 0px 0px 0px;
  font-size:20px;
  line-height:1.5;
  letter-spacing:0px;
  background-size:30px;}

h2.title>span
{display:block;
  font-size:32px;
  line-height:1.3;
  font-weight:400;
  margin-top:4px;}

h2.title2
{font-size:60px;
  line-height:1.2;
  margin:0px 0px 20px;}

#title
{padding: 0px 0%;
  margin:0px 0px 0px;
  height:100px;}
#title h1
{font-size:20px;
  line-height:1.3;}
#title h1>span
{font-size:18px;
  line-height:1.3;
  margin-bottom:2px;}

.breadcrumbs
{height:30px;}
.breadcrumbs>ol>li
{font-size:10px;
  line-height:1.2em;
  margin-right:5px;}
.breadcrumbs>ol>li:after
{padding-left:3px;}

.contents
{margin-bottom:4.0rem}
.contents_menu
{overflow: hidden !important}
.contents_menu>ul li
{font-size:16px;
  display:block;
  width:100%;
  margin-right:0%;
  margin-bottom:3px;}
.contents_menu>ul li a
{padding:15px 5px;
  font-size:16px;
  line-height:1.5;}
.contents_menu>ul.menu2 li
{width:100% !important;
  margin-right:0%}
.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}

/*フッター*/	

.body_footer ul
{margin:0px 0px 0px 0px;
  display:flex;}

.body_footer ul li
{width:48%;
  margin-bottom:10px;
  font-size:12px;
  line-height:1.5em;}

.body_footer ul li h4
{font-size:15px;
  margin:0px 0px 5px 0px;}

.footer_news
{background-size:12px;
  padding:40px 5px 12px;}

.footer_news>article>h3
{font-size:40px;
  line-height:1.0em;
  margin:0px 0px 20px;}

.footer_news dl
{display:block;
  padding:17px;
  margin-bottom:5px;}

.footer_news dl>dt,.footer_news dl>dd
{width:100%;}

.footer_news dl>dd img
{max-width:70%;}

.footer_news dl dd>h4
{padding:0px 0px;
	line-height:1.5em;
	font-size:15px;
	font-weight:600;
	margin:5px 0% 3px;
	position:relative}

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

footer>article>ul
{display:block;
  margin:0px 30% 10px 0%}

footer>article>ul>li
{margin:0px 0px 7px 0px;
  font-size:15px;
  line-height:1.2em;
  width:100%;}

footer>article>ul>li>a
{text-align:center;
  font-size:18px;
  line-height:1.2em;
  padding:18px 20px 20px;}

footer>article>div.tel
{padding-bottom:30px;}

footer>article>div.tel>p
{padding-left:0px;
  font-size:11px;
  line-height:1.4em;
  letter-spacing:0px;
  display:block;
  right:50px}

footer>article>div.tel>a
{font-size:32px;
  line-height:1.2em;
  right:50px}

footer>article>div.tel>img
{bottom:0px;
  right:0px;
  width:120px;
  z-index:2}

footer>article>h4
{padding:0px 0px 0px 0px;
  font-size:15px;
  line-height:1.3em;
  margin:0px auto 5px auto;}

.ibj_banner
{margin:10px auto 10px auto;
  text-align:center;
  width:100%;
  position:relative;
  font-size:12px;
  line-height:1.6em;}

.ibj_banner>p
{margin-bottom:7px;;}

.ibj_banner>span
{margin:0px auto 10px auto;
  text-align:center;
  width:170px;
  display:block}

.footer_bt
{margin:0px 10%;
  padding:0px;
  font-size:12px;
  line-height:1.3em;
  position:relative;
  padding-bottom:60px;}

.footer_bt p
{padding-left:5px;
  padding-top:10px;
  display:inline-block;
  vertical-align:top;}

.footer_bt ul
{position:static;
  right:0px;
  top:0px;
  margin:0px auto;
  text-align:center}

.footer_bt ul li
{display:inline-block;
  margin-right:10px}

.footer_bt ul li a:link,.footer_bt ul li a:visited
{text-decoration:none}

.footer_bt h6
{font-size:12px;
  line-height:1.3em;
  font-weight:normal;
  text-align:center;
  margin:1px auto 0px auto;}
 
.footer_button 
{border-top:none;
  background-image:none;
  background-color:#fff;}
 
 @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;}

.footer_button_sp li
{line-height:0;
  width:calc(100%/6);}

.reserve_bt
{padding: 20px 0px;
  margin-bottom:25px;}
.reserve_bt>div>a
{font-size:17px;
padding: 10px 30px;}
.reserve_bt>div>a:hover
{letter-spacing:1px;
  opacity: 0.9}
.reserve_bt>div>a:after
{ font-family: "Font Awesome 5 Free";
  content: "\f0a9";
  font-weight:600;
  padding-left:7px}

/***************上記共通設定***************/

/*トップページ/index/*/	

.swiper
{height:500px;}
 @media(orientation: landscape){
.swiper
{height:100vh;}}
.swiper-container_pc
{line-height:0;
  margin:0px auto 0px auto !important;
  text-align:center !important;
  vertical-align:bottom;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:2;}
.swiper-container_pc img
{display:block;
  position:absolute;
 top: 50%;
    left:35%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  min-width:812px;
  z-index:2;}
 @media(orientation: landscape){
.swiper-container_pc img
{left:50%;
  min-width:100%}}
.swiper-container_sp
{display:block;
  margin-bottom:5px;}

.swiper>div.box
{z-index:3;
  overflow:visible}

.slide_copy
{bottom:50px;
  left:2%;
   margin:auto;
   width:60%}
@media(orientation: landscape){
.slide_copy
{bottom:30px;}}
.slide_copy>h1
{margin:0px 0% 10px;
  padding:0px 0px 0px 0px;
  font-size:24px;
  line-height:1.8;
  letter-spacing:0px;
  text-shadow: 0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff;}
.slide_copy>p
{font-size:14px;
  line-height:1.6;
  font-weight:300;
  text-shadow: 0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff;}
@media(orientation: landscape){
.slide_copy>p
{font-size:14px;
  line-height:2.0;}}

.top_merit
{margin-top:20px}

.top_merit>h2
{margin:0px 0px 10px 0px;
  font-size:24px;
  line-height:1.5;}

.top_merit>h2>span
{margin:0px 0px 0px 0px;
  display:block;
  font-size:28px;
  line-height:1.5;}

.top_merit>p
{margin:0px 0px 30px;
  font-size:18px;
  line-height:1.5;
  font-weight:400;
  text-align:center;
  letter-spacing:1px}

.top_merit>ul
{display:block;
  padding-bottom:10px}

.top_merit>ul>li
{width:90%;
  margin:0px auto 15px;}

.top_merit>ul>li>span
{font-size:26px;
  line-height:1.0;
  margin:0px 0px 5px;}

.top_merit>ul>li>a
{padding:42px 5px;
  font-size:20px;
  line-height:1.2;}

h2.top_title
{margin:0px 0px 15px 0px;
  padding:0px;
  font-size:24px;
  line-height:1.5em;}

h2.top_title>span
{padding-left:0px;
  font-size:16px;
  line-height:1.5;
  font-weight:400;
  display:block}

.top_point>dl
{display:block;}
.top_point>dl>dt
{width:100%;
  height:200px;
  background-position:center center;}
 @media(orientation: landscape){
.top_point>dl>dt {height:400px;}}
.top_point>dl>dt.support
{background-position:center center;}
.top_point>dl>dd
{width:100%;
  padding:12px 2%}
.top_point>dl>dd.support
{padding:12px 2%}
.top_point>dl>dd>div>p,.top_reason>div>div>p
{margin:0px 0px 30px 0px;
  font-size:15px;
  line-height:1.8;}
.top_point>dl>dd>div>p.aimatch
{font-size:13px;
  line-height:1.7;
margin-bottom: 0px}
.top_point>dl>dd>div>h3
{margin:0px 0% 20px;
  padding:0px;
  font-size:20px;
  line-height:1.5;}
.top_point>dl>dd>div>ul
{display:block;}
.top_point>dl>dd>div>ul>li
{width:100%;}
.top_point>dl>dd>div>ul>li.count
{padding:20px 0px;
  width:100%;
margin-bottom: 8px}
.top_point>dl>dd>div>ul>li.count>p
{font-size:20px;
  line-height:1.5;}
.top_point>dl>dd>div>ul>li.count>p>strong
{font-size:200%;
  line-height:1.2;
  padding-right:5px}
.top_point>dl>dd>div>ul>li.count>p>span
{font-size:13px;
  line-height:1.5;}
.top_point>dl>dd>div>ul>li>img.no1
{display:block;
  margin:0px auto 10px;
  width:60%}

.top_reason
{padding:0px 0px 20px;
  background:none;}

.top_reason>div
{background-color:rgba(204,187,102,0.1);
  padding-top:12px}

.top_reason>img
{display:block;
  width:100%;
  position:static;}

.top_reason>div>span
{margin:0px 0px 10px 0px;
  font-size:32px;
  line-height:1.5em;}
.top_reason>div>span:first-letter
{font-size:130%;
  color:#cb6}
.top_reason>div>h2
{margin:0px 0% 20px;
  padding:0px;
  font-size:20px;
  line-height:1.5;
  font-weight:600;}
.top_reason>div>div
{margin:0px 0% 0px 0%;}

.top_blog>h2
{position:static;
text-align:left;
margin:0px 0px 10px 0px}

.top_blog>h3
{margin:0px 0% 0px;
  padding:0px 0px 20px 0px;
  font-size:15px;
  line-height:1.6;}
.top_blog ul
{display:flex;
  flex-wrap:wrap}

.top_blog ul li
{width:48%;
  margin-right:4%;
  margin-bottom:10px;
font-size: 13px;
line-height: 1.5}

.top_blog ul li:nth-of-type(2n)
{margin-right:0%;}

.top_blog ul li strong,.side_blog ul li>strong,.blog_list dl dd b,.blog_contents>strong a
{font-size:10px;
  line-height:1.2;}

.top_blog ul li>span
{display:block;
  width:100%;
  margin-bottom:0px;}

.top_blog ul li>div
{display:block;
  vertical-align:top;
  width:100%;}

.top_blog ul li h3
{font-size:17px;
  margin:5px 0px 5px 0px;
  padding:0px;
  line-height:1.6;
  font-weight:600;}

.top_party
{padding:20px 0px 60px;}

.top_party>div
{overflow:visible}

.top_party>div>h2
{top:-30px;}

.top_party>div>p
{margin:-50px 0% 15px;
  padding:0px 0px 0px 0px;
  font-size:16px;
  line-height:1.7em;
  font-weight:400;
  letter-spacing:2px;
  text-align:center;}

.top_party>div>article
{margin-bottom:10px;
  padding:15px;}

.top_party_photo ul li
{line-height:0}

.top_flowh
{height:auto;}

.top_flow>div.box
{max-width:800px;
  position:relative}

.top_flow>h2
{position:absolute;
  top:10px;
  right:0px;
  left:0px;
  font-size:50px;
  text-align:center;
  margin:auto;
  z-index:2}

.top_flow>h3
{padding:30px 0px 0px;
  font-size:20px;
  line-height:1.5em;
  font-weight:600;
  margin:20px 0px 20px 0px;}

.top_flow>h3:before
{background-size:30px;}

.top_flow>img
{margin:0px auto 20px;
  display:block;
  max-width:800px;}
  

/*強み/reason/*/	

.reason_intro
{margin-top:0px;}
.reason_intro>div>h2
{font-size:18px;
  line-height:1.5;}
.reason_intro>div>div>ul
{margin:20px 0px 20px;}
.reason_intro>div>div>ul>li
{margin-bottom:14px;
  font-size:15px;
  line-height:1.5;
  padding-left:30px;
  text-underline-offset:5px}
.reason_intro>div>div>ul>li:before
{background-size:20px;}

.reason_title>img
{display:block;
  margin:0px auto 20px;
  width:100%;}
.reason_title>h2
{margin:0px 0px 20px 0px;
  padding:0px 0px 0px;
  font-size:24px;
  line-height:1.5;}
.reason_title>h2>span
{margin-bottom:5px}

.reason
{padding:40px 10px 30px;}
.reason:before
{border-width:30px 80px 0;}
.reason>section
{padding:12px;
  border-radius:5px;
  margin-bottom:30px;}
.reason>section>span
{display:block;
  font-size:60px;
  line-height:1.0em;
  top:5px;
  left:5px;
  z-index:2}
.reason>section>h2
{margin:0px 0px 25px 0px;
  padding:0px 0px 0px;
  font-size:17px;
  line-height:1.8;
  font-weight:600;
  letter-spacing:0px;
  text-align:center}
.reason>section>h2>span
{font-size:12px;
  line-height:1.2;
  letter-spacing:0px;
  font-weight:400;
  padding:8px 5px 10px;
  margin:0px 30% 10px;}
.reason>section>h3
{margin:0px 0px 30px 0px;
  padding:15px 24px 17px;
  display:inline-block;
  font-size:17px;
  line-height:1.5em;
  position:relative}

#reason01>ul
{margin:0px 0% 0px 0%;
  display:block;}
#reason01>ul>li
{width:100%;
  margin-bottom:18px;}
#reason01>ul>li>h4
{margin:8px 0px 8px 0px;
  padding:0px 0px 0px;
  font-size:18px;
  line-height:1.5;}
#reason02>dl
{margin:0px 0% 25px 0%;}
#reason02>dl>dt
{width:32%;}
#reason02>dl>dd
{width:65%;}
#reason02>dl>dd>h4
{margin:0px 0px 8px 0px;
  padding:0px 0px 0px;
  font-size:16px;
  line-height:1.5;}
#reason03>div
{margin:0px 0% 18px 0%;}

#reason03>div>p
{font-size:14px;
  padding:15px;
  margin-bottom:15px}
#reason03>div>dl
{margin:0px 0% 25px 0%;}
#reason03>div>dl>dt
{width:30%;}
#reason03>div>dl>dd
{width:65%;}
#reason03>div>dl>dd>h4
{margin:0px 0px 8px 0px;
  padding:0px 0px 0px;
  font-size:16px;
  line-height:1.5;}

.reason_ibj>span
{font-size:80px;
  line-height:0.8em;
  top:-5px;
  left:10px}
.reason_ibj>h3,.reason_ibj_peaple>h3
{padding:8px 0px 8px;;
  font-size:17px;
  line-height:1.3;
  font-weight:400;
  margin:18px 5% 20px;}
.reason_ibj>p
{font-size:16px;
  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%;
  margin-bottom:2%;
  padding:15px 5px 17px;
  font-size:16px;
  line-height:1.5;}
.reason_ibj>ul
{display:block;}
.reason_ibj>ul li
{width:100%;
  margin-bottom:18px;}
.reason_ibj>ul li>img
{margin:0px auto 10px;
  width:120px}
.reason_ibj>ul li>h4
{margin:0px 0px 10px 0px;
  padding:0px 0px 0px;
  font-size:16px;
  line-height:1.5;}
.reason_ibj_peaple
{position:relative}
.reason_ibj_peaple>h4
{font-size:18px;
  line-height:1.3;
  font-weight:400}
.reason_ibj_peaple>h4>span
{font-size:18px;
  line-height:1.3;
  display:block}
.reason_ibj_peaple>b
{font-size:10px;
  line-height:1.3;
  margin-top:10px;}

.reason_ibj_peaple>ul
{margin:30px 0% 0px;
  display:block;}
  
.reason_ibj_peaple>ul li
{font-size:13px;
  line-height:1.5em;
  width:100%;
  margin-bottom:15px;}

.reason_ibj_peaple>ul li h5
{padding:10px 5px 12px;;
  margin:0px 0px 15px;
  font-size:16px;
  line-height:1.5em;}

.reason_ibj_peaple>ul li span
{display:block;
  margin:auto;
  width:80%}

#reason_marriage_data
{margin:12px 0% 0px;
  font-size:0}

#reason_marriage_data strong
{font-size:10px;
  font-weight:normal;
  margin:0px 0px 5px 0px;}

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

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

.price_intro
{margin-bottom:30px;}
.price_intro>img
{margin: 0px auto 20px}
.price_intro>p
{text-align:center;
margin-bottom: 30px}
.price_intro>h3
{font-size:24px;
  line-height:1.4;
letter-spacing: 4px}

.price_plan
{padding:2.0rem}
.price_plan>section
{padding:50px 30px 70px;
  background:
	  url(img/frame001h_sp.svg) center top 2.0rem no-repeat,
	  url(img/frame001f_sp.svg) center bottom 2.0rem no-repeat,
	  rgba(255,255,255,0.9);
 background-size:95%,95%;
margin-bottom: 25px}
.price_plan>section>h2
{padding:0px;
  font-size:24px;
  line-height:1.3;
  margin:0px 0px 20px 0px;}
.price_plan>section>p
{font-size:15px;
  line-height:2.0;
  margin:0px 0px 10px 0px;
  letter-spacing:0px;
  text-align:center;}
.price_plan>section>ul
{margin:0px 0px 20px;
  display:block}
.price_plan>section>ul>li
{width:100%;
  padding:12px 5px;
  font-size:20px;
  line-height:1.5;
margin-bottom: 5px}

.service
{margin: auto;
  text-align: center}
.service>h3
{padding:20px 30px 20px 20px;;
	font-size:16px;}

.service>aside
{margin:15px 0px 0px;}
.service>aside>p
{font-size:17px;
  margin-bottom: 10px}
.service>aside>p>span
{display:block;
font-size: 11px}
.service>aside>ol
{display:block;;}
.service>aside>ol>li
{width:100%;
  font-size:13px;
  line-height:1.5;
  margin-right:1%;
  margin-bottom:1%;
  padding:10px;}
.service>aside>ol>li>h4
{padding:0px;
	line-height:1.4;
	font-size:16px;
	font-weight:600;
	margin:0px 0px 10px}
  
.price_description>dl
{padding: 3.0rem 3.0rem 2.0rem}
.price_description>dl>dt
{padding:0px; 
  width:100%;
  clear:none;
  float:none;}
.price_description>dl>dd
{margin-left:0px;
  margin-bottom:8px;}

.price_document>ul
{margin:0px 0px 20px;
  display:block;}
.price_document>ul>li
{padding:17px;
  width:100%;
  font-size:18px;
  line-height: 1.5;
margin-bottom: 5px}
.price_document>ul>li>h3
{padding:0px 0px 0px;
  font-size:20px;
  line-height:1.3;
  margin:0px 0px 10px 0px;}

.price_document>dl
{overflow: hidden;
  zoom: 1;
  padding:0px; 
  margin-top:12px;
  margin-bottom:20px;} 
.price_document>dl>dt
{width:100%;
  float:none; 
  clear:none;
  padding:0px 0px 0px 0px;
  position:relative}
.price_document>dl>dd
{padding:0px 0px 0px 0px;
  margin:0px 0px 5px 0px;} 

.price_document>h3
{padding:0px 0px 8px;;
  font-size:20px;
  line-height:1.3;
  font-weight:600;
  margin:25px 0% 15px;
  position:relative;
  border-bottom:2px solid rgba(68,170,187,0.2)}
.price_document>h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px rgba(68,170,187,0.8);
  bottom: -2px;
  width: 20%;}

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

.flow_intro>h2
{text-align:center;}
.flow_intro>h3
{font-size:17px;
  line-height:1.6;
  text-align:justify;
  letter-spacing:1px;
  margin:0px 2% 20px 10%;
  padding:30px 0px 0px 20px;}

.flow>dl
{display:block;
  overflow:auto}
.flow>dl>dt
{width:100%;
  height:180px}
 @media(orientation: landscape){
.flow>dl>dt {height:300px}}
.flow>dl>dd
{width:100%;
  padding:20px 15px;}
.flow>dl>dd>h3
{padding:0px 0px 0px;
  font-size:20px;
  line-height:1.4;
  margin:0px 0% 10px;
  letter-spacing:2px;}
.flow>dl>dd>span
{font-size:70px;
  line-height:1.3;
  right:0px;
  top:0px}
.flow>dl>dd>aside
{padding:13px;
  margin-top:15px;}
.flow>dl>dd>aside>h4
{padding:0px;
  font-size:18px;
  line-height:1.5;
  margin:0px 0px 5px;}

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

.company_greeting>dl
{display:block;
  margin:0px 0% 30px 0%;
  padding-bottom:15px;
  border-bottom:5px dotted rgba(68,170,187,0.1)}
.company_greeting>dl>dt
{display:inline-block;
  width:150px;
  margin-right:15px;
  float:left}
.company_greeting>dl>dd
{width:100%;}
.company_greeting>dl>dd>h3
{margin:0px 0px 12px 0px;
  padding:0px 0px 0px;
  font-size:24px;
  line-height:1.5;
  letter-spacing:4px}
.company_greeting>dl>dd>h3>span
{padding-left:0px;
  font-size:24px;
  line-height:1.4;
  display:block}
.company_greeting>dl>dd>p
{margin-bottom:12px;}

#salon
{padding:4%;}
#salon>div
{padding:4%;}

.company_shop>ul
{display:block;
margin-bottom:2.0rem}
.company_shop>ul>li
{width:100%;}
.company_shop>h3
{margin:0px 0px 10px 0px;
  padding:0px 0px 0px;
  font-size:18px;}
.company_shop>address
{font-style:normal;
  text-align:center;
font-size:15px}
.company_shop>address>iframe
{width:100%;
  height:40vh;
  margin:0px auto 10px;}

.company_outline>div>div
{margin:4% 0px;
  padding:15px;}
.company_outline>div>div>h2
{font-size:40px;
text-align: center}
.company_outline>div>div>dl
{display:block;}
.company_outline>div>div>dl>dt
{padding:12px; 
  width:100%;
	margin-bottom:0px;}
.company_outline>div>div>dl>dd
{padding:10px 0px;
margin-bottom:5px;
width:100%}

.company_salon>dl
{display:block;}
.company_salon>dl>dt
{width:80%;
margin: 0px auto 10px}
.company_salon>dl>dd
{width:100%;
font-size: 15px}
.company_salon>dl>dd>h4
{margin:0px 0px 20px 0px;
  padding:0px 0px 10px;
  font-size:20px;
  line-height:1.5;}

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

.question>p
{margin:0px 0px 18px 0px;
  font-size:16px;
  line-height:1.7;
letter-spacing: 0px}
.question>span
{margin:20px 0px 5px 0px;
  font-size:11px;
  line-height:1.2;}
.question>section
{padding:0px 12px 10px 12px;
  margin-bottom:20px;}

.question>section>h2
{padding:13px 5px 18px;
	line-height:1.4;
	font-size:20px;
	margin:0px -12px 5px;
  background-size:8px;}

.question>section>h3
{padding:18px 0px 20px 25px;;
	line-height:1.4;
	font-size:17px;}
.question>section>h3:before
{top:10px} 
.question div
{margin:10px 0px 20px 0px;
  display:none}
.question div:before
{font-size:170%;
  margin-bottom:0px;}

.question div>p
{margin:0px 0px 8px 0px;}

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


.party_contents>img
{position:absolute;
  display:block;
  width:227px;
  right:50px;
  top:0px}

.party_contents>p
{padding:0px;
	line-height:1.7em;
	font-size:15px;
	font-weight:400;
	margin:0px 0px 20px;}

.party
{padding:10px;
  margin-bottom:15px;}

.party>dl
{padding:15px;}

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

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

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

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

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

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

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

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

.party_bg h3
{padding:0px;
  font-size:18px;
  line-height:1.5em;
  font-weight:300;
  margin:0px 0px 30px 0px;
  text-align:center;
  color:#666}

/*個人情報保護方針/privacy/*/	

.privacy
{background-attachment:fixed}


.link_c
{margin:18px 0px 10px 0px;}
.link_c a
{font-size:16px;
  line-height:1.3;
  font-weight:200;}

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

.link_c3 a
{font-size:16px;
  line-height:1.3em;
  font-weight:400;
  width:100px;
  height:100px;
  margin:0px auto 20px;}

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

.link_c2 a
{font-size:13px;
  line-height:1.4em;
  font-weight:500;
  padding:15px 30px 17px}

.link_c4 a
{text-align:center;
  text-decoration:none;
  font-size:15px;
  line-height:1.2em;
  font-weight:bold;
  padding:5px 20px;}

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

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

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

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

.blog_list,.blog_contents
{display:block;
  width:100%;}

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

.blog_list dl dd h3
{padding:0px;
  font-size:20px;
  line-height:1.4;
  margin:0px 0px 10px 0px;}
 
 .blog_list dl dd p
{margin-bottom:15px;;}

.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:22px;
  margin:10px 0px 20px 0px;
  position:relative;}
.blog_contents>span img
{max-width:80%;
  margin: 0px auto}
.blog_contents h3
{padding:0px;
  font-size:18px;
  line-height:1.5;
  margin:12px 0px 7px 0px;}

.blog_contents>div p
{margin-bottom:10px;}

.blog_contents>div img
{width:80%;
	max-width:600px;
  display:block;
  margin:10px auto;
text-align: center}

.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>h2
{padding:0px 0px 0px;
  font-size:18px;
  margin:0px 0% 10px;}
.contact_tel>a
{font-size:28px;
  margin:0px auto 10px;}
.contact_tel>strong
{margin:0px auto 7px;
  font-size:14px;}
.contact_tel>div.line
{text-align:center;
  margin-top:20px;}
.contact_tel>div.line>a
{font-size:16px;}

.contact_bg,.privacy
{padding:2%;}
.contact_bg>div,.privacy>div
{padding:2.0rem;}
.contact_bg>div>p.intro
{margin-bottom:10px;
  text-align:center;}

.contact_bg dl
{margin-top:15px} 
.contact_bg dl dt
{width:100%;
  float:none; 
  clear: none;
  font-weight:bold;
  padding:0px 0px 5px 0px}
.contact_bg dl dd
{padding: 0px 0px 15px 0px;
	margin-bottom: 15px;
border-top:none;
border-bottom: 1px dotted #999} 
.contact_bg>div h3
{padding:0px 0px 0px;
  font-size:20px;
  line-height:1.5;
  letter-spacing:2px;
  margin:0px 0% 10px;}

.contact_thanks ul
{margin:20px 0px;
padding:10px;
padding-left:3.4rem;}

		
/*上記以外*/	
.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:55px;
    right:-10px;
	cursor:pointer;
	z-index:50}

#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(68,170,187,0.95);
			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;
			}
		}