@charset "utf-8";

/* ************************************************ 
*	基本設定
* ************************************************ */	
html {height: 100%; margin-top: 0 !important; }
body {
font-family: 'Noto Sans Japanese', serif !important; font-weight: 200 !important;
font-size: 14px;
background: #fff;
color: #444;
line-height: 180%;
margin: 0;
min-width: 1000px;
height: 100%;
}


html {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

h5 {font-size: 20px; margin: 0 0 30px 0;}


/*共通・ヘッダー*/
header {background: #fff; padding: 10px 0 12px; width: 100%; min-width: 1000px; height: auto; text-align: left; display: block !important;  }
header h1 {font-size: 11px !important; letter-spacing: 0.03em; line-height: 1.5em; color: #057075 !important; font-weight: 200 !important; margin: 0; padding: 0; height: 0; overflow: visible; }
.headetrel {font-size: 28px; font-weight: 600; letter-spacing: 0.03em; line-height: 1.5em;}
.headmail {background: #11b4bc; padding: 15px 25px; color: #fff; font-size: 14px;  position: relative; bottom: 12px;}
.headmail img {position: relative; right: 8px; bottom: 7px;}
.headmail:hover {background: #172cb5; padding: 15px 25px; color: #fff !important; font-size: 14px;  position: relative; bottom: 12px;}

.headerttl {display: inline-block; margin: 0 auto; padding-top: 25px; text-align: left; }

.headright {float: right; width: 650px; text-align: right; }
.headright a {margin: 0px 20px;}



nav.menu {

z-index: 9999;
margin: 10px auto 0;
text-align: right;

}

.menu > ul {margin: 0 !important; height: auto; text-align: right; padding: 0px 0 0; display: inline-block; border-left: 1px solid #222; border-right: 1px solid #222;}

.menu > ul > li {
	list-style: none;
	display: inline-block;
	color: #11b4bc;
vertical-align: bottom;	
height: auto;
margin: 0 auto;
border-right: 1px solid #222;
vertical-align: right;
width: auto;

}


.menu > ul > li:last-child {
border: none !important;
}


.menu > ul > li a {
height: auto;
vertical-align: bottom !important;	
display: inline-block;
font-size: 15px;
font-weight: 200 !important;
color: #222 !important;
text-align: center;
letter-spacing: 0.05em !important;
line-height: 1.7em !important;
}

.menu > ul li a {
	text-decoration: none;
	color: #222;
	 display:block;
	 padding: 0px 0 0px;
}
.menu > ul li a:hover {
	color: #057075 !important;
	transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}
.active{
	background:;
	
}
.displaynone{
	display: none;
}

ol li {
    list-style-type: decimal !important;
    text-align: left !important;
    margin-left: 20px;
}

.mega-menu {
   background: rgba(236, 64, 24, 0.95);
    left: 0;
    margin-top: 0px;
    position: absolute;
    width: 100%;
	padding:15px;
	display:none;
	 transition-duration: 0.3s;
}
.mega-menu a {display: inline-block !important; text-align: center; width: ; height: auto !important; margin: 0 auto !important; padding: 0 !important;}

.mega-menu2 {
   background: rgba(236, 64, 24, 0.95);
    left: 0;
    margin-top: 0px;
    position: absolute;
    width: 100%;
	padding:15px;
	display:none;
	 transition-duration: 0.3s;
}
.mega-menu2 a {display: inline-block !important; text-align: center; width: ; height: auto !important; margin: 0 auto !important; padding: 0 !important;}

h4 {font-size: 30px;}

.arcttl {height: 50px; overflow: hidden;}
.arctodo {height: 20px; overflow: hidden;}





/*工務店*/
.mainmov {height: 700px; background: url(images/main.jpg) no-repeat center center; background-size: cover; overflow: hidden;}

.mainmov video {min-width: 100%;}

.main_h1 {position: relative; height: 0; overflow: visible; bottom: 430px; font-size: 50px; font-weight: 200; color: #fff; margin: 0 auto; letter-spacing: 0.1em; line-height: 1.5em; text-align: center; max-width: 800px;}

.blubtn {background: url(img/li_btn.png) no-repeat right 10px center #11b4bc; width: 150px; padding: 10px 30px 10px 20px; background-size: 9px; color: #fff !important; display: inline-block; margin: 0; font-size: 15px !important; font-weight: 200 !important; letter-spacing: 0.05em !important; line-height: 1.7em !important; text-align: center;}
.blubtn:hover {background: url(img/li_btn.png) no-repeat right 10px center #057075;  padding: 10px 30px 10px 20px; background-size: 9px; color: #fff !important; display: inline-block; margin: 0; font-size: 15px !important; font-weight: 200 !important; letter-spacing: 0.05em !important; line-height: 1.7em !important;}

.blubtn2 {background: url(img/li_btn.png) no-repeat right 10px center #11b4bc; width: auto; padding: 10px 30px 10px 20px; background-size: 9px; color: #fff !important; display: inline-block; margin: 0; font-size: 15px !important; font-weight: 200 !important; letter-spacing: 0.05em !important; line-height: 1.7em !important; text-align: center; display: block; }
.blubtn2:hover {background: url(img/li_btn.png) no-repeat right 10px center #057075;  padding: 10px 30px 10px 20px; background-size: 9px; color: #fff !important; display: inline-block; margin: 0; font-size: 15px !important; font-weight: 200 !important; letter-spacing: 0.05em !important; line-height: 1.7em !important; display: block;}


.top_content1 {background: url(images/top_img.jpg) no-repeat right center; background-size: 450px; padding: 10px 0; margin-top: 50px; overflow-y: visible; max-width: 1000px; margin-left: auto; margin-right: auto; }
.top_content1in {width: 500px; padding: 0px; background: rgba(255, 255, 255, 0.43); }
.top_content1in_right {float: right; width: 200px;}



.bango {position: relative; top: 10px; margin-right: 10px;}


h2 {font-size: 28px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.7em; border-bottom: 7px solid #11b4bc; padding: 0 0 15px 0; margin: 0 0 30px 0; }
top_content1in p {font-size: 15px !important; font-weight: 200 !important; letter-spacing: 0.05em !important; line-height: 1.7em !important;}


.height0 {height: 0 !important; overflow-y: visible; position: relative; bottom: 70px;}
.mb0 {margin-bottom: 0 !important;}


.w1000 {width: 1000px; margin: 0 auto;}

.menuhome {width: 62px !important; text-align: center; }

.press {padding: 50px 0 !important;}
.news_l {width: 110px; float: left;}
.news_r {width: 800px; float: right;}


#menutoggle i {
    color: #fff;
    font-size: 33px;
    margin: 0;
    padding: 0;
}

.drawer-menu li a {text-align: left; color: #fff; font-size: 16px;}
.drawer-menu li {padding: 5px 20px;}

.recbox {background: url(images/bg_contact.png) no-repeat center bottom; background-size: 100%; padding: 100px 0 100px 0; text-align: center;}
.recbox a {margin-top: 0px; display: inline-block;}

.press {background: #fff; padding: 10px 0 50px; width: auto; background: url(images/bg_article.png) no-repeat center bottom;
    background-size: 100%; }
.press h3 {border-bottom: 1px solid #333; padding-bottom: 10px; margin: 0 auto 20px; text-align: center; font-size: 24px;}
.press h3 span {font-size: 13px; text-align: center; display: block; margin: 10px auto;}
.presslink {float: right; font-weight: 600; text-align: right; position: relative; top: 25px; font-size: 12px;}

.four { width: 23%; margin: 10px 1%; float: left; padding-bottom: 10px; padding: 0px; background: url(images/article_li.jpg) no-repeat right bottom #fff; background-size: 32px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.34); height: 300px; }
.four p {font-size: 14px; margin-bottom: 5px; padding: 5px 20px; }
.four a {font-size: 14px; font-weight: 500; margin-bottom: 20px; }
.four span {height: 170px; overflow: hidden; display: block; margin-bottom: 10px;}


footer {background: #11b4bc; padding: 10px 10px; text-align: left; font-size: 11px; color: #fff;}
footer a {color: #fff; margin-left: 20px;}
/*工務店 END*/






















.container { width: auto; padding: 25px;}

.font12 {font-size: 12px !important;}
.gotopline {padding: 20px 0; border-top: 1px solid #979797; border-bottom: 1px solid #979797; background: #fff; text-align: center;}


.thumbout {margin-bottom: -60px;}
.thumbs {margin: 0 auto; background: #fbfafa; text-align: center; display: inline-block; padding: 10px; position: relative; bottom: 65px; z-index: 999; }


.telclass {position: relative; bottom: 5px; margin-right: 3px;}

.footmenu {background: #fff; border-top: 1px solid #777; border-bottom: 1px solid #777; padding: 20px 0;}

a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.three {width: 33.33%; float: left;}
.three img {width: 100%;}
.three p {background: #f6f8f4; font-size: 20px; color: #1f2b5b; padding: 5px 30px; display: inline-block; text-align: left; height: 30px; position: relative; bottom: 40px; font-weight: 600; }

.menu_foot {width: auto !important; float: none !important; text-align: center;}
.menu_foot ul li {width: 16% !important;}

.categories-list li {
    display: block;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
}
.categories-list li :hover{
		background:inherit !important;
}
.left-images > p {
    background: none repeat scroll 0 0 #ff7f50;
    display: block;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    padding: 5px 14px;
}
.categories-list span {
    font-size: 18px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.mm-view-more{
	background: none repeat scroll 0 0 #ff7f50;
    color: #fff;
    display: inline !important;
    line-height: normal;
    padding: 5px 8px !important;
	margin-top:10px;
}
.display-on{
display:block;
 transition-duration: 0.9s;
}

.content_page_ttl {background: #11b4bc; padding: 30px 0; text-align: center; margin-bottom: 50px;}

.content_page_ttl h1 {
	font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    background:;
    padding:  15px 0 15px 0;
    margin: 0 0 0px 0;
    display: inline-block;
    color: #fff;
}

.dotbox {border: 1px dotted #11b4bc; padding: 20px 20px 0; max-width: 400px; text-align: left; margin: 30px auto; }
.dotbox2 {border: 1px dotted #11b4bc; padding: 20px 20px 0 20px; width: auto; text-align: left; margin: 30px auto; }

.dotbox2 ul {margin: 0 0 20px !important;}
.dotbox2 ul li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
    text-align: left;
}


#supportlist {width: 100%; margin-bottom: 20px;}

.single_left {width: auto;margin: 10px auto; text-align: left; padding: 20px;}
.sidebar {width: 20%; float: right; margin-top: 30px; text-align: left;}
.sidebar li {text-align: left; font-size: 14px;}
.sidebar li ul li a {text-align: left; font-size: 14px; 
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
}

.singlesrc li a {
    text-align: left; font-size: 14px; 
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
}
.categories {color: #11b4bc;}

#primary {max-width: 800px; margin: 20px auto; padding: 0 20px 60px;}
/*.drop-down > a:after{
content:"\f103";
color:#999;
font-family: FontAwesome;
font-style: normal;
margin-left: 10px;
}
.drop-down:hover > a:after{
color:#fff;
}


.drop-down2 > a:after{
content:"\f103";
color:#999;
font-family: FontAwesome;
font-style: normal;
margin-left: 10px;
}
.drop-down2:hover > a:after{
color:#fff;
}*/


 /*MediaQuerys*/
 @media (max-width: 600px) {
.menu {
 display:none;
 }
 .xs-menu li a {

	 padding:0px;
}
 .xs-menu-cont{
 display:block ;
 }
 }


/*Animation--*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}








.text1 span {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}

/* リンク */

a{
color:#252523;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;

}

a:hover{
color:#a5a5a5;
}

a:active, a:focus {
outline: 0;
}

p {font-size: 18px; line-height: 1.5em; margin: 0 0 17px 0;}

/* 画像 */

img{
border:0;
padding:0px;
margin:0px;
max-width: 100%; height: auto;
}

article img {margin-bottom: 30px;}
article ul li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
    text-align: left;
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding:4px;
margin: 0 0 10px 20px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 20px 10px 0;
display: inline;
}


/* ボタンレイアウト */

button.button1 {
/* 文字サイズを1.4emに指定 */
font-size: 1.4em;

/* 文字の太さをboldに指定 */
font-weight: bold;

/* 縦方向に10px、* 横方向に30pxの余白を指定 */
padding: 10px 30px;

/* 背景色を濃い青色に指定 */
background-color: #28b17e;

/* 文字色を白色に指定 */
color: #fff;

/* ボーダーをなくす */
border-style: none;
}



/* フロート */

.alignright { text-align: right; }

.alignleft { text-align: left; }

.right{ float: right; }

.left{ float: left; }

.clear{ clear:both; }


/* リスト */

ol{
padding: 0 0 0 0;
list-style: decimal;
}

ul{

padding: 0 0 0 0;
list-style: disc;
}

li{
padding: 0 0;
}

li a{
text-align: center;
color:#010101;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
font-family: 'Noto Sans Japanese', serif !important; font-weight: 200 !important;

}

.bold {font-weight: bold;}

li a:hover{
color:#6a5c5c;
}

a img {vertical-align: bottom; max-width: 100%; height: auto;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


td h3 {margin-bottom: 5px !important;}


.more-link {display: none !important;}

/*動画*/
.video-wrapper {
  display: none;
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.87);
  z-index: 99999999;
}

.video-frame {
  position: absolute;
  top: 50%;
  left: 50%;
}

.video-close {
  float: right;
  margin-top: -30px;
  margin-right: -30px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 30px;
  background: #605F61;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
}

.video-close:before {
  content: "×";
}

.screen-reader-text {display: none;}

.nav-links {text-align: center; padding-bottom: 30px;}

.nav-links span {padding: 5px 10px;}
.nav-links a {padding: 5px 10px;}


.bx-wrapper2 {position: relative; z-index: 0; margin-bottom: 1px !important; }

.bordert1w {border-top: 1px solid #fff;}

.blogcate {width: 110px; padding: 5px 10px; border: 1px solid #11b4bc; font-size: 13px !important; margin-right: 20px; display: inline-block; text-align: center;}
.blogtime {color: #11b4bc;  font-size: 14px; margin-right: 20px; width: 70px; display: inline-block; text-align: center; }
.blogcate2 {width: 110px; padding: 5px 10px; border: 1px solid #11b4bc; font-size: 13px !important; margin-right: 20px; display: inline-block; text-align: center; color: #fff;}
.blogtime2 {color: #11b4bc;  font-size: 14px; margin-right: 20px; width: 70px; display: inline-block; text-align: center; color: #fff;}
.main_list {border: 1px solid #fff; padding: 10px 20px; text-align: center; color: #fff !important; border-radius: 100px; float: right; font-size: 12px !important; line-height: 12px !important; position: relative; bottom: 4px;}
.main_list:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

main {padding-top: 60px;}

article {max-width: 1060px; margin: 0 auto; padding: 40px 0; }

.entry-header {background: #181818; padding: 40px; text-align: center; font-family: 20px; color: #fff;}

td p {margin: 0; padding: 0;}

.btn_ichi {float: right; text-align: right; font-size: 13px; font-weight: 200; padding: 5px 15px; border: 1px solid #333; border-radius: 100px; position: relative; bottom: 10px;}


.articlebox2 {border-bottom: 1px dotted #333; padding: 5px 30px 10px; margin: 0 auto 10px;}

/* ************************************************ 
*	全体Wrapper
* ************************************************ */	

.wrapper {
margin: auto; 
min-width: 1060px;
padding: 30px 0px;
_width: 1060px;
height: 100%;

}

.drawer-hamburger {display: none !important;}


.main_zure {padding-top: 20%; margin-bottom: 50px;}

.w49per {width: 49.5%;}

.newsbox {width: 835px; float: right; background: #fff; border: 10px solid #e8ded5; height: 454px;}
.newsbox_ttl {background: url(images/blog_ttl.png) no-repeat left 20px center; background-size: 160px; height: 50px; padding-top: 20px; border-bottom: 1px solid #ddd; }
.newsbox_ttl a {width: 130px; float: right; display: block;}

.articlebox {width: 800px; margin: 50px auto;}
.articlebox h2 {border-bottom: 1px solid #333; padding: 10px 0 10px 0; margin:10px 0;}
.article_right { padding: 10px 0 10px 0; margin:10px 0; border-bottom: 1px dotted #8c8c8c; }
.article_right a {font-size: 16px;}
.article_main { padding: 0px 0 0px 0; height: 0; margin:0px 0; position: relative; bottom: 51px; z-index: 999999999; }
.article_main a {font-size: 16px;}
.article_main_in {background: rgba(0, 0, 0, 0.70); width: auto; height: 50px;}
.ttl_blogbox3  {font-size: 18px; font-size: 400; }
.ttl_blogbox {border-bottom: 2px solid #11b4bc !important; padding: 0 0 5px 0; }
.ttl_blogbox a {font-size: 18px; font-size: 400; }
.ttl_blogbox2 {color: #fff !important;}
.ttl_blogbox2:hover {color: #11b4bc !important;}

.message_l {width: 21%; float: left; }
.message_r {width: 75%; float: right; }

.border_gray {border: 1px solid #aaaaaa;}

table {width: 100%; border: 1px solid #b4b4b4; border-collapse: collapse;}
table td {padding: 20px; font-size: 16px !important; border: 1px solid #b4b4b4;}
table th {padding: 20px; font-size: 16px !important; border: 1px solid #b4b4b4;}

table a {color: #ff9a00 !important; }
table a:hover {color: #f44600 !important; }




table tr:nth-child(odd) {background: #fff;}
table tr:nth-child(even) {background: #f3f3f3;}

table tr td li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
}
.dotbox ul {margin: 0 0 20px !important;}
.dotbox ul li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
    text-align: left;
}


.infot {background: #11b4bc !important; color: #fff; max-width: 200px; }

input[type="text"] {padding: 5px 5%; border-radius: 5px; border: 1px solid #888; font-size: 16px; width: 90%;}
input[type="tel"] {padding: 5px 5%; border-radius: 5px; border: 1px solid #888; font-size: 16px; width: 90%;}
input[type="email"] {padding: 5px 5%; border-radius: 5px; border: 1px solid #888; font-size: 16px; width: 90%;}
textarea {resize: none;  padding: 10px 5%; border-radius: 5px; border: 1px solid #888; font-size: 16px; width: 90%;}
.zipcode input {max-width: 100px !important;}
input[type="submit"] {
	width: 150px;;
	height:40px;
	background-color:#d5d5d5;
	border:none;
	color:#000;
	font-size:13px;
	font-weight:700;
	text-align:center;
	border-radius: 10px;
	margin: 10px auto;
}
input[type="submit"]:hover{
	background-color:#a92b15 !important;
	color:#fff;
}

 

.sitemapper li {text-align: left; padding: 5px 20px;}
.sitemapper li a {text-align: left; font-size: 16px; display: inline-block; background: url(images/ya.gif) no-repeat left center; background-size: 7px; padding-left: 15px;}
.sitemapper ul div {text-align: left; }
.sitemapper ul div a {text-align: left; display: inline-block; color: #ec0000; font-size: 16px; background: url(images/ya.gif) no-repeat left center; background-size: 7px; padding-left: 15px;}

.tex_r {text-align: right !important;}
.fontred {color: #f10505 !important; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important; font-size: 28px; font-weight: bold;}

#main {width: 800px; margin: 20px auto;}
#main h4 {background: #11b4bc; padding: 10px 30px; text-align: center; color: #fff; font-size: 16px; margin-bottom: 20px; font-size: 18px; display: inline-block; font-weight: 200; margin-top: 50px;}
#main h3 {font-size: 24px; border-bottom: 2px solid #11b4bc; padding: 0 0 15px 0; margin: 20px; line-height: 1.7em; margin: 20px auto 30px; font-weight: 200; }
#main p {text-align: left;}

td {text-align: left;}
td ul li a {text-align: left !important; display: inline-block;}
td ul li {text-align: left;}
td p{margin-bottom: 10px;}

.articlebox:first-child {border-bottom: 1px solid #ddd;}

.article_right2 a {
    font-size: 24px;
    border-bottom: 2px solid #11b4bc;
    padding: 0 0 10px 0;
    line-height: 1.7em;
    margin: 20px auto 20px;
    font-weight: 200;
    display: block;
    text-align: left;
}

.renraku {
    width: 150px;
    background-color: #d5d5d5;
    border: none;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    border-radius: 10px;
    margin: 10px auto;
    display: inline-block;
    padding: 10px 20px;
}

.gallerybox {padding: 50px 0; max-width: 1060px; margin: 30px auto;}
.gallerybox a {width: 30%; float: left; display: block; height: 400px; margin: 10px 0; overflow: hidden; background: #272626; border: 5px solid #272626; box-sizing:border-box; }
.gallerybox a:nth-child(3n+2) {margin: 10px 3%; } 
.gallerybox a img {width: 100%;  height: auto; vertical-align: bottom; }

.productbox {padding: 50px 0; max-width: 1060px; margin: 30px auto;}
.productbox .productimg {width: 30%; float: left; display: block; height: 480px; margin: 10px 0; overflow: hidden; background: #acacac; border: 5px solid #acacac; box-sizing:border-box; }
.productbox .productimg:nth-child(3n+2) {margin: 10px 3%; } 
.productbox .productimg a {height: 400px; overflow: hidden; display: block; width: 100%;}
.productbox .productimg a img {width: 100%;  height: auto; vertical-align: bottom; }
.productbox .productimg p {text-align: center; padding: 10px; font-size: 16px; font-weight: 600; }

.single_product {height: 400px; margin: 10px 0; overflow: hidden; background: #acacac; border: 5px solid #acacac; box-sizing:border-box; display: block; }
.single_product_left {width: 30%;}
.single_product_left a img {width: 100%; height: auto;}
.single_product_right {width: 65%;}
.single_product_right img {max-width: 100%; height: auto;}
.single_product_right h1 {border-bottom: 1px solid #333; padding-bottom: 10px; font-size: 28px;}

.single_thumbs a {width: 32%; margin: 10px 0; height: 100px; overflow: hidden; display: block; float: left;}
.single_thumbs a img {width: 100%; height: auto;}
.single_thumbs :nth-child(3n+2) {width: 32%; margin: 10px 2%; display: block; float: left;}

.tsuduki {border: 1px solid #11b4bc !important; padding: 5px 20px !important; display: inline-block !important; color: #11b4bc; font-size: 14px !important;}
.tsuduki:hover {background: #11b4bc; color: #fff !important;}

li {list-style: none; }

.contentpage_title { background: -webkit-linear-gradient(#e62658 0%, #eb651c 100%); padding: 30px 0 30px; position: relative; top: 87px; margin-bottom: 88px; text-align: center; color: #fff; font-size: 20px; font-weight: 100; }
.contentpage_title h1 {font-size: 24px; font-weight: 100; line-height: 1.5em; text-align: center; padding: 15px 30px; border: 1px solid #fff; display: inline-block; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.content_wrap_out {background: #f4f0ed; padding: 0 0 30px 0;}

.content_wrap {padding: 0px 0; margin: 30px auto 30px; max-width: 860px; background: #fff; padding-bottom: 30px;}
.content_wrap_in {padding: 0 30px;}
.content_wrap p {line-height: 1.7em; }

.kachikan {border: 1px solid #f10505; border-radius: 1060px; padding: 50px 20px 0; margin: 0 5px; float: left; width: 107px; height: 97px; text-align: center; font-size: 15px; color: #222;}
.kachikan2 {border: 1px solid #f10505; border-radius: 1060px; padding: 60px 20px 0; margin: 0 5px; float: left; width: 107px; height: 87px; text-align: center; font-size: 15px; color: #222;}

.kachikan_kai {border: 1px solid #f10505; padding: 20px 10px; border-radius: 10px; margin: 10px auto; text-align: center; font-size: 20px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important; }


.font24 {font-size: 30px !important; font-weight: bold; border-bottom: 1px solid rgba(38, 36, 36, 1); padding-bottom: 10px; line-height: 1.7em; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.font34 {font-size: 34px !important; font-weight: 200; line-height: 1.7em;  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}

.tex_c {text-align: center;}
.tex_l {text-align: left;}
.tex_r { text-align: right;}
.w500 {max-width: 500px; margin: 0 auto;}
.w700 {max-width: 700px; margin: 0 auto;}
.mt0 {margin-top: 0 !important;}
.mt80 {margin-top: 80px;}
.mt60 {margin-top: 60px !important;}
.mt50 {margin-top: 50px;}
.mt30 {margin-top: 30px !important;}

.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px !important;}
.pt10 {padding-top: 10px;}
.pt12 {padding-top: 12px;}
.pt30 {padding-top: 30px;}
.pt50 {padding-top: 50px;}
.pl20 {padding-left: 20px;}
.pr20 {padding-right: 20px;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px !important;}
.mb130 {margin-bottom: 130px;}
.pb30 {padding-bottom: 30px;}
.pt0 {padding-top: 0 !important;}

.top_midashi {text-align: center; line-height: 1.5em; font-size: 36px; color: #f10505; background: url(img/redline.jpg) no-repeat center bottom; background-size: 44px; padding: 0 0 20px 0; margin-bottom: 30px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.date {border: 1px solid #f10505; padding:5px 10px; margin-right: 20px; color: #f10505; float: left; display: block; width: 75px; }
.blogtitle {font-size: 14px; padding:5px 26px 5px 0; background: url("img/ya_red.jpg") no-repeat right center; background-size: 8px; float: left; display: block; width: 550px; }
.sq_btn {border: 1px solid #f10505; padding:5px 15px 5px 15px; color: #f10505; display: block; margin: 30px auto; text-align: center; width: 75px; background: url("img/ya_red.png") no-repeat left 10px center; background-size: 8px;}
.sq_btn:hover {border: 1px solid #f10505;  color: #fff; display: block; margin: 30px auto; text-align: center; width: 75px; background: url("img/ya_white.png") no-repeat right 5px center #f10505; background-size: 8px;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

li {text-align: center;}
li a img {margin: 0 auto;}
li a {text-align: center; display: block;}

.dropmenu{
display: block;
  *zoom: 1;
  list-style-type: none;
  padding: 0px 0 !important;
margin: 0 auto !important;
position: relative; bottom: 0px;
max-width: 1060px;
}
.dropmenu li{
padding: 0px 0px 0 0px;
    color: #222;
    display: inline-block;
    position: relative;
    font-size: 16px;
width: 19.5%;
background: url(images/menu_border.jpg) no-repeat right center;
background-size: 1px;
}
.dropmenu li:last-child{
padding: 0px 0px 0 0px;
    color: #222;
    display: inline-block;
    position: relative;
    font-size: 16px;
width: 20%;
background: none;
}

.dropmenu li a{
  margin: 0;
  line-height: 1;
  text-decoration: none;
font-size: 15px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 125%;
  left: 0;
text-align: left;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  background: #fff;
  width: 200px;
  text-align: left;
}
.dropmenu li:hover > a{

}
.dropmenu li a:hover{

}

.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 36px;
}

.dropmenu li ul li a:hover{
  padding: 13px 15px;
  background: #fff;
  width: 200px;
  text-align: left;
}





.minibox {padding: 10px 30px 30px; margin: 50px 0; background: #fff; width: 460px;}
.minibox p {line-height: 1.7em;}


.aaa {color: #fff; font-size: 20px; margin: 0 0 10px; padding: 0 0 0px; background:#f10505; width: 30px; height: 30px; text-align: center; line-height: 30px !important; }

.main {height: 550px; width: 100%; overflow: hidden; min-width: 1060px; background: #353535; text-align: center; }

.main video {min-width: 100%; min-height: 100%; }



.btt {float: right; background: url(images/gotop.jpg) no-repeat left center; background-size: 10px; padding-left: 20px; color: #fff; font-size: 11px;}
.btt:hover {color: #ffb0b0 !important;}

.mincho {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.overimg_grade:hover {
background: #f10505;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
-ms-transition: .5s;
transition: .5s;
}


.overimg:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.smp {display: none;}
.pc {display: block;}

/*フェード*/

.list{
	list-style-type: none;
	overflow: hidden;
}
.list li{
	
	
}

.list-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
transition: .8s;
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
transition: .8s;
}
.slick-slide {text-align: center !important; margin: 10px;}
.slick-slide img {max-height: 400px; width: auto !important; margin: 0 auto !important; }


@media screen and (max-width: 758px){
	
	header {min-width: 260px;}
	
	.slick-dots {display: none !important;}
	
	.smptel {margin: 20px 10px; padding: 10px 5px 5px !important; border-radius: 5px; background: #fff;}
	
	footer span {display: block; text-align: left !important;}
	footer span a {text-align: left !important;}
.headright {display: none;}
.headerttl {
    display: inline-block;
    margin: 0 auto;
    padding-top: 10px;
    text-align: left;
    padding-left: 20px;
    max-width: 230px;
}

.recbox {

    background-size: cover;
    padding: 70px 20px 70px 20px;
    text-align: center;
}

.mainmov {
    height: 400px;
    overflow: hidden;
}

.mainmov video {width: 100%;}

.top_content1 {

    background-size: 100%;
    padding: 0 0 0 0;
    margin-top: 1px;
    overflow-y: visible;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.top_content1in_right {
    float: none;
    width: auto;
}

.blubtn {
    background: url(img/li_btn.png) no-repeat right 10px center #11b4bc;
    width: auto;
    padding: 10px 30px 10px 20px;
    background-size: 9px;
    color: #fff !important;
    display: block;
    margin: 0;
    font-size: 15px !important;
    font-weight: 200 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.7em !important;
    text-align: center;
}

.blubtn:hover {
    background: url(img/li_btn.png) no-repeat right 10px center #11b4bc;
    width: auto;
    padding: 10px 30px 10px 20px;
    background-size: 9px;
    color: #fff !important;
    display: block;
    margin: 0;
    font-size: 15px !important;
    font-weight: 200 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.7em !important;
    text-align: center;
}


.top_content1in {
    width: auto;
    padding: 40px 20px 20px;
    background: rgba(255, 255, 255, 0.73);
}


.top_content3 {
    padding: 30px 0;
    margin-top: 40px;
    overflow-y: visible;
}

h2 {
	font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    padding: 0 0 15px 0;
    margin: 0 0 30px 0;
}


.top_content3 h2 {
	font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    background: url(img/line.png) no-repeat left 20px bottom;
    background-size: 100px;
    padding: 0 20px 15px 20px;
    margin: 0 0 30px 0;
}



.top_content3in1 {background: url(img/top_three_img1.png) no-repeat left center; background-size: 100%; padding: 0px 0 5px;}
.top_content3in2 {background: url(img/top_three_img2.png) no-repeat left center; background-size: 100%; padding: 0px 0 5px;}
.top_content3in3 {background: url(img/top_three_img3.png) no-repeat left center; background-size: 100%; padding: 0px 0 5px;}
.top_content3in {
    width: auto;
    padding: 20px 20px;
    background: rgba(255, 255, 255, 0.73);
}

.blubtn {
    background: url(img/li_btn.png) no-repeat right 10px center #11b4bc;
    width: auto;
    padding: 10px 30px 10px 20px;
    background-size: 9px;
    color: #fff !important;
    display: block;
    margin: 0;
    font-size: 15px !important;
    font-weight: 200 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.7em !important;
    text-align: center;
}

.toprinen2 {
    background: rgba(255, 255, 255, 0.80);
    padding: 20px;
    width: auto;
}

.height0 {
    height: auto !important;
    overflow-y: visible;
    position: relative;
    bottom: 0px;
}

p {
    font-size: 14px !important;
    line-height: 1.6em;
    letter-spacing: 0.05em;
    margin: 0 0 20px 0;
}

.press {
    background: #fff;
    padding: 30px 20px !important;
    width: auto;
}

.news_l {
    width: 80px;
    float: left;
}
header h1 {padding: 5px 20px 20px;}
.blubtn2 {
    background: url(img/li_btn.png) no-repeat right 7px center #11b4bc;
    width: 70px;
    padding: 10px 20px 10px 10px;
    background-size: 9px;
    color: #fff !important;
    display: inline-block;
    margin: 0;
    font-size: 11px !important;
    font-weight: 200 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.7em !important;
    text-align: center;
    display: inline-block;
    float: right !important;
}

.news_r {
    width:calc(100% - 100px);
    float: right;
}
	
.four {
    width: auto !important;
    padding: 0 0 5px 0;
    float: none;
    height: auto;
    margin: 20px auto;
    max-width: 360px;
    
}
	
.event_kiji {
    width: auto;
    padding: 10px 20px;
    float: none;
    margin: 5px 0;
}
	
.negativm {margin-bottom: 0px ; width: 100%; position: relative; bottom: 0px;}
.negativm2 {position: relative; bottom: 0px; margin-bottom: 0px;}

.eventbox {background: #f6f8f4; padding: 20px; width: auto; max-width: 1000px; margin: 0 auto; height: 170px; position: relative; z-index: 999; bottom: 0px; }
	
	
	.spslide {width: 50% !important; max-width: 180px !important;}
	
	.smp {display: block !important;}
.pc {display: none !important;}

.drawer-hamburger {
    position: fixed;
    z-index: 9999999999 !important;
    top: 0;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding: 18px .75rem 30px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent;
}


.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    width: 100%;
    height: 2px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    background-color: #333 !important;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent !important;
}

.drawer-nav {
    position: fixed;
    z-index: 999999 !important;
    top: 0;
    overflow: hidden;
    width: 13rem !important;
    height: 100%;
    color: #fff;
    background: #11b4bc !important;
}

.drawer--right.drawer-open .drawer-hamburger {
    right: 13rem !important;
}



.slide1 h1 {font-size: 40px;}
.slide2 h2 {font-size: 40px;}



.bx-controls-direction {display: none;}


body {
    font-family: 'Noto Sans Japanese', serif !important;
    font-weight: 200 !important;
    font-size: 14px;
    color: #444;
    line-height: 180%;
    margin: 0;
    min-width: 320px;
    height: 100%;
}

.box {
    width: auto;
    margin: 1px auto 1px auto;
    padding: 20px 20px 0 20px;
}


.newsbox {
    width: auto;
    float: none;
    background: #fff;
    border: 10px solid #e8ded5;
    height: auto;
}

.newsbox_ttl {
    background: url(images/blog_ttl.png) no-repeat center top 20px;
    background-size: 160px;
    height: auto;
    padding-top: 20px;
    border-bottom: 1px solid #ddd;
text-align: center;
}

.newsbox_ttl a {
    width: 130px;
    float: none;
    display: inline-block;
margin: 50px auto 20px;
}

.articlebox {
    height: auto;
width: 90%;
margin: 50px 5%;
}

.article_img {
    height: 191px;
    background: #c1c1b6;
    width: auto;
    float: none;
    display: block;
    overflow: hidden;
}

.article_right {
    float: none;
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 10px 20px 10px 10px;
}

.banner2 {
    width: auto;
    float: none;
    height: auto;
}

.banner3 {
    width: auto;
    float: none;
    height: auto;
}

.w49per {
    width: auto;
}

.font12 {font-size: 12px; margin-bottom: 10px !important;}



.main_zure {
    padding-top: 40%;
    margin-bottom: 50px;
}

.contentpage_title {
    background: -webkit-linear-gradient(#e62658 0%, #eb651c 100%);
    padding: 30px 0 30px;
    position: relative;
    top: 68px;
    margin-bottom: 70px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}



.aboutbox {
    width: auto;
    margin: 1px 0 1px 0;
    background: none;
    background-size: cover;
}

.aboutbox_l {
    width: 100%;
    float: none;
    padding: 50px 0 200px 0;
background: url(img/about_img01.jpg) no-repeat center center;
background-size: cover;
    height: 100%;
}

.aboutbox_r {
    float: none;
    width: 100%;
    background: -webkit-linear-gradient(#e62658 0%, #eb651c 100%);
    padding: 5px 0;
}


.productbox {padding: 50px 20px; max-width: 1060px; margin: 30px auto;}
.productbox .productimg {
    width: 30%;
    float: left;
    display: block;
    height: 380px;
    margin: 10px 0;
    overflow: hidden;
    background: #acacac;
    border: 5px solid #acacac;
    box-sizing: border-box;
}
.productbox .productimg a {
    height: 300px;
    overflow: hidden;
    display: block;
    width: 100%;
}


  .articlebox {width: auto; margin: 50px auto;}
  #main {width: auto; margin: 20px auto;}


.ttl_blogbox {display: block; padding-top: 10px;}

.article_main {display: none;}

nav.menu {display: none;}

.blogtitle {
    font-size: 14px;
    padding: 5px 26px 5px 0;
    background: url(img/ya_red.jpg) no-repeat right center;
    background-size: 8px;
    float: left;
    display: block;
    width: auto;
}

.kachikan_kai img {max-width: 80%; height: auto;}


.drawer-overlay {
    position: fixed;
    z-index: 9999 !important;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
}

.drawer-hamburger {display: block !important;}

.bx-wrapper2 .bx-pager.bx-default-pager a {bottom: 40px;}

.submenus {display: none;}

.headerttl {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    padding-left: 20px;
}

.w1000 {
    max-width: 1060px;
    width: auto;
    margin: 0 auto;
}

.left {float: none;}
.right {float: none;}

.ttl_blogbox3 {
    font-size: 12px;
    font-size: 400;
}
.blogboxin span {
    margin-right: 20px;
    font-size: 12px;
}

}



@media screen and (max-width: 450px){
	
	
	.mainmov {
    height: 200px;
    width: 100%;
    overflow: hidden;
}

.mainmov video {
    width: 100%;
}
	
	.three {
    width: 100%;
    float: none;
}

.slide1 h1 {font-size: 18px;}
.slide2 h2 {font-size: 18px;}

.productbox {padding: 50px 20px; max-width: 1060px; margin: 30px auto;}
.productbox .productimg {
    width: 100%;
    float: left;
    display: block;
    height: 380px;
    margin: 10px 0;
    overflow: hidden;
    background: #acacac;
    border: 5px solid #acacac;
    box-sizing: border-box;
}
.productbox .productimg a {
    height: 300px;
    overflow: hidden;
    display: block;
    width: 100%;
}

.productbox .productimg:nth-child(3n+2) {
    margin: 10px 0;
}


.articlebox {
    width: 90%;
    margin: 50px auto;
}

.content_wrap_in {
    padding: 0 10px;
}

.members {
    width: 100%;
    margin: 0;
    height: 350px;
display: block;
}

.member_in {
    width: 100%;
    height: 220px;
    padding-top: 130px;
    background: rgba(0, 0, 0, 0.39);
    text-align: center;
    display: block;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}


.contentpage_title h1 {
    font-size: 20px;
    font-weight: 100;
    line-height: 1.5em;
    text-align: center;
    padding: 15px 30px;
    border: 1px solid #fff;
    display: inline-block;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;
}

.content_page_ttl h1 {
	font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    background: url(img/line.png) no-repeat left bottom;
    background-size: 100px;
}


h2 {font-size: 16px;}

#main h3 {
    font-size: 18px;
    border-bottom: 2px solid #11b4bc;
    padding: 0 0 15px 0;
    margin: 20px;
    line-height: 1.7em;
    margin: 20px auto 30px;
    font-weight: 200;
}

.message_l {
    width: 60%;
    float: none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.message_r {
    width: 100%;
    float: none;
}

#main h4 {background: #11b4bc; padding: 10px 15px; text-align: center; color: #fff; font-size: 16px; margin-bottom: 20px; display: inline-block; font-weight: 200; margin-top: 50px;}


h5 {font-size: 15px;}

	.wood1 {
    width: 100%;
    margin: 10px auto;
}

.wood2 {
    width: 100%;
    margin: 10px auto;
}


.btn_bl1 {
    position: relative;
    right: 0px;
    background: #191c1a url(img/btn_img.png) no-repeat right 20px center;
    background-size: 20px;
    padding: 15px 50px 15px 20px;
    color: #fff;
    font-size: 13px;
    border-radius: 100px;
    font-weight: 600;
    display: block;
    width: 40%;
    margin: 10px auto;
}

.btn_bl2 {
    position: relative;
    left: 0px;
    background: #191c1a url(img/btn_img.png) no-repeat right 20px center;
    background-size: 20px;
    padding: 15px 50px 15px 20px;
    color: #fff;
    font-size: 13px;
    border-radius: 100px;
    font-weight: 600;
    display: block;
    width: 40%;
    margin: 10px auto;
}

.btn_blog {
    float: right;
    position: relative;
    bottom: 0px;
    background: #30ae65 url(img/btn_img.png) no-repeat right 20px center;
    background-size: 20px;
    padding: 5px 50px 5px 20px;
    color: #fff;
    font-size: 13px;
    border-radius: 100px;
    font-weight: 600;
    margin: 20px 0;
}

.top_tex h2 {
    background: url(images/top_r.jpg) no-repeat right center;
    background-size: 30px;
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 20px;
}
.top_tex p {
    font-size: 14px;
    font-weight: 400;
}

.press h3 {
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin: 0 20px 20px;
    text-align: left;
    font-size: 18px;
}

.press h3 span {
    font-size: 12px;
    text-align: left;
    display: block;
    margin: 10px auto;
}

.container {
    width: auto;
    padding: 25px 0;
}

}