/*@import url(https://fonts.googleapis.com/css?family=Lora);*/

/*
Theme Name:nanshin
version:1.0
*/



.clearfix::after	{
	content:"";
	display:block;
	clear:both;
}

html {
	/*height: 100%;*/
}
body {
	/*height: 100%;*/
	width:100%;
	margin:0;
	/*background-color:#fff;*/
	color:#181818;
	line-height:1.7;
	font-size:14px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

h2{
	font-size:1.3em;
	font-weight:normal;
	margin:0;
	padding:10px 0;
}

h2.ind{
	font-size:26px;
	padding:25px 0;
	text-align:center;
	border-bottom:1px solid #000;
	margin-bottom:80px;
}

li	{list-style-type: none;}

a{color: #181818;}

.br:before {content: "\A" ;white-space: pre ;}
/*.left{float:left;}
.right{float:right;}
.center{text-align:center;}*/

.box_inn		{margin:0 auto;padding:0 8px;}
/*.box_inn:after	{content:"";display:block;clear:both;}
.box_inn_center		{margin:0 auto;padding:0px 10px;text-align:center;}
.box_inn_center:after	{content:"";display:block;clear:both;}*/
.box_inn_footer	{margin:0 auto;padding:0 8px;}
.box_inn_b		{margin:0 auto;padding:84px 10px 40px 10px;}
/*.box_inn_b:after	{content:"";display:block;clear:both;}*/

.anchor{height:75px;}

.fixed	{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
}
.disp_non	{
	display:none;
}

.logokana	{
	margin:0;
	display:block;
	font-size:26px;
}

.logokana a     {
	text-decoration:none;
}


/* メインメニュー */
.navi{width:100%;margin:0;padding:10px;position: fixed; z-index: 9999;background-color:#fff;box-sizing:border-box;}
.navi_bg{width:100%;margin:0;padding:15px;background-color:#fff;opacity:0;position: fixed; z-index: 9998;box-sizing:border-box;}
/*.navi:after{content:"";display:block;clear:both;}*/
.navi_in{width:100%;margin:0;position:relative;}
/*.navi_in:after{content:"";display:block;clear:both;}*/

#menulist	{display: none;margin:0;padding:0;width:100%;background-color: #fff;}
#menulist li a	{display: block;padding:10px 30px;color: #000;font-size: 1.1em;text-decoration: none;border-bottom:1px solid #ccc;}
#menulist li a:hover	{background-color: #CCC;opacity:0.8;}

#menulist_pc{display:none;}

/*フッターメニュー モバイルのみ表示*/
#menulist_bottom	{display: block;margin:35px 0;padding:0;width:100%;}
#menulist_bottom li	{width:19%;margin:0 1px;float:left;text-align:center;background-color:333;}
#menulist_bottom li a	{padding:8px 0;text-align:center;font-size: 1em;text-decoration: none;color:#fff;}

/* トグルボタン */
#menubtn	{position: absolute;top: 0;right: 0;cursor: pointer;padding: 6px 12px;border: none;background-color:#fff;}
#menubtn:focus	{outline: none}
#menubtn i	{color: #000;font-size: 20px}
#menubtn span	{display: inline-block;	text-indent: -9999px}



/*works@top*/
.works_mn{width:100%;margin:0 auto 80px;text-align:left;}
/*.works_mn:after	{content:"";display:block;clear:both;}*/
.works_mn a{text-decoration:none;}
.works_mn .sumb{width:52%;float:left;margin:0 6% 0 0;/*text-align:right;*/}
.works_mn .sumb img {width:100%;}
.works_mn .tx{float:left;width:42%;text-decoration:none;}
.works_mn .tx_j{float:left;width:42%;text-decoration:none;margin-top:25px;} /*日本語版のみ上余白とる*/
.works_mn h3{font-size:17px;font-weight:normal;margin-top:0;}
.works_mn p{margin:12px 0 0 0;line-height:1.4;font-size:14px;}
.works_mn .arr{display:inline-block;width:17px;margin:0 8px 0 0;vertical-align:middle;}
.a_name{display:block;margin-top:-80px;padding-top:80px;}/*戻りリンク着地用上マージン*/
/*works
.yoko {padding-top:84px;white-space:normal;overflow:scroll;}
.yoko ul{margin:0;padding:0;}
.yoko ul li {display: block;}
.yoko ul li.tx  {white-space: normal;padding:0 20px;}
.yoko img	{width:100%;height:auto;margin-bottom:15px;margin-right:0;}
.ytb {width:100%;height:auto;}*/
/*works_yoko 戻るボタンの下寄せ*/
.fa-reply {content:"\f112";margin:15px;padding:10px 10px 7px 10px;font-size:25px;border:1px solid #999;}
.fa-reply:hover{background-color:#ccc;;}


/*blog@top*/
.blog_sumb {float:left;width:43%;margin:0 7% 10% 0;word-break: break-all;}
.blog_sumb a {text-decoration:none;}
.blog_sumb img {display:block;float:left;width:35%;height:auto;margin:0 8px 40px 0;}
.blog_sumb h3 {text-decoration:underline;margin:0;font-size:14px;}
.blog_sumb span.day {font-size:13px;}

/*blog*/
.box_inn_b{width:100%;}
.box_inn_b img {width:100%;height:auto;max-height:85vh;}
.w_nav	{padding:0px;}
.b_nav {width:80%;margin:0 auto;}
.b_nav div{width:50%;float:left;border:1px solid #000;padding:15px;font-size:1.2em;text-align:center;box-sizing:border-box;}

/*about*/
.about_tx{width:100%;}
.about_tx h3{font-weight:normal;}
/*.about_h3{margin:20px 0;padding:15px;border-left:5px solid #666;color:#333;}*/
.ptrt_sp{width:100%;margin:40px 0;}
.ptrt_pc{display:none;margin:40px 0;}
.history {width:100%;border-collapse: collapse;border:none;}
.history th{width:60px;font-weight:100;}
.history th,.history td{vertical-align:top;}


/*contact*/
.contact_tx{
	width:100%;
}
.contact_tx h3{
	font-weight:normal;
}

.cm{line-height:1.5;text-align:center;}

.totop{color:#CCC;font-size:1em;font-weight:bold;border-radius:30px;padding:15px;}
.totop a{text-decoration:none;}

.cpright{clear:left;margin:40px 0;font-size:0.9em;text-align:center;}
.cpright .cp{font-weight:bold;font-size:1.1em;}
.cpright_bt{border-top:1px solid #333;padding:20px 0;font-size:0.9em;text-align:center;}

/*facebookページ insert*/
 .fb-wrap{
  max-width: 400px;
	 
  width: 80%;
  text-align: center !important;
  margin: 30px auto !important;
 }
.fb-page {
  text-align: center !important;
  margin: 0 auto !important;
 }
hr.fb{border-top:1px solid #000;width:100%;}

.fa-chevron-circle-right:before {content: "\f138";margin:5px;}
.fa-chevron-circle-left:before {content: "\f137";margin:5px;}
.fa-envelope-o:before {content: "\f003";}/*メールアイコン*/

#contents{height: 80%;	z-index: 10;	overflow: hidden;}

/*コンタクトフォーム*/
.f_base{
	padding:20px;
	border:1px solid #000;
	margin-bottom:50px;
}
.f_base .mail{font-size:18px;}
.contact {display:block;width:100%;margin:0 auto;}
.contact form textarea,input{width:96%;border:1px solid #ccc;font-size:16px;padding:5px;}
.contact form [type="submit"]{width:50%;background-color:#333;color:#FFF;font-weight:bold;display:block;margin:0 auto;}
.contact form .wpcf7-response-output{color:#c33;}
.contact form .wpcf7-not-valid-tip{color:#c33;}
.contact .screen-reader-response{display:none;}

/*インスタフィード*/
.insta_base{
	width:100%;
	margin:0 auto;
}
.insta_base iframe{
	display:block;
	width:100%;
	height:750px;
}

@media screen and (min-width:0px) and (max-width:569px) {
	
/* トップイメージ*/
.top_img_sp	{width:100%;height:auto;margin:0 0 0 0;padding-top:64px;text-align:center;}
.top_img_pc	{display:none!important;}

}
@media screen and (min-width:670px) {
	
.fb-wrap{
  max-width: 500px;
  width: 500px;
}

#menulist_pc  {display: inline;width:100%;}
#menulist_pc .logo a{display:block;padding:14px 0 14px 20px;text-decoration:none;width:180px;float:left;}
#menulist_pc ul {display: block;padding:0;width:70%;float:right;}
#menulist_pc li{text-align:right;float:left;width:16%;margin:0;}
#menulist_pc li a{display: block;text-decoration: none;padding:14px 12px;}
	
#menulist{display:none;}
#menubtn	{display:none;}

.logokana {
	display:none;
	}
.logo{
	font-size:34px;
	}
.logo_f{ width:80px; height:auto;}
	
/* トップイメージ */
.top_img_sp	{display:none!important;}
.top_img_pc {display:block;width:100%;height:auto;padding-top:77px;}

/*.anchor_top{padding-top:75px;}*/
.anchor{height:80px;}
/*#blog {margin-bottom:-50px;}*/

.br:before {content: "" ;}
.works_mn{width:66%;}
.works_mn .sumb{width:48%;margin:0 10% 0 0;}
.works_mn .sumb img{width:80%;}
.works_mn h3{margin-bottom:12px;font-size:22px;}
.works_mn p{font-size:14px;}
.a_name{margin-top:-110px;padding-top:110px;}/*戻りリンク着地用上マージン*/
	
.blog_mn{width:25%;margin:4%;}


/*works*/
.ytb {width:500px;height:375px;}

/*works_old
.box_inn_w .left   	{width:48%;float:left;}
.box_inn_w .right   {width:48%;float:right;}
.sumbnails img      {margin:0.5%;width:75px;height:75px;overflow:hidden;}

.sumbnails img{margin:0 8px 8px 0;width:85px;height:85px;overflow:hidden;}
.sumbnails a{opacity:0.5;}
.sumbnails a:hover{opacity:1;}*/

/*about*/
.about_tx{width:60%;margin:30px auto;}
.ptrt_sp{display:none;}
.ptrt_pc{display:block;width:50%;}

/*contact*/
.contact_tx{
	width:60%;
	margin:30px auto;
	}
.f_base .mail{
	font-size:20px;
}

/*blog@top*/
.blog_sumb {width:22%;margin:0 3% 10% 0;}
.blog_sumb img {width:42%;margin-bottom:40px;}

/*blog*/
.box_inn_b	{width:90%;max-width:750px;padding-top:120px;}
.box_inn_b img {height:50%;width:auto;}

#menulist_bottom	{display:none;}

/*コンタクトフォーム*/
.contact {
	width:100%;
	}
.f_base{
	width:60%;
	padding:30px 60px;
	margin:0 auto;
	margin-bottom:80px;
}

/*インスタフィード*/
.insta_base{
	width:90%;
}
.insta_base iframe{
	height:650px;
}

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

/*
.yoko {height:85%;white-space: nowrap;}
	
.yoko ul{height:90%;max-height:850px;width:auto;}
.yoko ul li {display: inline-block;height:100%;width:auto;vertical-align:bottom;margin:0;}	
.yoko ul li.tx  {width:600px;height:auto;white-space:normal;}
.yoko img	{height:100%;width:auto;max-height:900px;margin-bottom:0;margin-right:40px;}


.yoko .cpright img{display:inline-block;width:90px;height:auto;margin-right:0;}
	*/


.navi_in		{width:1000px;margin:0 auto;}
.box_inn		{width:1000px;margin:0 auto;}
/*.box_inn_center	{width:1000px;margin:0 auto;}*/
.box_inn_footer	{width:1000px;margin:0 auto;}
.box_inn_w		{width:1000px;margin:0 auto;}

.w_nav div{width:33%;}
	
.works_mn {width:58%;}
.works_mn h3{font-size:25px;}
.works_mn p{font-size:16px}
	
/*blog@top*/
.blog_sumb {width:17%;margin:0 3% 10% 0;}
.blog_sumb img {width:42%;margin-bottom:40px;}


/*インスタフィード*/
.insta_base iframe{
	height:750px;
}
	
}
/*iphone5*/
@media screen and (max-width:374px) {
.works_mn{width:100%;}
.works_mn h3{font-size:16px;}
.works_mn p{font-size:14px}
	
/*blog@top*/
.blog_sumb {width:100%;margin:0;}
.blog_sumb img {width:20%;}
}