@charset "UTF-8";

/*
	Theme Name: MR_design_1.2
	Description: Easy and Simple theme by <a href="http://webdesignrecipes.com/">Web Design Recipes</a>. WordPressを参考にしたテンプレート。
	Theme URI: http://webdesignrecipes.com/first-time-wordpress-origin-theme/
	Author: 株式会社MarketRiver
	Author URI: https://www.market-river.com/
	Version: 1.0
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: white, right-sidebar, two-columns

*/

/****************************************

          General Setting

*****************************************/


html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
 margin: 0;
 color: #252525;
	
font-family: "Sawarabi Mincho",'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
 line-height: 1.75;
 word-break: normal;
 overflow-wrap: break-word;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

/****************************************

          レイアウト

*****************************************/

#header,
#main,
#global_nav,
#footer,
.bxslider
{
	width: 100%;
	display: block;
	overflow: hidden;
	box-sizing:border-box;
}

.header_in,
.main_in,
.footer_in{
		margin-right: auto;
		margin-left: auto;
}






/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	position: relative;
}

h1 {
	margin-bottom: 10px;
	font-size: 240%;
}

p {  
	margin: 15px 0 ;
	padding: 0;
}

blockquote{
	margin: 15px 10px;
    padding:15px;
	border-left: 15px solid #ddd;
    background-color:#F5F5F5;
}

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

figure{margin: 0;}

/*画像・埋め込みコンテンツ*/
img {
 max-width: 100%;
 height: auto;
 border: 0;
 vertical-align: middle;
}
svg:not(:root) {
 overflow: hidden;
}
iframe {
 max-width: 100%;
}
figure {
 margin: 0;
}

/****************************************

          Link

*****************************************/

a {
	border-bottom: 1px solid #81b8ff;
	color: #81b8ff;
	text-decoration: none;
	border:none;
    -webkit-transition: all 3.s;
    transition: all .3s;		
}

a:hover {
	color: #81b8ff;
}


/****************************************

          ヘッダー

*****************************************/

#header.header_in{padding: 0;}

.logo {
    margin:0 auto;
	text-align:center;
	width:200px;
	padding-left:-2rem;
}

#header .description {}




/****************************************

          ナビゲーション

*****************************************/

#header .global_nav_in{
	display: none;
	position: fixed;
	background:rgba(0,0,0,0.9);
	top:0;
	right:0;
	width:100%;
	height:100%;
	z-index: 1000;
	padding-top:3em;
	box-sizing:border-box;
}

#header .global_nav_in a{color:#fff;}

#header .menu{
	box-sizing:border-box;

	margin:0 auto;
	text-align:center;
}

#header .menu li{
	border-bottom:1px ridge #737373;
	padding:10px;
	margin:10px;
}







#toggle {
		position:absolute;
		display: block;
		width: 30px;
		height: 30px;
		top:25px;
        right:20px;
		z-index: 10000;
}

.toggle_in{
		position: relative;
		z-index: 10000;
	box-sizing:border-box;
}

#toggle{
	position:fixed;
}

	#toggle span{
		display: block;
		height: 3px;
		background: #333;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;	
	}
	#toggle span:nth-child(1){top:0px;}
	#toggle span:nth-child(2){top:10px;}
	#toggle span:nth-child(3){top:20px;}



    .toggle_open #toggle span{background: #fff;}
	.toggle_open #toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.toggle_open #toggle span:nth-child(2) {width: 0;left: 50%;}
		.toggle_open #toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}



