/***************************
MADE BY JOHOSTATION co., ltd.
***************************/
/*レスポンシブに対応させる*/
html
{margin:0px;
  overflow-x:hidden;
  min-width:auto;}

body
{background:none;}

#body_contact
{background:none;overflow-x:hidden;-webkit-overflow-scrolling: touch;}

.header_contents,.header_bt,#body,.footer_contents
{width:96%;
  background-color:#ffffff;
  padding:0px 2%;
  margin-left:auto;
  margin-right:auto}

h1
{display:none}

.img_pc
{display:none}

.img_sp
{display:inherit}

img
{width:100%}

/*ヘッダー*/

#header
{width: 100%;
  padding: 0px;
  margin: 0px;
  background-image:none;
  background-color:#d8c2a6}
  
.header_contents
{padding-bottom:10px;
  margin-bottom:10px;
  height:inherit;
  background-color:#d8c2a6}

.header_logo
{width:70%;
  position:relative;
  top:5px;
  left:5px;
  display:block;
  z-index:5}

.header_contents h2
{position:static;
  margin:10px 0px 0px 0px;
  padding:0px;
  font-size:12px;
  line-height:1.4em;
  text-align:justify;}

.header_tel
{display:none}

.header_contact
{display:none}

.header_icon
{position:absolute;
  right:10px;
  bottom:0px}

.header_icon>ul li
{display:inline-block;
  margin-left:2px;
  width:40px;}

.header_bt
{display:none}


/*ボディ*/	

#contents
{float:none;
  width:100%;
  margin-right:0px;
  margin-left:0px;
  padding-top:0px;
  padding-bottom:20px;
  position:relative}

#title
{}

#title div
{height:100%}

#title h2
{position:absolute;
  top:15px;
  left:5px;
  font-size:20px;
  font-weight:bold}

.navi
{font-size:8pt;
  margin:0px 0px 10px 0px;
  position:static;
  top:0px;
  left:0px;}

.contents_title
{margin:0px 0px 30px 0px}

.contents_headline
{margin:0px 0px 20px 0px;
  width:100%;}

.contents_headline2
{margin:0px 0px 10px 0px;
  font-size:15px;
  line-height:1.4em;
  font-weight:bold;
  color:#c43}

.navi a:link,.navi a:visited
{text-decoration:none}

.navi h2
{font-size:8pt;
  margin:0px;
  padding:0px;
  font-weight:normal;
  display:inline}

h2
{}

.contents_title
{margin:30px 0px 30px 0px;
  padding:0px 0px 0px 0px;
  font-size:20pt;
  font-weight:normal;
  line-height:1.4em;
  color:#0066ff}

/*サイドメニュー*/

#side
{display:none}

/*フッター*/	

#footer
{display:none}

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

.contact_intro
{}

.contact_tel
{margin:20px 0px 40px 0px;
  width:100%;}

.contact_tel h3
{font-size:14px;
  text-align:inherit}

.contact_tel>p
{font-size:15px;
  line-height:1.5em;}

.contact_tel>ul
{margin:0px 0% 10px;
  display:flex;}

.contact_tel>ul>li
{width:48%;}

.contact_caution
{}

.contact_caution span
{}

.contact_bg
{font-size:16px} 

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

.contact_bg b
{display:block;
  margin:5px 0px} 

.contact_bg dd ul li
{display:block;
  width:100%} 

.contact_bg a
{}  

.contact_bg span
{padding-left:0px;
  display:block}

.contact_attension
{margin-top:3px;
  font-size:8pt;
  line-height:1.4em;}

.contact_confirm
{margin:30px 0px;
  text-align:center}

.contact_confirm input:hover
{position:relative;
  top:1px;
	left:1px;
	opacity:0.8;
	filter: alpha(opacity=80);	/* IE6、IE7対応 */
 -moz-opacity: 0.8;		/* Firefox1.5以前対応 */}

.contact_space
{display:none}

.contact_space2
{margin:5px 0px;}

.contact_thanks
{margin:0px 0px;
  font-size:12pt;
  line-height:1.8em;}

.contact_send
{margin:30px 0px;
  border:1px dotted #ff3333;
  padding:15px;
  color:#ff3333}

.contact_send ul
{font-size:10pt}


/*ブログ/blog/*/	

.top_blog
{margin:5px 0px;
  padding:5px 0px;
  border-bottom:1px dotted #999999;
  font-size:0;}

.top_blog_photo
{display:inline-block;
  font-size:10pt;
  width:23%;}

.top_blog_photo img
{width:100%;
  height:100%}

.top_blog_text
{display:inline-block;
  font-size:10pt;
  width:75%;
  margin-left:2%;
  vertical-align:top}

.top_blog_continue
{margin:20px auto 0px auto;
  text-align:center;
  width:50%}

.blog_date
{font-size:8pt;
  margin-bottom:5px}

.blog_title
{font-size:18px;
  padding:8px 15px;}

.blog_photo
{width:100%;}

.blog_photo img
{width:100%;
  height:100%}

.blog_text
{margin:0px;
  font-size:14px;
  line-height:1.6em;}

.blog_p
{font-size:12pt;
  line-height:2.0em}

.blog_category
{margin:10px 0px;
  font-size:0;
  text-align:left}

.blog_category li
{font-size:10pt;
  display:block;
  width:100%;
  margin-bottom:2px}

.blog_category a:link,.blog_category a:visited
{display:block;
  text-align:center}

.blog_category a:hover
{}

.blog_footer
{margin:20px 0px 0px 0px;
  padding:20px 0px 0px 0px;
  border-top:1px dotted #999999}

.blog_footer h3
{margin:0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  font-size:12pt;
  font-weight:bold;
  background-image:none;}

.party_bg dl
{border:none;
  background-color:none;
  border:none;
  overflow: hidden;
  zoom: 1;
  clear: both;
  float:none}

.party_bg dt
{padding:5px 5px; 
  border:none;
  width:100%;
  font-weight:bold;
  display:block;
  clear:none;
  float: none;}

.party_bg dd
{padding:0px 0px 10px 0px;
  border:none;
  margin:0px 0px 0px 0px;;}

.party_contact
{border:10px solid #eeeeee;
  padding:10px;
  margin-top:20px}

.party_contact h3
{margin:0px 0px 30px 0px;
  font-size:16px;
  text-align:inherit;}

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

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

.party_contact a
{font-size:14px;}  

.party_contact span
{font-size:11px;
  padding-left:5px;
  display:block}

#reason_marriage_data dl
{margin:0px 0% 10px 0px;
  width:99%;
  display:block;
  vertical-align:top}

#reason_marriage_data dl:last-of-type
{margin-right:0px}

#reason_marriage_data dl dt
{width:50%;
  font-size:12px;}

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

#drawer
{position:absolute;
  line-height:1.2em;
  font-size:10pt;}

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

#page_bg
{position:fixed;
 right:2px;
 top:6px;
 width:60px;
 height:55px;
 z-index:5;
 background-color:#fff;
 border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;
  opacity:0.9;
	filter: alpha(opacity=90);	/* IE6、IE7対応 */
 -moz-opacity: 0.9;		/* Firefox1.5以前対応 */}

#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: 0;
			right: -200px;
			width: 200px;
			height: 100%;
			background: #333;
			opacity: 0.9;
			filter: alpha(opacity=90);	/* IE6、IE7対応 */
		 -moz-opacity: 0.9;		/* Firefox1.5以前対応 */
			color: #fff;
			z-index: 5;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
			padding-top: 10px;
			-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 ul{
			padding: 0;
			font-size:12pt;
		}
		#drawernav ul li{
		border-bottom:1px solid #666666}
		#drawernav ul li a{
			color: #fff;
			display: block;
			padding: 8px 15px;
			text-decoration: none;
		}
		#drawernav ul li a:hover{
			color: #ddd;
			background: #222;
		}
		
		#drawernav span{
			font-size:8pt;
			padding:0px 15px;
			margin:-20px 0px 20px 0px;
			line-height:1.2em;
			display:block}
		#drawernav h4{
			padding: 0 15px; 
		}
		#humberger{
			position: fixed;
			top: 0;
			right: 0;
			z-index: 10;
			width: 45px;
			padding: 17px 10px 10px;
			cursor: pointer;
		}
		.icon-bar{
			height: 4px;
			background: #333;
			display: block;
			margin-bottom: 4px;
			-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:10pt;
			margin-bottom: 6px;
			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{
				right: 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;
			}
/*上記以外*/	
.page-top
{display:none;}
.page-top img
{display:none;}


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

#page-top img
{width:100%}

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

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

.banner_ibj
{margin:15px auto 15px;}

.banner_ibj>ul
{display:flex;}

.banner_ibj>ul>li
{display:flexbox;
  width:49%;}

.bxslider
{margin:0px 0px 0px 0px;
  position:relative}

.top_title
{margin:10px 0px 30px 0px;
  position:relative}

.top_title p
{font-size:12px;
  line-height:1.5em;
  margin-top:10px}

.top_reason01 div
{display:block;
  width:inherit;
  margin:0px 0px 0px 0px;
  padding:2%}

.top_reason01 p
{display:block;
  width:inherit;
  margin:0px 0px 0px 0px;
  padding:2%}

.top_reason02
{margin:0px 0px 0px 0px;}

.top_reason02 div
{display:block;
  width:inherit;
  margin:0px 0px 30px 0px;}

.top_reason02 div:nth-of-type(2n)
{margin:0px 0px 30px 0px;}

/*選ばれる理由/reason/*/	

.reason_intro ul
{font-size:0;
  margin:0px auto 20px auto;
  text-align:center}

.reason_intro ul li
{display:inline-block;
  vertical-align:top;
  width:49%;
  font-size:14px;
  margin-right:2%;
  margin-bottom:5px;}

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

.reason_intro p
{font-size:14px;}

.reason_method01 dl dt
{display:block;
  width:inherit;
  margin:0px 0px 10px 0px;}

.reason_method01 dl dd
{display:block;
  width:inherit;
  margin:0px 0px 10px 0px;}

.reason_method02 span
{margin:0px 5% 30px 5%;}

.reason_method03_intro div
{display:block;
  width:inherit;
  margin:0px 0px 10px 0px;}

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

.flow_chart span
{display:block;
  width:inherit;
  margin:0px 0px 10px 0px;}

.flow_chart span:after
{display: none;}

.flow_chart div
{display:block;
  width:inherit;
  margin:0px 0px 10px 0px;}

/*料金プラン/price/*/	

.price_messeage
{margin:0px 0px 50px 0px;} 

.price_messeage ul
{margin:30px 0px 0px 0px;
  text-align:center}

.price_messeage li
{display:inline-block;
  vertical-align:top;
  width:49%;
  font-size:14px;
  margin:0px 2% 5px 0px;}

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

.price_plan
{padding:1%;} 

.price_plan div ul li
{display:block;
  width:inherit;
  margin:0px 0px 10px 22px;}

.price_plan div ul li:nth-of-type(2n)
{margin:0px 0px 0px 22px;}

/*よくあるご質問/question/*/	

.question_intro
{margin:0px 0px 30px 0px;;
  font-size:0;}

.question_intro div
{display:block;
  width:inherit;
  margin:0px 0px 10px 0px;}

.question_intro span
{display:block;
  width:inherit;
  margin:0px 0px 10px 0px;}

.question_intro span:before
{display:none}

.question_intro span:after
{display:none}

/*会社案内/company/*/	

.company_staff
{margin:0px 0px 20px 0px;}

.company_place
{margin:0px 0px 30px 0px;}

.company_place p
{font-size:14px;
  line-height:1.5em}

.company_place_ex div
{display:block;
  width:inherit;
  margin:0px 0px 10px 0px;}

.company_access
{margin:0px 0px 30px 0px;}

.company_access span iframe
{height:200px;}

.company_messege
{margin:0px 0px 30px 0px;}

.company_messege p
{font-size:14px;
  text-align:inherit;
  line-height:1.6em;}

.company_outline dl dt
{font-size:10px;}