.bxslider{
		position:relative;
}

	
	.bxslider_next{
		position:absolute;
		top:50%;
		 -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right:0;
		font-size:2rem;
		border:3px solid #fff;
		opacity:0.5;
		padding:0 10px;
		z-index:100;
	}	

		.bxslider_prev{
		position:absolute;
		top:50%;
		 -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left:0;
		font-size:2rem;
		border:3px solid #fff;
		opacity:0.5;
		padding:0 10px;	
		z-index:100;			
	}	
	
	.bxslider_next a,.bxslider_prev a{color:#fff;}	
	
	

	
	.bxslider02{
		position:relative;
	}
	
	.bxslider_next02{
		position:absolute;
		top:50%;
		 -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right:10px;
		font-size:2rem;
		background-color:#000;
		opacity:0.5;
		padding:0 10px;
		z-index:100;
	}	

		.bxslider_prev02{
		position:absolute;
		top:50%;
		 -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left:10px;
		font-size:2rem;
		background-color:#000;
		opacity:0.5;
		padding:0 10px;	
		z-index:100;			
	}	
	
	.bxslider_next02 a,.bxslider_prev02 a{color:#fff;}		
	







/****************************************

         パン屑

*****************************************/


.breadcrumb{
	overflow: hidden;
        margin:10px 5px 0;
}

.breadcrumb a{
border:none;
color:#333;
}

.breadcrumb li{
	float: left;
	margin-right: 5px;
        font-size:12px;
}




/****************************************

          メインコンテンツ

*****************************************/

#main .main_in{margin-bottom:3em;}

#main .post,
#main .page{margin-bottom: 60px;}

.top_in,
.page_in,
.post_in{padding:0 18px;}



/**************************
トップコンテンツ
**************************/

.top{
	overflow:hidden;
}




.h_design_top01{
	font-size:2rem;
	letter-spacing:8px;
}


.h_design_osirase a{color:#333;}

.h_design_osirase{
	position:relative;
	padding:40px 0 0 10px;
	margin-left:0;
	font-size:12px;
}

.label_osirase{
	position:absolute;
	top:0;
	left:0;
	background:#202a67;
	color:#fff;
	padding:5px 15px;
font-size:12px;
	border-radius:20px;
}



.top_concept{
	overflow:hidden;	
}

.box_concept{
	background:rgba(255,255,255,0.8);
	padding:10px 20px 30px;
	margin:50px 20px;
	box-sizing:border-box;
}


.box_point_img01,
.box_point_img02{
display:none;
}


.box_top_tel{
	border:3px double #333;
	padding:20px;
	margin:3rem;
	box-sizing:border-box;
	font-size:12px;	
}

.text_tel{
font-size:1.6rem;
	letter-spacing:5px;
	font-weight:bold;
	text-align:center;
	line-height:0;
	margin:2.5rem 0 2.5rem;
}

.text_telsub{
	display:block;
padding:15px;
	margin:10px;
	font-weight:bold;
	border:1px solid #333;
	line-height:0;
	font-size:10px;
}


	.gallery_wrap{
		position:relative;

	}




/**************************
ポストコンテンツ
**************************/

.post_header{margin:10px 0;}
.post_title{color:#333;font-weight:bold;padding: 5px;margin:0;font-size:1.6rem;}
.post_meta{padding: 15px;background:#f5f5f5;font-size:12px;font-weight:bold;}
.post_meta a{color:#333}

.post_footer{border-top:1px solid #ddd;}
.post_footer a{color:#333;}
.post_footer p.category{font-size:12px;font-weight:bold;}


/**************************
ページコンテンツ
**************************/

.page_title{
	text-align:center;
	letter-spacing:5px;
	margin:3rem 10px 3rem;
}




/****************************************

          アーカイブ

*****************************************/

h1.archive_title{margin:0;color:#fff;font-weight:bold;background: #292929;padding: 5px 10px;}

.archive_post a{color:#333;}

.archive_post{
 	margin: 10px 0;
    padding:7px;
	border:1.5px solid #f5f5f5;
	overflow:hidden;
}

h2.archive_post_title{
	margin:10px 0 0;
	font-size:16px;
}

.archive_post_thumbnail{
	float:left;
	margin-right:7px;
	width:100px;
	height:100px;
}




/****************************************

ページネーション

*****************************************/

.pagenation ul{
display:flex;
color:#fff;
-webkit-justify-content: center; /* Safari */
justify-content:center;
margin-top:2rem;
}

.pagenation li{
position:relative;
margin-left:5px;
}

.pagenation .active{color:#fff;display:block;padding:3px 10px;background-color:#000;}
.pagenation a{color:#fff;display:block;padding:3px 10px;background-color:#000;  -webkit-transition: all .3s;transition: all .3s;}
.pagenation a:hover{background-color:#ddd;padding:3px 10px;color:#000;}

.pagenation li:first-child{margin-left:0;}



/****************************************

          サイドバー

*****************************************/

.side_wrap{margin-bottom:60px;padding:0 18px;}

.side_wrap a{
  color:#737373;
  -webkit-transition: all .5s;
  transition: all .5s;
	}
	
.side_wrap  a:hover{letter-spacing: 1px;}


.widgettitle{
color:#292929;
margin:0;
padding:5px;
font-weight:bold;
font-size:16px;
}


.widget{
    overflow: hidden;
	margin-bottom: 30px;
}



.widget ul{margin:10px;}
.widget li{margin:5px 0;border-bottom:1px dotted #DDDDDD;}
.widget li:last-child{border: none;}





/****************************************

          フッター

*****************************************/

#footer {
    background-color:#202a67;
	color: #fff;
}

#footer a{color:#fff;}

#footer .copyright{
	padding: 20px 0;
	font-size: 14px;
	text-align: center;
}


.footer_in{
	padding:0 18px;
	font-size:14px;
}

.footer_in ul{
	padding:0 10px;
}

/*トップへ戻るボタン*/
.topBtn {
  position:fixed; /*固定*/
  bottom:0; /*場所を右下に移動*/
  right:0; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:#d7b53c;
  color:#333;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:66px;
  height:66px;
  text-align:center;
  line-height:22px;
  padding-top:30px;
  box-sizing:border-box;
}
.topBtn:before {
  font-family: FontAwesome;
  content: "\f077";
  position:absolute;
  top:30%;
  left:0;
  width:100%;
  text-align:center;
  font-size:36px;

}
.topBtn:hover {
  opacity:0.7;
}




/****************************************

共通

*****************************************/



.box_design01{
	background-color:rgba(0,0,0,0.6);
	color:#fff;
	padding:10px 20px;
	margin:5px 10px;
	box-sizing:border-box;
}


.box_design02{
  box-shadow: 10px 10px 15px -10px;
	padding:20px 30px;
	background-color:#fff;
}	





/**************************
テーブル
**************************/

table{
	word-break: break-all;
	word-wrap: break-word;
	border-collapse: collapse;
	border-spacing: 0;
}

table{
	width: 100%;
	margin: 1em auto;
	padding: 0;
	border-top: 1px solid #ECEEF1;
	border-left: 1px solid #ECEEF1;
    table-layout:fixed;
}

th,
td{
	padding: 10px;
	border-right: 1px solid #ECEEF1;
	border-bottom: 1px solid #ECEEF1;
}

th,
thead{background-color:#f9f9f9;font-weight:bold;}







/****************************************

          お問い合わせフォーム

*****************************************/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] ,
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
}

.wpcf7 input[type="submit"]{
	display: table;
    margin:0 auto;
	font-size: 18px;
	width: 95%;
	padding: 1.5em;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
}

.wpcf7 input[type="submit"]:hover {background-color:#0048a6;color:#fff;}

.form-width{max-width: 100%;}


/****************************************

          WordPress Misc

*****************************************/

.aligncenter{display:block;margin-right:auto;margin-left:auto;}
.alignleft {float: left;}.alignright {float: right;}
.wp-caption {text-align: center;}
.wp-caption-text,.gallery-caption{font-size: 80%;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption-dd {margin: 0;padding: 0 4px 5px;font-size: 11px;line-height: 17px;}
img.alignright {display: inline-block;margin: 0 0 0.5em 1em;}
img.alignleft {display: inline-block;margin: 0 1em 0.5em 0;}


/****************************************
ソーシャルボタン
*****************************************/

.sns_btn{
margin:10px 0;
text-align:center;
overflow: hidden;
}

.sns_btn li {
float:left;
width:31%;
margin:0 2% 3% 0;
}
	

.sns_btn li a {
font-size:80%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius:6px;
text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
border:none;
}

.sns_btn li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-shadow:none;
}


/* ツイッター */
.sns_btn .twitter a {
background:#00acee;
box-shadow:0 5px 0 #0092ca;
}
.sns_btn  .twitter a:hover {
background:#0092ca;
}

/* Facebook */
.sns_btn  .facebook a {
background:#3b5998;
box-shadow:0 5px 0 #2c4373;
}
.sns_btn .facebook a:hover {
background:#2c4373;
}

/* はてぶ */
.sns_btn  .hatebu a {
background:#5d8ac1;
box-shadow:0 5px 0 #43638b;
}
.sns_btn .hatebu a:hover {
background:#43638b;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ココからタブレットデザイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


@media screen and (min-width:768px) and ( max-width:1024px) {





}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ココからPCデザイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

	/*
	# 記事一覧
	*/

@media (min-width : 768px){


.main_in,
.top_in,	
.footer_in{
		max-width: 1050px;
		margin-right: auto;
		margin-left: auto;
}


.post_wrap{float: left;width: 68%;}
.side_wrap{float: right;width: 28%;}
	
	.gallery_wrap{
		position:relative;
		max-width: 1500px;
		margin-right: auto;
		margin-left: auto;
	}

	.header_in{position:relative;}
	.logo{
		width:500px;
		position:absolute;
		top:2rem;
		left:2rem;
		z-index:100;
	}
	
.footer_in{
	font-size:16px;
}	

.top{
	overflow:hidden;
	padding:0 20px;
}	


	
	
	
.breadcrumb{
	overflow: hidden;
        margin:30px 5px;
}

.breadcrumb a{
border:none;
color:#333;
}

.breadcrumb li{
	float: left;
	margin-right: 5px;
    font-size:14px;
}	
	
	
/*ポスト*/
.post_header{margin:0 -18px 20px;}

	
	
	
	.bxslider_in	{
		max-height:1000px;
	}
	
	
	
	
	
	
	.bxslider_next{
		position:absolute;
		top:50%;
		 -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right:5%;
		font-size:3rem;
		border:3px solid #fff;
		opacity:0.5;
		padding:0 10px;
		z-index:100;
	}	

		.bxslider_prev{
		position:absolute;
		top:50%;
		 -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left:5%;
		font-size:3rem;
		border:3px solid #fff;
		opacity:0.5;
		padding:0 10px;	
		z-index:100;			
	}	
	
	.bxslider_next a,.bxslider_prev a{color:#fff;}	
	
	

	
	.bxslider02{
		position:relative;
	}
	
	.bxslider_next02{
		position:absolute;
		top:50%;
		 -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right:10px;
		font-size:2rem;
		background-color:#000;
		opacity:0.5;
		padding:0 10px;
		z-index:100;
	}	

		.bxslider_prev02{
		position:absolute;
		top:50%;
		 -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left:10px;
		font-size:2rem;
		background-color:#000;
		opacity:0.5;
		padding:0 10px;	
		z-index:100;			
	}	
	
	.bxslider_next02 a,.bxslider_prev02 a{color:#fff;}		
	
	
	
	
	

.h_design_osirase{
	padding:0 0 0 10px;
	margin-left:150px;
	font-size:16px;
}

.label_osirase{
	position:absolute;
	top:0;
	left:-150px;
	font-size:14px;
}


.top_concept{
	overflow:hidden;
}

.box_concept{
	background:rgba(255,255,255,0.8);
	padding:60px 80px;
	width:45%;
	margin:10rem 5rem 10rem auto;
	box-sizing:border-box;
}


	
.box_point{
	position:relative;
}
.box_point_img01{
	position:absolute;
	right:-35%;
	top:-10%;
	z-index:-1;
}
.box_point_img02{
	position:absolute;
	left:-35%;
	bottom:0;
	z-index:-1;
}	
	
	
	
	

.box_top_tel{
	border:3px double #333;
	padding:30px 20px 20px;
	margin:3rem;
	box-sizing:border-box;
	font-size:18px;
}

.text_tel{
font-size:5rem;
	letter-spacing:5px;
	font-weight:bold;
	text-align:center;
	line-height:10px;
	margin:2.5rem 0 2.5rem;
}

.text_telsub{
	display:inline-block;
padding:15px;
	margin:0 10px;
	letter-spacing:5px;
	font-weight:bold;
	border:1px solid #333;
	line-height:10px;
	font-size:14px;
}

	
.box_design02{
  box-shadow: 10px 10px 15px -10px;
	padding:20px 30px;
}		
	
	
.box_design01{
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	padding:35px 100px;
	box-sizing:border-box;
}	
	


/**************************
ポストコンテンツ
**************************/


.post_title{font-size:2rem;}


.post_footer{border-top:1px solid #ddd;}
.post_footer a{color:#333;}
.post_footer p.category{font-size:12px;font-weight:bold;}	
	
	
	
}