/*--------------*/
/*共有*/
/*--------------*/
html {
	-webkit-text-size-adjust: none;
	word-break:break-all;
}

body {
	width:100%;
	height:100%;
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	text-align: left;
	font-size: 16px;
	font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-weight: 600;
	line-height: 1.8;
	width:100%;
	color:#000000;
	transition: 0.5s;
	box-sizing:border-box;
}
.Mintyoufont{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: 600;

}
.Goshicfont{
	font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-weight: 500;

}

pre {
     /* Mozilla */ 
     white-space: -moz-pre-wrap;  
 
     /* Opera 4-6 */ 
     white-space: -pre-wrap;  
 
     /* Opera 7 */ 
     white-space: -o-pre-wrap;  
 
     /* CSS3 */ 
     white-space: pre-wrap;  
 
     /* IE 5.5+ */ 
     word-wrap: break-word;  
}
*html body{ 
	font-size:90%;
	line-height:1.5;
}


a:link{
	text-decoration: none;
	color:#000000;
	transition: 0.5s;
}
a:visited{
	text-decoration: none;
	color:#000000;
	transition: 0.5s;
}
a:hover{
	text-decoration: none;
	color:#bfbfbf;
	transition: 0.5s;
}

.bold{
	font-weight:bold;
}
/*フォントサイズ対策とか*/
table,h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
img, h1, h2, h3, h4, h5, h6, p, form{
	border:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	vertical-align:bottom;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	
	transition: 0.5s;
}

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
  display: block;
}
/*オーバーフロー対策*/
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*オーバーフロー対策*/

/*中央寄席*/
.mannaka{
	display: flex;
	justify-content: center;
	align-items: center;
}

/****画像ロールオーバ*****/
a:hover img.over {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	transition: 0.5s;
}
/*************************/

/************スマホ用ボタン表示非表示*************/
header{
	visibility:hidden;
}
/*ついてくるボタン*/
#totop{
	display:block;
}
#FixBT{
	z-index:1500;
	position: fixed;
	top: 150px;
	right: 0px;
	display: block;
	background-color:#1e2021;
	padding:10px;
	box-sizing:border-box;
	border-radius:20px 0 0 20px;
}
#FixBTSP{
	z-index:1500;
	position: fixed;
	bottom:0px;
	left: 0px;
	width:100%;
	display: none;
	text-align:center;
}


/****トリミング（外装）*****/
.cover {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    width: 180px;
    height: 140px;
    background-size: cover;
	vertical-align: bottom;
}
.newscover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:60%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
	border-radius:10px;
}
.itemcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:100%;
	background-color:#FFFFFF;
	background-size: contain;
	overflow: hidden;
	vertical-align: bottom;
}
.coverbig {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.purnewscover{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:60%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
	border-radius:20px;
}
.worksewscover{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:80%;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
	border-radius:20px 20px 0 0;
}
.Toumei{
	display: inline-block;
	width:100%;
	padding-top:100%;
	overflow: hidden;
	vertical-align: bottom;
	background:url(../img/toumei.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	position:  absolute;
	bottom:0;
	left:0;
}
.cacover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:100%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.newsworkcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:90%;
	background-size: cover;
	margin:0 0 0 0;
	vertical-align: bottom;
}
.evecover {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
	width:100%;
	padding-top:100%;
	background-color:#FFFFFF;
    background-size: cover;
}
.voicecover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.blogcover{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.purcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:90%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.pursumcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#f6f6f6;
	background-size: contain;
	overflow: hidden;
	vertical-align: bottom;
}
.purbigcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:80%;
	background-color:#f6f6f6;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.productscoverB {
    display: inline-block;
    background-color: #f6f6f6;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: contain;
}

.pagenextA{
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
padding-top:80%;
    background-size: cover;
}
/*--------------*/
/*画像の回り込み*/
/*--------------*/

.leftimg{
	float: left;
	margin-right:5px;
}
.rightimg{
	float: right;
	margin-left:5px;
}
/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.video-container{
  max-width:640px;
}
 
/*動画の大きさを調整*/
.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
 
/*動画を囲んでいるdiv目一杯に広げる*/
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/********/
/*ボタン拡大のエフェクト*/
/********/
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

/*中央ぞろえ*/
.centerbox {
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
/*************************/
/*************************/


/*--------------*/
/*プレロード*/
/*--------------*/
#preload{
	position: fixed;
	top: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	background-color: #003b77;
}

#preload.inactive{
	-webkit-animation: fadeOut 2s 2s forwards;
	animation: fadeOut 2s 2s forwards;
}
@keyframes fadeOut {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
	visibility: hidden;
    }
}

#preload .flexWrap{
	height: inherit;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flexWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/*--------------*/
/*ブロック構成*/
/*--------------*/
/********/
/*全体枠*/
/********/
#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}
.tabletshowA{
	display:block;
}
.tabletshowB{
	display:none;
}
.spshow{
	display:none;
}

#FacebookBox{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
#InstaBox{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}

.NamiHead{
	width:100%;
	height:180px;
	background-image: url(../img/nami_ue.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	box-sizing:border-box;
	background-size: cover;
	float:left;
}
.NamiBottom{
	width:100%;
	height:180px;
	background-image: url(../img/nami_shita.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	background-size: cover;
	float:left;
}


/*--------------*/
/*TOP*/
/*--------------*/



.BusiBGA{
	background-image: url(../img/busi_img_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius:20px;
}
.BusiBGAA{
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 90%, #f3f2e6 90%, #f3f2e6 100%);
}
.BusiBGB{
	background-image: url(../img/busi_img_2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius:20px;
}

.BusiBGBB{
	background: linear-gradient(180deg, #f3f2e6 0%, #f3f2e6 90%, #f3f2e6 90%, #f3f2e6 100%);
}


.PickUpBG{
	background-image: url(../img/pickup_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}


/*工務店紹介スライド*/
.KoumuSlodeBoxPC{
	display:block;
}
.KoumuSlodeBoxSP{
	display:none;
}



.BlogNextBox{
	width:100%;
	margin:40px 0 0 0;
	padding:0;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.BlogPrevBT{
	font-size:14px;
	width:100%;
	max-width:160px;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#000000;
	border:1px solid #000000;
	transition: 0.5s;
}
.BlogPrevBT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
}
.BlogPrevBT:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.BlogNextBT{
	font-size:14px;
	width:100%;
	max-width:160px;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:right;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#000000;
	border:1px solid #000000;
	transition: 0.5s;
}
.BlogNextBT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
}
.BlogNextBT:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
/********/
/*ヘッダ*/
/********/

/*ヘッダ全体*/
#headerWrapper{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}
#headerWrapperSE{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}

#headerBox{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	box-sizing:border-box;
	float:left;
}

#headerBox img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#headerBoxL{
	width:70%;
	margin:0px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	text-align:right;
	float:right;
}
.headerBoxLL{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:right;
	float:left;
}
.headerBoxLR{
	width:5%;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:center;
	float:right;
}

#headerBoxLogo{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
#headerBoxSNS{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:right;
	float:right;
	box-sizing:border-box;
}
#headerBoxSNSSE{
	width:100%;
	max-width:300px;
	margin:0 0 0 0;
	padding:5px;
	text-align:right;
	float:right;
	box-sizing:border-box;
	display:none;
}
.headerBoxSNSList{
	display:block;
	width:100%;
	max-width:60px;
	text-align:right;
	margin:23px 0 0 0;
	float:left;
}
#headerBoxC{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:right;
	box-sizing:border-box;
	display:none;
}
#headerBoxR{
	width:30%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
#headerBoxRR{
}
#headerBoxD{
	text-align:right;
	display:none;
}
#headerBottom{
	width:100%;
	height:55px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
	background-image: url(../img/head_bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}


.headerTop{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	text-align:right;
	background-color:#fff9e7;
}
.headerMesA{
	width:100%;
	max-width:450px;
	margin:20px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	text-align:left;
	color:#000000;
}
.headerMesB{
	width:100%;
	max-width:300px;
	margin:40px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:right;
	text-align:right;
	color:#cbcbcb;
	font-size:24px;
}

.SlideText{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.SlideHead{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	top: 0%;
	left: 0%;
}
.SlideBottom{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom: -5px;
	left: 0%;
}



.TopMidashiBox{
	width:100%;
	margin:40px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	text-align:center;
	font-weight:bold;
}
.TopMidashiA{
	width:100%;
	margin:0px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	text-align:center;
	font-size:40px;
	line-height:1.0;
	color:#0a516d;
}
.TopMidashiB{
	width:100%;
	margin:5px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	text-align:center;
	font-size:16px;
	line-height:1.0;
	color:#8e8e8e;
}
.TopMidashiLine{
	width:100%;
	margin:10px 0 10px 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
}
.TopMidashiLineA{
	width:50%;
	height:4px;
	margin:0 0 0 0
	padding:0px;
	box-sizing:border-box;
	float:left;
	background-color:#09516d;
}
.TopMidashiLineB{
	width:50%;
	height:4px;
	margin:0 0 0 0
	padding:0px;
	box-sizing:border-box;
	float:left;
	background-color:#d6e2e7;
}
/****/
/********/

/********/
/*下から現れるお問合せ*/
/********/

.fix-footer {
	bottom: -200px;/* 下にに隠す高さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding-top:0px;
	padding-bottom:0px;
	box-sizing:border-box;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1900;/*　他のアイテムに対して最上位のレイヤーになるように */
	/*opacity: 0; */
	box-sizing:border-box;

}

/********/
/*入れ替え用ヘッダ*/
/********/
.fix-header {
	line-height: 20px;
	top: -200px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:5px;
	box-sizing:border-box;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 2000;/*　他のアイテムに対して最上位のレイヤーになるように */
	/*opacity: 0; */
	background-color:#15758c;
	box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.2);
	box-sizing:border-box;

}
 
.fix-header-contents{
	width:100%;
	margin: 0 0 0px 0;
	padding:0 0 0 0;
	float:left;
}
 
.fix-header ul{
	list-style-type: none;
}


.fix-header li{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	font-weight: 600;
}
 
.fix-header li a,.fix-header li a:visited{
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	text-decoration: none;
	color:#FFFFFF;
	transition: 0.5s;
}
.fix-header li a:hover{
	color:#e2cba5;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	float:left;
	padding:0px;
	box-sizing:border-box;
	width:25%;
	max-width:200px;
	padding:5px;
	text-align:center;
}
 
#fix-header-logo img{
	max-width:100px;
}
 
#fix-header-menus{
	width:75%;
	float:right;
	text-align: right;
}
#scroll-fix-menu{
	margin:0 25px 0 0;
	text-align:left;
	float:right;
}
#scroll-fix-menu li{
	position:relative;
}
#scroll-fix-menu img{
	padding-bottom: 5px;
	border-bottom:2px solid #fff;
}
 
#scroll-fix-menu .current-menu-item img{
	border-bottom:2px solid #0f142a;
}
 
#scroll-fix-menu a img:hover{
	border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}


/***アニメ***/
.iosSlider{
	display:block;
}
.iosSliderSP{
	width:100%;
	float:left;
	display:none;
}
.iosSliderSP img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.AnimeSP{
	display:none;
	width:100%;
	padding:0 0 10px 0;
	text-align:center;
	box-sizing:border-box;
	float:left;
	background-color:#15758c;
}
.AnimeText{
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
/********/
/***ボタン***/
.LinkBT{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:10px 0 0 0;
	box-sizing:border-box;
	padding:0px;
	float:left;
	background-color:#0a516d;
	font-weight:bold;
	border-radius:30px;
	transition: 0.5s;
}
.LinkBT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBT:hover {
	filter:alpha(opacity=70);/* IE 6,7*/
	-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
	-moz-opacity:0.7;/* FF , Netscape */
	-khtml-opacity: 0.7;/* Safari 1.x */
	opacity:0.7;
	zoom:1;/*IE*/
	transition: 0.5s;
}


.arrow_r::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #000000;
  border-right: solid 2px #000000;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}

.arrow_rw::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}

.LinkBTNEXT{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:10px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	font-weight:bold;
	border:1px solid #000000;
}
.LinkBTNEXT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTNEXT:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}


.LinkBTBLOG{
	font-size:12px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:0px;
	float:left;
	color:#FFFFFF;
	background-color:#0a516d;
	font-weight:bold;
}
.LinkBTBLOG a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTBLOG:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.LinkBTA{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:0px;
	float:left;
	font-weight:bold;
	transition: 0.5s;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
.LinkBTA a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTA:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}
.LinkBTEVE{
	font-size:12px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#a3895f;
	font-weight:bold;
	transition: 0.5s;
}
.LinkBTEVE a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
}
.LinkBTEVE:hover {
	background-color:#ccb38b;
	transition: 0.5s;
}

.LinkBTB{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:0px;
	float:left;
	font-weight:bold;
	transition: 0.5s;
	color:#FFFFFF;
	border-bottom:1px solid #000000;
}
.LinkBTB a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTB:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}


.LinkBTC{
	font-size:10px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:3px;
	float:left;
	font-weight:bold;
	color:#FFFFFF;
	transition: 0.5s;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	background-color:#f29a00;
}
.LinkBTC a {
	display:block;
	width: 100%; /* 横幅 */
	padding:3px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
}
.LinkBTC:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}


.LinkBTkotiraA{
	font-size:11px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:2px;
	float:left;
	background-color:#43a8e2;
	font-weight:bold;
	color:#FFFFFF;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
	transition: 0.5s;
}
.LinkBTkotiraA a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
}
.LinkBTkotiraA:hover {
	background-color:#ade1ff;
	transition: 0.5s;
}


.LinkBTkotiraB{
	font-size:11px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:2px;
	float:left;
	background-color:#ff6633;
	font-weight:bold;
	color:#FFFFFF;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
	transition: 0.5s;
}
.LinkBTkotiraB a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
}
.LinkBTkotiraB:hover {
	background-color:#ff9a78;
	transition: 0.5s;
}
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #FFFFFF;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: -2px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.sample4-1::before{
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
}

.LinkBTKiso{
	font-size:14px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	font-weight:bold;
	transition: 0.5s;
	color:#272727;
	border-radius:30px;
}
.LinkBTKiso a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#272727;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTKiso:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}


.LinkBTROOF{
	font-size:20px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#0095dd;
	font-weight:bold;
	transition: 0.5s;
	color:#FFFFFF;
	border-radius:30px;
}
.LinkBTROOF a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTROOF:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.LinkBTKigyou{
	font-size:14px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	font-weight:bold;
	transition: 0.5s;
	color:#FFFFFF;
	border-radius:30px;
}
.LinkBTKigyou a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTKigyou:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.Cborder{
	width:100%;
	height:8px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: url(../img/border.png);
	background-repeat: no-repeat;
	background-position: right top;
	box-sizing:border-box;
	float:left;
}

.HandMidashi{
	color:#FFFFFF;
	width:100%;
	min-height:85px;
	background-color:#b08e31;
	text-align:center;
	margin:0px 0 0 0;
	padding:20px 50px 10px 50px;
	background-image: url(../img/mark_1.jpg),url(../img/mark_2.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position: left center,right center;
	box-sizing:border-box;
	float:left;
	line-height:1.3;
}



.EsteInfoBox{
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	padding:20px;
	background-image: url(../img/mark_ue.png),url(../img/mark_shita.png);
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right bottom;
	box-sizing:border-box;
	float:left;
	line-height:1.3;
}
.EsteInfoTextBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	background-color:#FFFFFF;
	padding:40px 20px 40px 20px;
	box-sizing:border-box;
	float:left;
	line-height:1.3;
}
.EsteTable{
	width:100%;
	box-sizing:border-box;
	float:left;
}
.EsteTable th{
	width:30%;
	line-height:1.3;
	font-size:24px;
	color:#FFFFFF;
	background-color:#b08e31;
}
.EsteTable td{
	width:70%;
	line-height:1.3;
	font-size:18px;
	background-color:#FFFFFF;
	box-sizing:border-box;
	padding:20px 40px 20px 40px;
}



/******講座日程***/

#KouzaBox{
	width:100%;
	margin:30px 0 30px 0;
	padding:0px;
	float:left;
}
#KouzaBox li{
	text-align:center;
	color:#00000;
	width:25%;
	margin:10px 0 0 0;
	padding:5px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
	font-size:13px;
	font-weight:normal;
}
.KouzaBorder{
	width:100%;
	padding:5px;
	box-sizing:border-box;
	float:left;
	border:1px solid #86650b;
	background-color:#FFFFFF;
}
.EndBG{
	background-color:#777777;
}
.UketukeBG{
	background-color:#b08e31;
}


/******塗装を学ぼう****/


.ManabuBG{
	width:100%;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	background-image: url(../img/manabu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	background-size: cover;
	float:left;
}

.BaseBTBox{
	width:100%;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	box-sizing:border-box;
	float:left;
}
.BaseBTBoxL{
	width:50%;
	text-align:center;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	box-sizing:border-box;
	float:left;
}
.BaseBTBoxR{
	width:50%;
	text-align:center;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	background-color:#272727;
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.BaseBTText{
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	box-sizing:border-box;
	float:left;
}
.BaseBTTextA{
	width:100%;
	text-align:center;
	font-size:30px;
	color:#FFFFFF;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	box-sizing:border-box;
	float:left;
}
.BaseBTTextB{
	width:100%;
	text-align:center;
	color:#FFFFFF;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	box-sizing:border-box;
	float:left;
}


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

/********/
/*TOP*/
/********/
#ALLBGWrapper{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:0 0 0 0;
	box-sizing:border-box;
}
#ALLBGWrapper img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.TopHandBox{
	width:100%;
	margin:40px 0 20px 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}
.TopHandBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.TopHandBoxR{
	width:50%;
	margin:0 0 0 0px;
	padding:30px 30px 10px 30px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}


#ALLBGWrapperA{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 80px 0;
	box-sizing:border-box;
	float:left;
	background-size: cover;
}
#ALLBGWrapperA img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#ALLBGWrapperB{
	width:100%;
	margin:50px 0 0 0;
	padding:180px 0 180px 0;
	background-image: url(../img/ca_img_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	background-size: cover;
	float:left;
	font-size:30px;
	color:#FFFFFF;
}
#ALLBGWrapperB img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#ALLBGWrapperC{
	width:100%;
	margin:0 0 0 0;
	box-sizing:border-box;
	float:left;
	padding:40px 0 40px 0;
}
#ALLBGWrapperC img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.HarukazeBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxL{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxLA{
	font-size:36px;
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxLB{
	font-size:16px;
	width:100%;
	text-align:left;
	margin:50px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}

.HarukazeBoxR{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxRA{
	width:70%;
	text-align:center;
	margin:0 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxRB{
	width:30%;
	text-align:center;
	margin:0 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
}

.TopEsteBox{
	width:100%;
	margin:40px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxR{
	width:50%;
	margin:0 0 0 -40px;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxLL{
	width:50%;
	margin:0 -40px 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:right;
}
.TopEsteBoxRR{
	width:50%;
	margin:0 0 0 0px;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:right;
}

.TopEsteText{
	width:100%;
	margin:40px 0 0 0;
	padding:10px 40px 10px 40px;
	text-align:center;
	background-color:red;
	box-sizing:border-box;
	background-color:#FFFFFF;
	float:left;
	box-shadow:0px 0px 8px 3px #ccc;
}

#ALLBGWrapperWorks{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 50px 0;
	background-image: url(../img/works_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-size: cover;
}
#ALLBGWrapperWorks img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#ALLBGWrapperWelcome{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 50px 0;
	background-image: url(../img/we_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	box-sizing:border-box;
	float:left;
}
#ALLBGWrapperWelcome img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#ALLBGWrapperMovie{
	width:100%;
	margin:0px 0 0 0;
	padding:20px;
	background-image: url(../img/commit_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-color:#e8e0d6;
}
#ALLBGWrapperMovie img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#ALLBGWrapperContents{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;

	background-color:#FFFFFF;
}
#ALLBGWrapperContents img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#ALLBGWrapperContact{
	width:100%;
	margin:0px 0 0 0;
	padding:100px 20px 100px 20px;
	background-image: url(../img/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-size: cover;
}
#ALLBGWrapperContact img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.ContactWrapper{
	width:100%;
	margin:-40px 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.ContactWrapperBox{
	width:100%;
	margin:0 0 0 0;
	padding:40px;
	box-sizing:border-box;
	float:left;
	background-color:#171a1c;
}
.ContactWrapperBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.ContactWrapperBoxR{
	width:50%;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	border-left:1px solid #FFFFFF;
}

.TOPMovieBox{
	width:100%;
	text-align:left;
	margin:100px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
	background-image: url(../img/commit_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position:relative;
}
.TOPMovieBoxL{
	color:#FFFFFF;
	width:100%;
	text-align:left;
	margin:120px 0 120px 0;
	padding:20px 60px 20px 60px;
	float:left;
	box-sizing:border-box;
}
.TOPMovieBoxLL{
	width:50%;
}
.TOPMovieBoxLLA{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	font-size:26px;
}
.TOPMovieBoxLLB{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	font-size:18px;
}
.TOPMovieBoxLLC{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	font-size:18px;
}
.TOPMovieBoxLLD{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	font-size:16px;
	font-weight:normal;
}
.TOPMovieBoxRR{
	width:50%;
}
.TOPMovieBoxR{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	float:right;
	box-sizing:border-box;
	
}
.Topyoutube {
	margin:0 0 0 0;
	position: relative;
	width: 100%;
	padding-top:63%;
	float:left;
}
 
.Topyoutube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.RpluseBoxALL{
	width:100%;
	text-align:left;
	margin:50px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.RpluseBox{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
	
}
.RpluseBoxL{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxR{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:40px;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxRR{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:0;
	float:right;
	box-sizing:border-box;
}
.RpluseBoxLL{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:40px;
	float:left;
	box-sizing:border-box;
}
.RpluseTextA{
	font-size:48px;
	line-height:1.3;
}
.RpluseTextB{
	font-size:24px;
}
.RpluseTextC{
	font-size:16px;
	color:#c1c1c1;
}

.RpluseBoxSEALL{
	width:100%;
	text-align:left;
	margin:30px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxSE{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxSE li{
	text-align:left;
	color:#000000;
	width:33.3%;
	margin:10px 0 0 0;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	color:#FFFFFF;
}

.RpluseBoxSEL{
	width:60%;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxSER{
	width:40%;
	text-align:left;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	box-sizing:border-box;
}
.Rborder{
	border-bottom:3px solid #89888c;
}


.ShindanBox{
	width:100%;
	text-align:left;
	margin:20px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
	background-color:#f8f8f8;
}
.ShindanBox li{
	text-align:center;
	color:#000000;
	width:50%;
	margin:10px 0 0 0;
	padding:20px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	background-color:#f8f8f8;
}


.NamiBG{
	width:100%;
	height:62px;
	margin:0px 0 0 0;
	padding:0 0 0px 0;
	background-image: url(../img/nami_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	box-sizing:border-box;
	float:left;
}

.TOPCABOX{
	width:100%;
	text-align:center;
	margin:0px 0 0px 0;
	float:left;
	background-color:#FFFFFF;
	position:relative;
}
.TOPCABOXText{
	width:50%;
	color:#000000;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	position:absolute;
	top:0;
	right:0;
}
.TOPCABOXTextA{
	font-size:28px;
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
}
.TOPCABOXTextB{
	font-size:20px;
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
}

.TOPCABOXL{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	float:left;
}
.TOPCABOXR{
	width:50%;
	text-align:left;
	padding:25px;
	margin:100px 0 0 -40px;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
}

.TOPbCABOXL{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	float:left;
}
.TOPbCABOXR{
	width:50%;
	padding:20px;
	box-sizing:border-box;
	font-size:22px;
	color:#595757;
	text-align:left;
	margin:0px 0 0px 0;
	float:left;
}

/****CAボタン****/
.CABTA{
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	background-image: url(../img/ca_bt_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-size: cover;
	position:relative;
}
.CABTB{
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	background-image: url(../img/ca_bt_2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-size: cover;
	position:relative;
}
.CABTC{
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	background-image: url(../img/ca_bt_3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-size: cover;
	position:relative;
}
.CABTAText{
	width:315px;
	height:270px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: url(../img/ca_bt_bg.png);
	background-repeat: repeat;
	box-sizing:border-box;
	float:right;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#FFFFFF;
}
.CABTATextSP{
	width:100%;
	margin:0 0 0 0;
	padding:20px;
	background-image: url(../img/ca_bt_bg.png);
	background-repeat: repeat;
	box-sizing:border-box;
	float:left;
	text-align:center;
	color:#FFFFFF;
}

/****CAボタン****/


.ABG{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	float:left;
	background:url(../img/concept_bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ConceptBG{
	width:100%;
	padding:0 0 0 0px;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.ConceptTXT{
	width:100%;
	padding:0px;
	margin:50px 0 30px 0;
	text-align:center;
	float:left;
}
.MovieBG{
	width:100%;
	padding:0px;
	height:50px;
	margin:0px 0 0px 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background-image: url(../img/movie_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.CoBG{
	background-image: url(../img/co_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

.CoCaBox{
	background:url(../img/img_2_bg.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
}

.CompanyBG{
	background:url(../img/c_img_1.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.WelcomeBG{
	background:url(../img/wel_bg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}
.DeBGA{
	background:url(../img/de_bg_1.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.DeBGB{
	background:url(../img/de_bg_2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.PriceBG{
	background:url(../img/price_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.PerBG{
	background:url(../img/per_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.WaBG{
	background:url(../img/wa_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

#TOPWrapper{
	width:100%;
	max-width:1400px;
	margin:20px auto;
	padding:0 0 0 0;
	text-align:center;
}

#TOPIMG{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;

}
#TOPIMG img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#ALLTOPBTBOX{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	text-align:center;
}
.upshodow{

	background:url(../img/shadow.jpg),url(../img/shadow_b.jpg);
	background-position: top center,bottom center;
	background-repeat: repeat,repeat;
}

.TOPBTBOX{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
.TOPBTBOX li{
	display:inline-block;
	float: left;
	width: 33.3%;
	margin:20px 0 0 0;
	padding:10px;
	text-align:center;
	text-decoration: none;
	box-sizing:border-box;
	background-clip:content-box;
	background-origin : content-box;
	list-style:none;
	position:relative;
	over-flow:hidden;
}
.TOPBTBOXFOOTER{
	width:100%;
	margin:0 0 0px 0;
	text-align:center;
	float:left;
}
.TOPBTBOXFOOTER li{
	float: left;
	width: 33.3%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:center;
	text-decoration: none;
	box-sizing:border-box;
	list-style:none;
	position:relative;
}
.TOPBTBOXFOOTERfontA{
	font-size:18px;
}
.TOPBTBOXFOOTERfontB{
	font-size:12px;
}

.TOPBTBOX li img{
	max-width:100%;
	height: auto;
	width /***/:auto;
}
.TOPBTBOXIMG{
	width: 100%;
	margin:0 0 0 0;
	padding:0;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.TOPBTBOXTEXT{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateY(-50%) translateX(50%);
	-webkit- transform: translateY(-50%) translateX(50%);
	over-flow:hidden;
}

.PageHeadBox{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateY(-50%) translateX(50%);
	-webkit- transform: translateY(-50%) translateX(50%);
	over-flow:hidden;
}
.TOPBTBOXTEXTL{
	color:#FFFFFF;
	width: 100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	font-size:24px;
	float:left;
	line-height:1.2;
}
.TOPBTBOXTEXTR{
	color:#FFFFFF;
	width: 100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	float:left;
	font-size:18px;
	line-height:1.2;
}

.TOPBTBOXSE{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
.TOPBTBOXSE li{
	display:inline-block;
	float: left;
	width: 33.3%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:center;
	text-decoration: none;
	box-sizing:border-box;
	background-clip:content-box;
	background-origin : content-box;
	list-style:none;
	position:relative;
	over-flow:hidden;
	
}
.TOPBTBOXSE li img{
	max-width:100%;
	height: auto;
	width /***/:auto;
}

.CABTBOXSE{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
.CABTBOXSE li{
	float: left;
	width: 50%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:center;
	text-decoration: none;
	box-sizing:border-box;
	list-style:none;
}
.CABTBOXSE li img{
	max-width:100%;
	height: auto;
	width /***/:auto;
}


.ShadowBox{
	box-sizing:border-box;
	padding:0px;
	width:100%;
	height:100%;
	float:left;
	display:block;
	box-shadow:0px 0px 8px 3px #ccc;
}


.TOPBTA{
	background:url(../img/top_bt_bg_1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:350px;
}
.TOPBTB{
	background:url(../img/top_bt_bg_2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
}
.TOPBTC{
	background:url(../img/top_bt_bg_3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
}
.TOPBTD{
	background:url(../img/top_bt_bg_4.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
}
.TOPBTE{
	background:url(../img/top_bt_bg_5.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
}
.TOPBTF{
	background:url(../img/contact_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}




.TOPBTBOXtext{
	width:100%;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	padding:15px;
	box-sizing:border-box;
	font-weight:600;
	text-align:left;
}

.REBTBOXtext{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding:40px 10px 40px 10px;
	box-sizing:border-box;
	font-weight:600;
	background-color: rgba(0,134,57,0.8);
	max-width:300px;
}

#SIDEBTBOX{
	width:100%;
	margin:10px 0 0 0;
	text-align:left;
}
#SIDEBTBOX li{
	display: block;
	float: left;
	width: 48%;
	margin: 10px 0 0 5px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	position:relative;
}
#SIDEBTBOX li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}


/***コンテンツボタン****/
.ContentsBT{
	width:33.3%;
	float:left;
	padding:10px;
	margin:15px 0 0 0;
	box-sizing:border-box;
}


/***真ん中寄せボタン****/
.parentBOX {
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 300px;
	width:100%;
	height:100%;
	background: orange;
	
}
.exampleBOX {
	display: block;
	width: 100%;
	max-width: 300px;
	background: #FFF;
	text-align:left;
}

/********/
/*本文*/
/********/
/*全体*/
#TOPpageWrapper{
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#pageWrapper{
	position:relative;
	width:100%;
	max-width:1400px;
	margin:0 auto;
	text-align:left;
}
/*第一階層*/
#MainWrapper{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#PageImg{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	background-color:#FFFFFF;
	float:left;
	position:relative;
}
#PageImg img{
	max-width: 100%;
	height: auto;
	width :auto;
}
.PageTextBoxA{
	width:50%;
	margin:0 0 0 0;
	padding:15px;
	text-align:left;
	box-sizing:border-box;
	position:absolute;
	bottom:0;
	left:0;
}
.PageTextBoxB{
	width:100%;
	line-height:1.0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:40px;
	line-height:1.0;
	margin:0 0 0 0;
	padding:10px 10px 10px 30px;
	box-sizing:border-box;
	text-align:left;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.PageTextBoxBTextA{
	line-height:1.0;
	font-size:18px;
}
.PageTextBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	text-align:left;
	float:left;
}
.PageTextBoxR{
	width:50%;
	color:#FFFFFF;
	font-size:48px;
	line-height:1.0;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	text-align:right;
	float:left;
}


#MidashiLine{
	width:100%;
	float:left;
	margin:0 0 50px 0;
	text-align:left;
	background:url(../img/midashi_line.png);
	background-position:right 0px top 40px;
	background-repeat:no-repeat;
}
.KugiriLine{
	width:100%;
	float:left;
	height:31px;
	margin:0 0 20px 0;
	text-align:left;
	background:url(../img/kugiri.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.MidashiBGNEW{
	color:#000000;
	letter-spacing:5px;
	width:100%;
	float:left;
	padding:20px;
	font-size:30px;
	margin:20px 0 0 0;
	text-align:center;
	box-sizing:border-box;
	font-style: italic;
	position: relative;
	line-height:1.0;
}
.MidashiBGNEWSE{
	color:#000000;
	letter-spacing:5px;
	width:100%;
	float:left;
	padding:20px;
	font-size:30px;
	margin:20px 0 0 0;
	text-align:center;
	box-sizing:border-box;
	font-style: italic;
	position: relative;
	line-height:1.0;
}
.ViweAll{
	width:100%;
	max-width:100px;
	position: absolute;
	top: 5px;
	right: 5px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.UketukeBox{
	width:100%;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.UketukeBoxL{
	text-align:left;
	color:#00000;
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
	position:  absolute;
	bottom:0;
	left:0;
}
.UketukeBoxR{
	text-align:center;
	color:#00000;
	width:50px;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
	position:  absolute;
	top:0;
	right:0;
}
.YoyakauDay{
	font-size:9px;
	margin:0 0 0 0;
	color:#003b77;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	background-color:#FFFFFF;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.YoyakauOn{
	font-size:12px;
	width:100%;
	margin:0 0 0 0;
	color:#FFFFFF;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	background-color:#000000;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}
.YoyakauOff{
	font-size:12px;
	width:100%;
	margin:0 0 0 0;
	color:#6b6b6b;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	background-color:#c7c7c7;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.CateDayA{
	font-size:12px;
	width:100%;
	margin:0 0 0 0;
	color:#8a8a8a;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	background-color:#f1f1f1;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.CateDayB{
	font-size:9px;
	width:100%;
	margin:0 0 0 0;
	color:#FFFFFF;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	background-color:#189150;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.ContentsBGNEW{
	color:#FFFFFF;
	letter-spacing:5px;
	width:100%;
	float:left;
	padding:80px 20px 80px 20px;
	font-size:30px;
	margin:20px 0 0 0;
	text-align:center;
	background:url(../img/contents_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	background-size: cover;
}
.ContentsBGFooter{
	width:100%;
	float:left;
	padding:200px 10px 10px 10px;
	margin:-200px 0 0 0;
	text-align:center;
	background:url(../img/contents_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	background-size: cover;
}

.AboutBG{
	background:url(../img/about_midashi.png);
	background-position:top 10% right 10%;
	background-repeat:no-repeat;
	background-size:20%;

}

.TOPmessegaeBox{
	width:100%;
	float:left;
	padding:0;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 60%, #f5f5f5 60%, #f5f5f5 100%);
}
.TOPmessegaeBoxA{
	width:100%;
	color:#FFFFFF;
	font-size:30px;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.TOPmessegaeBoxB{
	width:100%;
	color:#FFFFFF;
	font-size:22px;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.TOPmessegaeSlide{
	width:100%;
	float:left;
	padding:0px;
	margin:-130px 0 0 0;
	text-align:center;
	box-sizing:border-box;
}


/**#PageImg img{
	width: 100%;
}*/
.PageTitle{
	position:absolute;
	top:35%;
	left:0;
	right:0;
	margin: auto;
	color:#FFFFFF;
	font-size:34px;
}

.CONCEPTTOPhead{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.CONCEPTTOPheadL{
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.CONCEPTTOPheadR{
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}

.CONCEPTTOP{
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
	background-color:#272727;
}

.CONCEPTTOPA{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	box-sizing:border-box;
	float:left;
}

.CONCEPTTOPAtext{
	width:100%;
	color:#FFFFFF;
	font-size:18px;
	margin:0 0 0 0;
	text-align:center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateY(-50%) translateX(50%);
	-webkit- transform: translateY(-50%) translateX(50%);
	over-flow:hidden;
}

.CONCEPTTOPB{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.CONCEPTTOPC{
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.CONCEPTTOPD{
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:20px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}



.RecMidashi{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateY(-50%) translateX(50%);
	-webkit- transform: translateY(-50%) translateX(50%);
	over-flow:hidden;
}


/********/
/*レフト*/

#LeftBox{
	display:inline;
	width:100%;
	margin:20px 0 50px 0;
	padding:0 0 0 0;
	float:left;
}
#LeftBoxBlog{
	display:inline;
	width:76%;
	margin:20px 0 50px 0;
	padding:0 0 0 0;
	float:left;
}
#BlogAllBox li{
	text-align:left;
	color:#00000;
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
/*ブログ用のリスト*/
.BlogNewsBox{
	width:100%;
	margin:20px 0 20px 0;
	padding:0 0 0 0;
	float:left;
	font-size:14px;
	box-shadow: 0 0 4px gray;
	position:relative;
	box-sizing:border-box;
	color:#000000;
	background-color:#FFFFFF;
}
.BlogNewsBoxL{
	width:30%;
	margin:0 0 0 0;
	padding:1px;
	float:left;
	box-sizing:border-box;
	text-align:center;
	color:#000000;
}
.BlogNewsBoxR{
	width:68%;
	margin:0 0 0 0;
	padding:5px;
	float:right;
	box-sizing:border-box;
	text-align:left;
	color:#000000;
}
.BlogNewsBoxL img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.BlogNewsBoxR img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.BlogBT{
	font-size:12px;
	width:150px;
	margin:0 0 0 0;
	text-align:center;
	position: absolute;
	bottom: 5px;
	right: 0px;

}
.BlogBT a:link, .BlogBT a:visited, .BlogBT a:hover{
	padding:5px;
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
.BlogBT a:hover{
	color:#5a5a5a;
	text-decoration: underline;
	background-color:#e9e9e9;
}
.BlogBTB{
	width:150px;
	margin:0 0 0 0;
	text-align:center;

}
.BlogBTB a:link, .BlogBTB a:visited, .BlogBTB a:hover{
	padding:5px;
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
.BlogBTB a:hover{
	color:#5a5a5a;
	text-decoration: underline;
	background-color:#e9e9e9;
}

.BlogAuthor{
	width:100%;
	margin:30px 0 0 0;
	padding:5px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}

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


/********/
/*各企業商品紹介*/
/********/



.SyasenBGA{
	background-size: auto auto;
	background-color: rgba(254, 249, 230, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(243, 235, 208, 1) 10px, rgba(243, 235, 208, 1) 20px );
}
.SyasenBGB{
	background-size: auto auto;
	background-color: rgba(242, 236, 234, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(242, 231, 229, 1) 10px, rgba(242, 231, 229, 1) 20px );
}
.SyasenBGC{
	background:url(../img/soy_bg.jpg);
	background-position:top left;
	background-repeat:repeat;
}

.SyasenBGD{
	background-size: auto auto;
	background-color: rgba(246, 249, 215, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(233, 235, 191, 1) 10px, rgba(233, 235, 191, 1) 20px );
}
.SyasenBGE{
	background-size: auto auto;
	background-color: rgba(250, 254, 255, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(242, 252, 255, 1) 10px, rgba(242, 252, 255, 1) 20px );
}


/*****取扱商品******/


/*****取扱商品******/


.ItemLinkBT{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.ItemLinkBT li{
	width:25%;
	float:left;
	padding:10px;
	box-sizing:border-box;
	transition: 0.5s;
	list-style:none;
}
.ItemLinkBT li a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	background-color:#09526d;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	transition: 0.5s;
}
.ItemLinkBT li:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.ItemLinkBTKai{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.ItemLinkBTKai li{
	width:33.3%;
	float:left;
	padding:10px;
	box-sizing:border-box;
	transition: 0.5s;
	list-style:none;
}
.ItemLinkBTKai li a{
	display:block;
	font-size:14px;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	background-color:#09526d;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	transition: 0.5s;
}
.ItemLinkBTKai li:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}


.KigyouItemBox{
	width:100%;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	background-color:#FFFFFF;
	border-radius:5px;
}
.KigyouItemBoxL{
	width:60%;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.KigyouItemBoxR{
	width:40%;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	display:flex;
	justify-content: center;
	align-items: center;
}


.KigyouItemBoxA{
	width:100%;
	font-size:24px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	background-color:#5b4d42;
}
.KigyouItemBoxASE{
	width:100%;
	font-size:24px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	background-color:#5b4d42;
}
.KigyouItemBoxB{
	width:100%;
	font-size:18px;
	font-weight:bold;
	color:#3c2b05;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.KigyouItemBoxC{
	width:100%;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.KigyouItemBoxSum{
	width:33.3%;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}



/********/
/***料金表**/
/********/
.PRICEmidashiBox{
	width:100%;
	line-height:1.0;
	float:left;
	color:#FFFFFF;
	padding:80px 10px 80px 10px;
	margin:0 0 0 0;
	text-align:center;
	background:url(../img/price_midashi_1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	background-size: cover;
}
.PRICEmidashiBoxB{
	width:100%;
	line-height:1.0;
	float:left;
	color:#FFFFFF;
	padding:80px 10px 80px 10px;
	margin:0 0 0 0;
	text-align:center;
	background:url(../img/price_midashi_2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	background-size: cover;
}


.PaintListBox{
	width:50%;
	float:left;
	padding:10px;
	margin:10px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintListBox:first-child{
}
.PaintListBoxA{
	width:100%;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	color:#165f8f;
	border-bottom:2px solid #165f8f;
}
.PaintListBoxB{
	width:100%;
	font-size:16px;
	float:left;
	padding:10px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}

.PaintListBoxAL{
	width:15%;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintListBoxAR{
	width:85%;
	font-size:20px;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PointFontA{
	width:100%;
	line-height:1.0;
	font-size:8px;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.PointFontB{
	width:100%;
	font-size:24px;
	line-height:1.0;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	text-align:center;
	box-sizing:border-box;
}


.PaintPriceListBox{
	width:100%;
	float:left;
	padding:10px;
	margin:20px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border-bottom:2px solid #165f8f;
}
.PaintPriceListBoxA{
	width:35%;
	color:#165f8f;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxAL{
	width:100%;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxAR{
	width:100%;
	font-size:30px;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxB{
	width:35%;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxBL{
	width:100%;
	color:#165f8f;
	font-size:18px;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxBR{
	width:100%;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxC{
	width:30%;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:right;
	box-sizing:border-box;
	line-height:1.0;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.PaintPriceListBoxCA{
	color:red;
	font-size:40px;
}
.PaintPriceListBoxCB{
	color:red;
	font-size:18px;
}



.PaintPriceInfoBox{
	width:100%;
	float:left;
	padding:10px;
	margin:20px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border-bottom:2px solid #165f8f;
}
.PaintPriceInfoBoxA{
	width:70%;
	color:#165f8f;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceInfoBoxB{
	width:30%;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:right;
	box-sizing:border-box;
	line-height:1.0;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}


.PriceCardBox{
	width:100%;
	font-size:30px;
	color:#165f8f;
	float:left;
	padding:10px;
	margin:20px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border-bottom:2px solid #165f8f;
}
.PriceCardBoxText{
	width:100%;
	font-size:16px;
	float:left;
	padding:10px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}

/********/
/***Q&A**/
/********/
.QAmidashiBox{
	width:100%;
	line-height:1.0;
	float:left;
	color:#FFFFFF;
	padding:80px 10px 80px 10px;
	margin:0 0 0 0;
	text-align:center;
	background:url(../img/qa_midashi_1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	background-size: cover;
}



.QAListBox{
	width:100%;
	float:left;
	padding:0;
	margin:40px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.QAListBox:first-child{
	margin:0px 0 0 0;
}
.QAListBoxA{
	width:100%;
	color:#165f8f;
	font-size:24px;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border-bottom:2px solid #165f8f;
}
.QAListBoxB{
	width:100%;
	float:left;
	font-size:16px;
	padding:10px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}


/********/
/***物流**/
/********/
.LOGImidashiBox{
	width:100%;
	line-height:1.0;
	float:left;
	color:#FFFFFF;
	padding:80px 10px 80px 10px;
	margin:0 0 0 0;
	text-align:center;
	background:url(../img/logi_midahi_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	background-size: cover;
}


/**共通のホワイトボックス***/
.WhiteMidashiBox{
	width:100%;
	max-width:300px;
	padding:0px;
	margin:0 0 0 0;
	text-align:left;
	border-radius:20px;
	box-sizing:border-box;
	background-color:#FFFFFF;
	position:absolute;
	top:-20px;
	left:10px;
}
.WhiteMidashiBoxL{
	width:25%;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.WhiteMidashiBoxLA{
	width:100%;
	line-height:1.3;
	font-size:10px;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.WhiteMidashiBoxLB{
	width:100%;
	line-height:1.3;
	font-size:48px;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.WhiteMidashiBoxR{
	width:75%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height:1.3;
	font-size:24px;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:center;
	box-sizing:border-box;
}


.WhiteContentsBox{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.WhiteContentsBoxL{
	width:40%;
	line-height:1.8;
	font-size:30px;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}

.WhiteContentsBoxR{
	width:60%;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}

/**共通のグレイボックス***/

.GrayAllBox{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:left;
	background-color:#f9f9f9;
	border-radius:0 0 20px 20px;
	box-sizing:border-box;
}
.GrayMidashiPhoto{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.GrayMidashiBox{
	width:100%;
	color:#FFFFFF;
	float:left;
	padding:0px;
	margin:-30px 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.GrayMidashiBox span{
	width:100%;
	font-size:28px;
	color:#FFFFFF;
	padding:15px 60px 15px 60px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	background-color:#272727;
	border-radius:20px;
}
.RoofMidashiBox{
	width:100%;
	color:#FFFFFF;
	float:left;
	padding:0px;
	margin:-30px 0 0 0;
	text-align:center;
	box-sizing:border-box;
	line-height:1.8;
}
.RoofMidashiBox span{
	background-color:#0095dd;
	display:inline-block;
	font-size:28px;
	color:#FFFFFF;
	padding:15px 60px 15px 60px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	border-radius:20px;
}
.GrayMainBox{
	width:100%;
	float:left;
	padding:40px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.GrayMainBoxA{
	width:100%;
	color:#FFFFFF;
	font-size:24px;
	float:left;
	padding:15px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	background-color:#000000;
}
.GrayMainBoxB{
	width:100%;
	font-size:18px;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.GrayMainBoxC{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #000000;
}

.GrayMainBoxD{
	width:100%;
	color:#FFFFFF;
	float:left;
	padding:10px;
	margin:-30px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.GrayMainBoxD span{
	width:100%;
	font-size:18px;
	color:#FFFFFF;
	padding:10px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	background-color:#000000;
}
.GrayMainBoxE{
	width:100%;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.GrayToiBox{
	width:100%;
	float:left;
	background-color:#FFFFFF;
	padding:40px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.GrayToiBoxSE{
	width:100%;
	float:left;
	background-color:#e9e9e9;
	padding:40px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.GrayToiBoxA{
	width:100%;
	font-size:20px;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.GrayToiBoxB{
	width:100%;
	font-weight:normal;
	font-size:16px;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}

.GrayMainBoxListA{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.GrayMainBoxListAL{
	width:40%;
	float:right;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.GrayMainBoxListAR{
	width:60%;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.GrayInfoBox{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	border-bottom:1px solid #bababa;
}
.GrayInfoBoxL{
	width:30%;
	float:left;
	padding:20px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border-right:1px solid #bababa;
}
.GrayInfoBoxR{
	width:70%;
	float:left;
	padding:20px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}


/**共通のブラックボックス***/
.BlackMidashiBoxA{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlackMidashiBoxAL{
	width:50%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.BlackMidashiBoxAR{
	width:50%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.BlackMidashiA{
	width:100%;
	font-size:24px;
	color:#FFFFFF;
	background-color:#000000;
	float:left;
	padding:10px;
	margin:15px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlackMidashiB{
	width:100%;
	font-size:16px;
	float:left;
	padding:15px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}


.BlackNumberBox{
	width:100%;
	float:left;
	padding:0px;
	margin:80px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlackNumberBoxL{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.BlackNumberBoxR{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}

.BlackNumber{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	border-bottom:2px solid #000000;
	text-align:left;
	box-sizing:border-box;
}
.BlackNumberL{
	width:10%;
	font-size:24px;
	color:#FFFFFF;
	background-color:#000000;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.BlackNumberR{
	width:90%;
	font-size:24px;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlackNumberText{
	width:100%;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlackNumberPhoto{
	width:100%;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}

.BlackNumberTextL{
	width:30%;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}

.BlackNumberTextR{
	width:70%;
	float:left;
	padding:10px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}


.BlackMekerBox{
	width:50%;
	float:left;
	padding:10px;
	margin:50px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlackMekerBoxL{
	width:100%;
	font-size:20px;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border-bottom:1px dotted #000000;
}
.BlackMekerBoxR{
	width:100%;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}

/**共通のブルーボックス***/

.BlueAllBox{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border:3px solid #165f8f;
}
.BlueMidashiBox{
	width:100%;
	font-size:28px;
	color:#FFFFFF;
	background-color:#165f8f;
	float:left;
	padding:15px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlueMidashiBoxL{
	width:50%;
	font-size:28px;
	float:left;
	padding:0;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlueMidashiBoxR{
	width:49%;
	font-size:18px;
	float:right;
	padding:5px;
	margin:0 0 0 0;
	text-align:right;
	box-sizing:border-box;
}
.BlueMainBox{
	width:100%;
	float:left;
	padding:40px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}


/********/
/*ライト*/
#RightBox{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:right;
}

#RightBox a:link, #RightBox a:visited, #RightBox a:hover{
	color:#4a340e;
	text-decoration: none;
}
#RightBox a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}

#RightBoxBlog{
	display:inline;
	width:23%;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:right;
}

#RightBoxBlog li{
	text-align:left;
	color:#00000;
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}

#SideNavi{
	float: left;
	width: 100%;
}
#SideNaviSP{
	display:none;
	float: left;
	width: 100%;
}

#MenuListBox{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 40px 0;
	text-align:left;
	float:left;
	background-color:#FFFFFF;
}
#ListBoxM{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	box-sizing: border-box;
	text-align:left;
	float:left;
}
#ListBoxM li{
	display: block;
	float:left;
	width: 100%;
	font-size:12px;
	margin:5px 0 5px 0;
	padding:0 0 0 0;
	text-align: left;
	border-bottom: dotted 1px #000000;
	text-decoration: none;
}
#ListBoxM li a{
	display: block;
	text-decoration: none;
	color:#000000;
}
#ListBoxM li a:visited{
	color:#000000;
}
#ListBoxM li a:hover{
	color:#000000;
}


#SideBox{
	width:100%;
	margin:50px 0 10px 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
}
#SideBoxList{
	width:100%;
	margin:0 0 0 0;
	padding:10px 10px 20px 10px;
	text-align:left;
	float:left;
	background-color:#e87296;
	box-sizing:border-box;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
#SideBoxList li{
	width:98%;
	float:left;
	margin: 10px 0 0 0;
	padding: 5px;
	text-align: left;
	text-decoration: none;
	list-style:none;
	border-bottom:1px dotted #FFFFFF;
	float: left;
}
#SideBoxList li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
/********/
/***TOPメインコンテンツ***/

.TOPmidashi{
	display:none;
}

.TOPSP{
	display:none;
}


/********/
/*第2階層パンくず*/
#Pankuzu{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:20px;
	text-align:left;
	box-sizing: border-box;
	color:#000000;
	transition: 0.5s;
}
#Pankuzu a{
	transition: 0.5s;
}
#Pankuzu a:link, #Pankuzu a:visited, #Pankuzu a:hover{
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}
#Pankuzu a:hover{
	color:#6a6a6a;
	text-decoration: underline;
	transition: 0.5s;
}
/*第2階層ページナビ*/
#PageNavi{
	width:100%;
	max-width:860px;
	margin:20px 0 50px 0;
	color:#333c41;
	font-size:14px;
	text-align:center;
	float:left;
}
#PageNavi a:link, #PageNavi a:visited{
	color:#f4a102;
}
#PageNavi a:hover{
	color:#f4a102;
	cursor:pointer;
}
/*第2階層ページTopへ*/
.PageUp{
	width:100%;
	max-width:860px;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.PageUp ul{
	width:100%;
	max-width:860px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.PageUp li{
  display: block;
  float: right;
  width: 120px;
  border-bottom: 1px solid #93232a;
  margin: 0;
  padding: 0; }
.PageUp li a{
  display: block;
  padding: 12px 0 10px;
  background-color:#a4333a;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.PageUp li a:hover{
  background: #e6858b;
}
/****本文****/
.MidashiSP{
	width:100%;
	float:left;
	text-align:left;
	background:url("../img/bg_line.jpg");
	background-position:bottom left;
	background-repeat:repeat-x;
}
#TextBox{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
}
#TextBox img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
#HonbunBox{
	width:100%;
	max-width:780px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
}
.HonbunText{
	width:100%;
	max-width:780px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
}
.HonbunText li{
	display: block;
	float: left;
	width: 33%;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
}
.HonbunText img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.HonbunIMGSP{
	display:none;
	width:100%;
	max-width:860px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
}
/*****/

/********/
 
.iframe-css {
	margin:15px 0 25px 0;
	position: relative;
	width: 100%;
	padding-top:80%;
	float:left;
}
 
.iframe-css iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.iframe-css-footer {
	margin:0 0 0px 0;
	position: relative;
	width: 100%;
	padding-top:30%;
	float:left;
}
 
.iframe-css-footer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.iframe-css-map {
	margin:0 0 0px 0;
	position: relative;
	width: 100%;
	padding-top:70%;
	float:left;
}
 
.iframe-css-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*スタッフ紹介*/
.StaffBox{
	width:100%;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.StaffBox li{
	width:100%;
	margin:80px 0 0 0;
	padding:15px;
	text-align: center;
	text-decoration: none;
	list-style:none;
	float: left;
	box-sizing:border-box;
}
.StaffBox li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.StaffBoxL{
	width:45%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.StaffBoxR{
	width:55%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.StaffBoxLL{
	width:45%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:right;
	box-sizing:border-box;
}
.StaffBoxRR{
	width:55%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}

/*耐震リスト*/
.TaishinBox{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.TaishinBox li{
	width:33.3%;
	margin: 0 0 0 0;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	list-style:none;
	float: left;
	box-sizing:border-box;
}
.TaishinBox li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}


/***買取実績****/
.BiruBoxAll{
	width:100%;
	text-align:left;
	margin:50px 0 0 0;
	padding:0px 0 20px 0;
	float:left;
	box-sizing:border-box;
	border-bottom:1px dotted #9a9a9a;
}
.BiruBox{
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.BiruBoxL{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.BiruBoxR{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:0px;
	float:right;
	font-size:14px;
	line-height:1.5;
	box-sizing:border-box;
}
.BiruPhoto{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}

.BiruSum{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.BiruSum li{
	display: block;
	float: left;
	width: 33%;
	margin: 0 0 0 0;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	box-sizing:border-box;
}



.BiruSumBox{
	width:100%;
	text-align:left;
	margin:40px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.BiruSumBoxL{
	width:30%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.BiruSumBoxR{
	width:70%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	float:right;
	font-size:14px;
	line-height:1.5;
	box-sizing:border-box;
}
.BiruSumPhoto{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}

.WorkSum{
	display:inline;
	width:100%;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.WorkSum li{
	text-align:center;
	color:#00000;
	width:25%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
.WorkinfoBox{
	width:33.3%;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}

.AfBeBox{
	display:inline;
	width:100%;
	margin:20px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}

.ListPhotoBox{
	width:100%;
	height:300px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.ListPhoto{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}


/***アクセス・予約****/

.marumidashi{
	width:100%;
	text-align:center;
	max-width:80px;
	background-color:#93b34e;
	font-size:16px;
	padding:5px;
	box-sizing:border-box;
	color:#FFFFFF;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	float:left;
}


.ApMidashi{
	width:100%;
	text-align:left;
	margin:0 0 50px 0;
	padding:5px;
	float:left;
	border-bottom:1px dotted #000000;
	box-sizing:border-box;
}
.ApTable{
	width:100%;
	font-size:20px;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}

.ApText{
	line-height:1.3;
	width:100%;
	text-align:left;
	float:left;
	background-color:#FFFFFF;
	margin:0 0 0 0;
	padding:30px;
	box-sizing:border-box;
	color:red;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
}

.flowmidashi{
	width:100%;
	text-align:center;
	background-color:#93b34e;
	font-size:30px;
	padding:5px;
	box-sizing:border-box;
	color:#FFFFFF;
	border-radius: 10px 10px 0px 0px;        /* CSS3草案 */  
	-webkit-border-radius: 10px 10px 0px 0px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px 10px 0px 0px;   /* Firefox用 */
	float:left;
}
.flowBox{
	width:100%;
	margin:-3px 0 0px 0;
	text-align:left;
	padding:30px;
	float:left;
	box-sizing:border-box;
	background-color:#FFFFFF;
	border:3px solid #93b34e;
	border-radius: 0px 0px 10px 10px;        /* CSS3草案 */  
	-webkit-border-radius: 0px 0px 10px 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0px 0px 10px 10px;   /* Firefox用 */
}
.flowList{
	width:100%;
	margin:20px 0 0px 0;
	text-align:left;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.flowTitle{
	width:100%;
	line-height:1.3;
	margin:0 0 20px 0;
	text-align:left;
	padding:5px;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #93b34e;
	padding-left:2em;
	text-indent:-2em;
}
.flowLBox{
	width:30%;
	margin:0 0 0px 0;
	text-align:center;
	padding:5px;
	float:left;
	box-sizing:border-box;
}
.flowRBox{
	width:70%;
	font-size:18px;
	margin:0 0 0px 0;
	text-align:left;
	padding:10px;
	float:right;
	box-sizing:border-box;
}


.MitiList{
	width:100%;
	margin:20px 0 0px 0;
	text-align:left;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.MitiLBox{
	width:40%;
	margin:0 0 0px 0;
	text-align:center;
	padding:5px;
	float:left;
	box-sizing:border-box;
}
.MitiRBox{
	width:60%;
	font-size:16px;
	margin:0 0 0px 0;
	text-align:left;
	padding:10px;
	float:right;
	box-sizing:border-box;
}

/***コンセプト****/

.QUOmidashiBox{
	width:100%;
	line-height:1.0;
	float:left;
	color:#FFFFFF;
	padding:80px 10px 80px 10px;
	margin:0 0 0 0;
	text-align:center;
	background:url(../img/concept_midashi_1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	background-size: cover;
}


.TuyomiAllBox{
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	padding:0 50px 0 50px;
	float:left;
	box-sizing:border-box;
	background-color:#f6f9fe;
	border-radius:20px;
}
.TuyomiMidashiBox{
	width:100%;
	text-align:left;
	margin:-30px 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.TuyomiMidashiBoxA{
	width:100%;
	font-size:40px;
	text-align:center;
	line-height:1.3;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.TuyomiMidashiBoxB{
	width:100%;
	color:#b4b4b4;
	font-size:24px;
	text-align:center;
	line-height:1.3;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}

.TuyomiMainBox{
	width:100%;
	text-align:left;
	background-color:#FFFFFF;
	margin:60px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.TuyomiMainBoxL{
	width:30%;
	text-align:center;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.TuyomiMainBoxR{
	width:70%;
	text-align:left;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.TuyomiMainBoxRA{
	width:100%;
	font-size:24px;
	text-align:left;
	margin:0px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.TuyomiMainBoxRB{
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.TuyomiMainBoxRC{
	width:100%;
	color:#f1f3f7;
	font-size:30px;
	text-align:right;
	margin:0px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}

.CoMidashiPhoto{
	width:55%;
	text-align:center;
	margin:0px 0 0 0;
	padding:0px;
	float:left;
	line-height:1.3;
	position:absolute;
	top:-20px;
	left:0;
}
.CoMidashi{
	width:100%;
	text-align:left;
	margin:20px 0 0 0;
	padding:5px;
	font-size:18px;
	float:left;
	line-height:1.3;
	border-bottom:1px dotted #000000;
	box-sizing:border-box;
}
.CoCacth{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:20px;
	font-size:18px;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
	background:url(../img/c_img_main.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	background-size: cover;

}
.CoTable{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.TaisakuBox{
	width:100%;
	text-align:left;
	margin:80px 0 0 0;
	padding:0px 40px 40px 40px;
	float:left;
	line-height:1.5;
	box-sizing:border-box;
	background-color:#FFFFFF;
	border-radius:10px;        /* CSS3草案 */  
	-webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:10px;   /* Firefox用 */
}




.AddConceptBox{
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.AddConceptBoxL{
	width:45%;
	text-align:center;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.AddConceptBoxR{
	width:55%;
	text-align:left;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.AddConceptBoxLSE{
	width:45%;
	text-align:center;
	margin:0px 0 0 0;
	padding:10px;
	float:right;
	box-sizing:border-box;
}
.AddConceptBoxRSE{
	width:55%;
	text-align:center;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}


/***院長紹介****/

.DocLine{
	width:100%;
	height:16px;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	line-height:1.5;
	box-sizing:border-box;
	background-image: url(../img/doc_line.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.DocListBox{
	width:100%;
	margin:5px 0 0 0;
	text-align:left;
	padding:0;
	float:left;
	box-sizing:border-box;
	color:#000000;
}
.DocListBoxL{
	width:20%;
	margin:0 0 0 0;
	text-align:left;
	padding:0 5px 0 5px;
	float:left;
	box-sizing:border-box;
}
.DocListBoxR{
	width:80%;
	margin:0 0 0 0;
	text-align:left;
	padding:0 5px 0 5px;
	float:left;
	box-sizing:border-box;
}


.DocListBoxA{
	width:100%;
	margin:5px 0 0 0;
	text-align:left;
	padding:0;
	float:left;
	box-sizing:border-box;
	color:#000000;
}
.DocListBoxAL{
	width:70%;
	margin:0 0 0 0;
	text-align:left;
	padding:0 5px 0 5px;
	float:left;
	box-sizing:border-box;
}
.DocListBoxAR{
	width:30%;
	margin:0 0 0 0;
	text-align:left;
	padding:0 5px 0 5px;
	float:right;
	box-sizing:border-box;
}
.KenkyuBox{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	padding:20px 40px 20px 40px;
	float:left;
	line-height:1.5;
	box-sizing:border-box;
	background-color:#fffdf9;
	border-radius:10px;        /* CSS3草案 */  
	-webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:10px;   /* Firefox用 */
}
.marumidashiD{
	display: inline-block;
	text-align:left;
	background-color:#93b34e;
	font-size:16px;
	padding:10px 20px 10px 20px;
	box-sizing:border-box;
	color:#FFFFFF;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
}


.KakoBox{
	width:100%;
	margin:20px 0 0 0;
	text-align:left;
	padding:10px;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #b7d580;
}
.KakoList{
	width:100%;
	line-height:1.5;
	margin:0 0 0 0;
	text-align:left;
	padding:0;
	float:left;
	box-sizing:border-box;
}

/***取り組み****/

.AppTextBox{
	width:100%;
	font-size:18px;
	text-align:left;
	margin:10px 0 0 0;
	padding:20px 40px 20px 40px;
	float:left;
	line-height:1.5;
	box-sizing:border-box;
	background-color:#f8f6f3;
	border-radius:10px;/* CSS3草案 */  
	-webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:10px;   /* Firefox用 */
}

/*******/



/*初めての方へ*/

.StepBoxALL{
	width:100%;
	margin:0px 0 60px 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.StepBox{
	width:100%;
	margin:40px 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.StepBoxL{
	width:35%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.StepBoxR{
	width:65%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	box-sizing:border-box;
	float:right;
}
.StepBoxArrow{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.StepBoxMidashi{
	font-size:24px;
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	border-left:1px dotted #000000;
	border-bottom:1px solid #000000;
}
.StepBoxText{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	font-weight:normal;
	box-sizing:border-box;
	float:left;
}


/*標準仕様*/

.StandBox{
	display:inline;
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.StandBox li{
	text-align:center;
	color:#00000;
	width:33%;
	margin:0 0 0 0;
	padding:10px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
	display:flex;
}
.StandBoxF{
	width:100%;
	height:100%;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
	border:3px solid #f6f6f6;
}





/*ブログ*/
#MonthList{
	display:inline;
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	list-style-type:none;
	text-align:left;
}
#MonthList li{
	width:100%;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
}


.Retable th{
	width:25%;
	color:#000000;
	background-color:none;
	text-align:left;
	border-bottom:1px dotted #000000;
	box-sizing:border-box;
}
.Retable td{
	width:75%;
	color:#000000;
	background-color:none;
	text-align:left;
	border-bottom:1px dotted #000000;
	box-sizing:border-box;
}

.RetableA th{
	width:25%;
	color:#FFFFFF;
	background-color:none;
	text-align:left;
	border-bottom:1px dotted #000000;
	background-color:#939393;
	box-sizing:border-box;
	padding:10px;
}
.RetableA td{
	width:75%;
	color:#000000;
	background-color:none;
	text-align:left;
	border-bottom:1px dotted #000000;
	background-color:#FFFFFF;
	box-sizing:border-box;
	padding:10px;
}

.Parttable{
	margin:5px 0 0 0;
	width:100%;
	float:left;
	border-collapse:collapse;
}
.Parttable td{
	padding:10px;
}
.Parttable .ParttdA{
	width:28%;
}
.Parttable .ParttdB{
	width:16%;
}
.Parttable .ParttdC{
	width:16%;
}
.Parttable .ParttdD{
	width:40%;
}


/*動画の投稿*/
.MovieListF{
	display:inline;
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.MovieListF li{
	text-align:center;
	color:#000000;
	width:33%;
	margin:0 0 0 0;
	padding:10px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
.MovieBox{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.MovieBox iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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


/*イベントの投稿*/
/*イベント*/
.EveBox{
	text-align:left;
	font-size:10px;
	width:50%;
	margin:15px 0 0 0;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
}
.EveBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.EveBoxR{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	box-sizing:border-box;
	float:right;
}

.EvePhoto{
	width:100%;
	float:left;
}

/******施工事例***/
#ProList{
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#ProList li{
	display: table-cell;
	box-sizing: border-box;
	padding:10px;
	box-sizing:border-box;
}
#ProList li a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	background-color:#595757;
	color:#FFFFFF;
	text-decoration: none;
}
#ProList li:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}


.WorkSum{
	display:inline;
	width:100%;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.WorkSum li{
	text-align:center;
	color:#00000;
	width:25%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
.WorkinfoBox{
	width:33.3%;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.ListPhotoBox{
	width:100%;
	height:220px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

/* 来場予約 */
.RaijyouBox{
	
	background:url(../img/cafe_bg.jpg);
	background-repeat: repeat;
	background-position: left top;

}
/*WEB相談会*/
.WebSpace{
	padding:0 30px 0 30px;
}

/******お問合せフォーム***/
.ToiBox{
	width:100%;
	max-width:730px;
	margin:15px 0 0 200px;
	padding:5px; 
	text-align:left;
	float:left;
	box-sizing: border-box;
}
.table-contactform7 th{
	color:#000000;
}


/********/
/*フッタお問合せ*/
/********/
.ContactBox{
	width:100%;
	padding:10px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing: border-box;
	float:left;
	background:url(../img/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.ContactBoxL{
	width:50%;
	padding:20px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing: border-box;
	float:left;
}
.ContactBoxR{
	width:50%;
	padding:20px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing: border-box;
	float:left;
}


/********/
/*フッタBOX*/
/********/
.FooterBG{
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
#footer{
	width:100%
	min-height:500px;
	width:100%;
	padding:60px 0 60px 0;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	color:#FFFFFF;
	box-sizing: border-box;
	background-color:#15758c;
}

#FooterBox{
	width:100%;
	max-width:1100px;
	margin:0 0 0 0;
	padding:15px 0 50px 0;
	text-align:center;
	color:#FFFFFFF;
	transition: 0.5s;
}
#FooterBox a{
	transition: 0.5s;
	color:#757575;
	text-decoration: none;
}
#FooterBox a:hover{
	transition: 0.5s;
	color:#cacaca;
}

#FooterBoxSP{
	display:none;
	width:100%;
	line-height:1.3;
	margin:0 0 0 0;
	padding:5px 0 0 0;
	color:#FFFFFF;
	text-align:left;
}
#FooterBT{
	width:100%;
	font-size:80%;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	color:#FFFFFF;
}


#FooterBTSP{
	width:100%;
	margin:10px 0 0 0;
	color:#FFFFFF;
	padding:0 0 0 0;
	text-align:left;
}
#FooterBTSP a{
	transition: 0.5s;
	color:#FFFFFF;
	text-decoration: none;
}
#FooterBTSP a:hover{
	transition: 0.5s;
	color:#aeaeae;
}
/**上側**/
#FooterBoxA{
	width:100%;
	text-align:center;
	margin:0px 0 0px 0;
	padding:5px;
	box-sizing:border-box;
	font-size:100%;
	float:left;
	color:#FFFFFFF;
}
#FooterBoxA a{
	font-size:12px;
	transition: 0.5s;
	color:#757575;
	text-decoration: none;
}
#FooterBoxA a:hover{
	transition: 0.5s;
	color:#aeaeae;
}
#FooterBoxB{
	width:100%;
	color:#FFFFFFF;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	margin:20px 0 0 0;
	padding:5px;
	font-size:100%;
	float:right;
	box-sizing:border-box;
}
#FooterBoxB a{
	font-size:14px;
	transition: 0.5s;
	color:#FFFFFF;
	text-decoration: none;
}
#FooterBoxB a:hover{
	transition: 0.5s;
	color:#aeaeae;
}


#FooterBoxASP{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	color:#FFFFFF;
}
#FooterBoxBSP{
	width:100%;
	margin:10px 0 100px 0;
	padding:0 0 0 5px;
	color:#FFFFFF;
	text-align:left;
	float:left;
	box-sizing: border-box;
}
/********/


/************/
/*グローバルNAVIブロック*/
#GlobalWrapper{
	display:inline;
	margin:0 auto;
	padding:0 0 0 0;
	text-align:left;
	width:100%;
}
#GlobalNavi{
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:center;
	float:right;
}
#GlobalNavi.center {
  margin: 0;  /* 余分なマージンを消去 */
  padding: 0; /* 余分なパディングを消去 */
  text-align: center; /* 中央寄せ */
}

#GlobalNavi li{
	font-size:16px;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display: inline-block; 
	font-weight: 600;
	position:relative;
	line-height:1.3;
	transition: 0.5s;
	text-align:center;
	color:#FFFFFF;
}
.ListbgA{
	
	background-image: url(../img/list_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.ListbgB{
	background-image: url(../img/list_bg.jpg),url(../img/list_bg.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position: left center,right center;
}
.MainFont{
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	transition: 0.5s;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.MainFont:hover{
	color:#b1b1b1;
}
.SubFont{
	text-align:center;
	font-size:12px;
	transition: 0.5s;
	color:#FFFFFF;
}
#GlobalNavi li a{
	text-align:center;
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	text-decoration: none;
	color:#FFFFFF;
	border-bottom:1px solid transparent;
	transition: 0.5s;
}
#GlobalNavi li a:hover{
	color:#4d99e7;
	border-bottom:1px solid transparent;
}

#SubNavi{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
#SubNavi li{
	font-size:10px;
	width:20%;
	display:block;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	font-weight:600;
	background-color:#63843e;
	border-right:1px solid #FFFFFF;
	box-sizing:border-box;
}
#SubNavi li a{
	display:block;
	width:100%;
	padding:5px;
	box-sizing:border-box;
	text-decoration: none;
	color:#FFFFFF;
}
#SubNavi li a:hover{
}
/************/

/*****ニュース&FACEBOOK囲む*******/
#ALLNEWSFACEBOX{
	width:100%;
	min-width:1000px;
	margin:50px 0 0 0;
	float:left;
}

.FaceBox{
	width:50%;
	text-align:center;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.InstaBox{
	width:50%;
	text-align:center;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:right;
}

/****ニュース******/

#NEWSWrapper{
	width:100%;
	max-width:1000px;
	margin:30px auto;
	padding:0 0 0 0;
	text-align:center;
}

/**新着情報**/

/**新着情報**/
.NewsBox{
	width:100%;
	margin:30px 0 100px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	position:relative;
}
.NewsMidashi{
	font-size:24px;
	color:#6d7909;
	line-height:1.3;
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	border-bottom:3px solid #f6f6f6;
}
.NewsBoxLL{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxRR{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxR{
	width:100%;
	margin:10px 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}


.NewIco{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	position:absolute;
	bottom:-10px;
	left:0;
	box-sizing:border-box;
}

#NewsList{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
#NewsList li{
	text-align:left;
	font-size:10px;
	color:#000000;
	width:25%;
	margin:0px 0 0 0;
	padding:10px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
}
.LsitHead{
	width:45%;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.LsitSecond{
	width:55%;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
#NewsList a:link, #NewsList a:visited, #NewsList a:hover{
	color:#000000;
	text-decoration: none;
}

#NewsList a:hover{
	color:#000000;
	text-decoration: underline;
}


.NewsAllBox{
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}

.NewsPhoto {
	width:100%;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	position:relative;
}

.NewsTextBox{
	color:#000000;
	width:100%;
	margin:0 0 0 0;
	text-align:left;
	float:left;
	font-size:12px;
}


.NewsBT{
	width:100%;
	max-width:100px;
	margin:0 0 0 0;
	padding:0px;
	text-align:right;
	font-weight: 600;
	position:absolute;
	right:10px;
	top:10px;
}
.NewsBT a{
	display:block;
	width: 100%; /* 横幅 */
	padding:0px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
}

.NewsBT a:hover{
	text-decoration: underline;
}



#PurList{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
}
#PurList li{
	text-align:left;
	color:#000000;
	width:50%;
	margin:15px 0 0 0;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	transition: 0.5s;
	position:relative;
	background-clip: content-box;
	color:#000000;
}

#PurList a:link, #PurList a:visited, #PurList a:hover{
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}

#PurList a:hover{
	color:#003b77;
	text-decoration: underline;
	transition: 0.5s;
}

.PurBoxL{
	width:100%;
	padding:0px;
	box-sizing:border-box;
}
.PurBoxR{
	width:100%;
	padding:0px;
	box-sizing:border-box;
}

.PurPhoto {
	width:100%;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	position:  relative;
}

#PurListSE{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
}
#PurListSE li{
	text-align:left;
	color:#000000;
	width:33.3%;
	margin:15px 0 0 0;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	transition: 0.5s;
	color:#000000;
	text-align:center;
}

#PurListSE a:link, #PurListSE a:visited, #PurListSE a:hover{
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}

#PurListSE a:hover{
	color:#8bb269;
	text-decoration: underline;
	transition: 0.5s;
}
.PurBoxLSE{
	width:100%;
	margin:0 0 0 0;
	float:left;
	padding:0px;
	box-sizing:border-box;
	position:relative;
}
.PurBoxRSE{
	width:100%;
	margin:0 0 0 0;
	float:left;
	padding:0px;
	box-sizing:border-box;
}
.PurPhoto {
	width:100%;
	margin:0 0 0 0;
	float:left;
}
.PurIco {
	position:  absolute;
	left: 14px;
 	top: 14px;
}
.PurName{
	position:absolute;
	left: 0px;
 	top: 0px;
	font-size:12px;
	background-color:#8bb269;
	color:#FFFFFF;
	padding:3px 5px 3px 5px;
	box-sizing:border-box;
}

/**工務店紹介****/

#ContraBox{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
#ContraBox li{
	text-align:left;
	color:#000000;
	width:50%;
	margin:15px 0 0 0;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	transition: 0.5s;
	color:#000000;
	text-align:center;
}

.ContraBoxL{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContraBoxR{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}

.ContraTitile{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:24px;
}
.ContraCAL{
	width:50%;
	margin:0 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:20px;
}
.ContraCAR{
	width:45%;
	margin:0 0 0 0;
	padding:5px;
	text-align:right;
	float:left;
	box-sizing:border-box;
	color:#c6c6c6;
	font-size:24px;
}

.ContraInfoL{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContraInfoR{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContraPhoto{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#f6f7ef;
}
.ContrasumPhoto{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContrasumPhoto li{
	text-align:center;
	color:#00000;
	width:33.3%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
	background-color:#f6f7ef;
}
.CompanyList{
	width:100%;
	margin:20px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	border-bottom:1px dotted #8bb269;
	box-sizing:border-box;
	font-size:12px;
	line-height:1.0;
}
.CompanyListL{
	width:30%;
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyListR{
	width:70%;
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyBT{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyBT li{
	text-align:center;
	color:#00000;
	width:33.3%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
.CompanyMesL{
	width:35%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyMesR{
	width:65%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:16px;
	line-height:2.0;
}

/**コンセプト****/

.ConceptBoxL{
	width:50%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ConceptBoxR{
	width:50%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ConceptBoxSEL{
	width:40%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.ConceptBoxSER{
	width:60%;
	margin:30px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ConceptBoxTHL{
	width:100%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.ConceptBoxTHR{
	width:100%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ConMidashiA{
	font-size:36px;
}
.ConMidashiB{
	font-size:24px;
	color:#004797;
	font-style:italic;
}
.txtleft{
	display: inline-block;
	text-align: left;
}

.ConceptList{
	width:100%;
	margin:30px 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ConceptList li{
	width:33.3%;
	margin:0 0 0 0;
	padding:15px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	list-style:none;
}


.TokutyouLine{
	width:100%;
	margin:50px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border-bottom:1px dotted #8bb269;
}

.TokutyouMidashiA{
	width:100%;
	line-height:1.0;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border-bottom:3px solid #004797;
}

.TokutyouMidashiB{
	width:100%;
	line-height:1.0;
	margin:0 0 0 0;
	padding:14px 10px 10px 10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#004797;
	color:#FFFFFF;
}
.TokutyouMidashiC{
	width:100%;
	max-width:800px;
	margin:0 0 0 0;
	padding:20px;
	text-align:left;
	box-sizing:border-box;
	font-size:20px;
	background-color:#8bb269;
	color:#FFFFFF;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	line-height:1.0;
	float:left;
}
.GurafuBox{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border:1px solid #dbdbdb;
}

.QABOX{
	width:100%;
	margin:30px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#e1eed6;
}
.QABOXL{
	width:50px;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	color:#4d9de0;
	font-size:24px;
}
.QABOXR{
	flex:1;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:16px;
}

/**施工事例情報**/
.WorksNewsBox{
	width:100%;
	margin:40px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	position:relative;
}
.WorksNewsMidashi{
	font-size:24px;
	color:#6d7909;
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}


.WorksNewsBoxRText{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	width:100%;
	float:left;
	text-align:center;
	padding:0px;
	box-sizing:border-box;
	color:#FFFFFF;
}

#WorksNewsList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0px 0;
	float:left;
	text-align:center;
}
#WorksNewsList li{
	text-align:left;
	font-size:12px;
	margin:20px 0 0 0;
	color:#FFFFFF;
	width:25%;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	border-radius:20px;
	float:left;
}

#WorksNewsList a:link, #WorksNewsList a:visited, #WorksNewsList a:hover{
	color:#000000;
	text-decoration: none;
}

#WorksNewsList a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}


.WorksNewsBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.WorksNewsBoxR{
	width:100%;
	margin:0px 0 0 0;
	padding:5px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	line-height:1.3;
	background-color:#FFFFFF;
	border-radius:0 0 20px 20px;
}
.WorksNewsBoxPrice{
	width:100%;
	margin:10px 0 10px 0;
	padding:5px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	font-size:18px;
	line-height:1.3;
}

.WorksPrice{
	font-size:18px;
}

.WorksNewsPhoto{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
	position: relative;
}
.WorksKind{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	color:#FFFFFF;
	position: absolute;
	bottom: -5px;
	left: 0px;
}

.WorksNewsTextBox{
	color:#000000;
	width:100%;
	margin:3px 0 0 0;
	text-align:left;
	float:left;
	font-size:12px;
}


.WorksNameBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateY(-50%) translateX(50%);
	-webkit- transform: translateY(-50%) translateX(50%);
}

.WorksName{
	width:100%;
	color:#FFFFFF;
	font-size:12px;
	margin:0px 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	border:2px solid #FFFFFF;
	background-color:rgba(0,0,0,0.5);
	box-sizing:border-box;
}

/*観光メニュー*/
.WorksPageBox{
	width:100%;
	margin:20px 0 100px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
}
.WorksPageBoxL{
	width:40%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
}
.WorksPageBoxR{
	width:58%;
	margin:0px 0 0 0;
	padding:5px;
	text-align:left;
	float:right;
	box-sizing:border-box;
}

#WorksPageList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
#WorksPageList li{
	text-align:left;
	font-size:10px;
	color:#000000;
	width:100%;
	padding:10px;
	margin:60px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
}

#WorksPageList a:link, #WorksPageList a:visited, #WorksPageList a:hover{
	color:#000000;
	text-decoration: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#WorksPageList a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}



.WorksPagePhoto {
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.WorksPageCate{
	font-size:10px;
	margin:0 0 0 0;
	padding:5px;
	background-color:#595757;
	color:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
}


.MenuPageBox{
	width:100%;
	margin:20px 0 100px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
}
.MenuMidashi{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:18px;
	color:#c11616;
	border-bottom:3px solid #c11616;
}
.MenuBoxL{
	width:40%;
	margin:10px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	text-align:left;
	float:left;
}
.MenuBoxR{
	width:58%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:right;
	box-sizing:border-box;
}

.MenuPageList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
.MenuPageList li{
	text-align:left;
	font-size:14px;
	line-height:1.5;
	color:#000000;
	width:100%;
	padding:5px;
	margin:60px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
}

.MenuPageList a:link, .MenuPageList a:visited, .MenuPageList a:hover{
	color:#000000;
	text-decoration: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.MenuPageList a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}



.MenuPhoto {
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

/****お客様の声***/
.VoiceNewsBox{
	width:100%;
	margin:20px 0 100px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	position:relative;
}
.VoiceNewsBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.VoiceNewsBoxR{
	width:100%;
	margin:5px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}

#VoiceNewsList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0px 0;
	float:left;
	text-align:left;
}
#VoiceNewsList li{
	text-align:left;
	font-size:10px;
	color:#000000;
	width:50%;
	padding:30px;
	margin:0px;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
}

#VoiceNewsList a:link, #VoiceNewsList a:visited, #VoiceNewsList a:hover{
	color:#000000;
	text-decoration: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#VoiceNewsList a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}
.VoiceNewsPhoto {
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}


/***アトリエ建築家****/

.AtoBox{
	width:100%;
	float:left;
	margin:50px 0 20px 0;
	text-align:left;
	background-position:top left;
	background-color:#f6f6f6;
	color:#000000;
	padding:0px 20px 20px 20px;
	box-sizing:border-box;
}

.AtoMidashi{
	width:100%;
	max-width:370px;
	float:left;
	margin:-20px 0 0 0;
	text-align:left;
	padding:10px;
	background-color:#89888c;
	color:#FFFFFF;
	box-sizing:border-box;
}
.AtoMidashiA{
	width:100%;
	float:left;
	font-size:24px;
}
.AtoMidashiB{
	width:100%;
	float:left;
	font-size:20px;
}
.AtoBoxL{
	width:40%;
	float:left;
	margin:20px 0 0 0;
	text-align:center;
}
.AtoBoxR{
	width:60%;
	float:left;
	margin:20px 0 0 0;
	text-align:left;
}
.AtoBoxRA{
	margin:10px 0 0 0;
	width:100%;
	float:left;
	font-size:20px;
}
.AtoBoxRB{
	margin:10px 0 0 0;
	width:100%;
	float:left;
	font-size:16px;
}
.AtoBoxText{
	font-size:14px;
	width:100%;
	float:left;
	margin:10px 0 0 0;
	text-align:left;
	padding:10px;
	font-weight:normal;
	box-sizing:border-box;
}
/*********************/



/*縦書き*/
.Tategaki{

	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;


	text-orientation: upright;

	display: inline-block;
	padding: 1em 0;
	box-sizing: border-box;
	font-size:1vw;
	text-align:left;
	max-height:300px;
	line-height:1.3;
}
.TategakiBox{
	text-align: center;
}


.ToiBoxSEA{
	font-size:12px;
	color:#FFFFFF;
	display:block;
}
.ToiBoxSEB{
	
	display:none;
}


/*****windowサイズ対応********/
@media screen and (max-width: 1260px){
.MainFont{
}
.SubFont{
}

}

/*****windowサイズ対応********/
@media screen and (max-width: 1100px){

.tabletshowA{
	display:none;
}
.tabletshowB{
	display:block;
}

.ToiBoxSEA{
}
.ToiBoxSEB{
	
}

#headerWrapper{
	
}
#headerWrapperSE{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;
	position: relative;
	
}


#headerBoxLogo{
}
#headerBoxL{
}
#headerBoxC{
	display:block;
}

.headerBoxLL{
}
.headerBoxLR{
}
#headerBoxR{
}
#headerBoxRR{
}
#headerBoxD{
}

#headerBoxSNS{
	display:none;
}
#headerBoxSNSSE{
	display:block;
}
.headerBoxSNSList{
	display:none;
}

#GlobalWrapper{
}
#GlobalNavi li{
}

.MainFont{
	font-size:14px;
}
.SubFont{
	font-size:12px;
}


.fix-header li{
	font-size:11px;
}

.TOPCABOXTextA{
	font-size:20px;
	padding:0px 10px 5px 10px;
}
.TOPCABOXTextB{
	font-size:18px;
	padding:0px 10px 5px 10px;
}




}
/***********/


/*****スマホ・タブレット対応********/
@media screen and (max-width: 960px){





.TOPMovieBox{
	margin:50px 0 0 0;
}
.TOPMovieBoxL{
	width:100%;
	text-align:left;
	margin:40px 0 40px 0;
	padding:20px;
	float:left;
	box-sizing:border-box;
}
.TOPMovieBoxLL{
	width:100%;
	display:block;
}
.TOPMovieBoxLLA{
	font-size:20px;
}
.TOPMovieBoxLLB{
	margin:0 0 0 0;
	font-size:16px;
}
.TOPMovieBoxLLC{
	margin:20px 0 0 0;
	font-size:16px;
}
.TOPMovieBoxLLD{
	font-size:14px;
	font-weight:normal;
}
.TOPMovieBoxRR{
	width:100%;
	display:block;
}

.RpluseBoxSEALL{
	margin:20px 0 0 0;
}
.RpluseBoxSE li{
	width:50%;
}
.RpluseBoxSEL{
	width:100%;
}
.RpluseBoxSER{
	width:100%;
}


.TOPCABOXL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	float:left;
}
.TOPCABOXR{
	width:100%;
	text-align:left;
	padding:10px;
	margin:20px 0 0 0px;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
	position:static;
}



.TOPbCABOXL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	float:left;
}
.TOPbCABOXR{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	font-size:22px;
	color:#595757;
	text-align:center;
	margin:10px 0 0px 0;
	float:left;
}


.CONCEPTaBOXL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	float:left;
}
.CONCEPTaBOXR{
	width:100%;
	text-align:left;
	padding:10px;
	margin:20px 0 0 0px;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
	position:static;
}


.CONCEPTbBOXL{
	width:100%;
	text-align:left;
	padding:10px;
	margin:20px 0 0 0px;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
	position:static;
}
.CONCEPTbBOXR{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	float:left;
}




/***コンテンツボタン****/
.ContentsBT{
	width:50%;
	float:left;
	padding:10px;
	margin:0px 0 0 0;
	box-sizing:border-box;
}



#WorksNewsList li{
	width:50%;
}


}



/*****スマホ・タブレット対応********/
@media screen and (max-width: 768px){
	/**全体のフォント***/	
	body{ 
		font-size:80%;
		line-height:1.5;
	}
	/**画像１００％表示***/
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}
	
/*コントローラ*/
.flex-control-nav{
	display:block;
}
/************スマホ用ボタン表示非表示*************/
header{
	visibility:visible;
}

.fix-header{
	display:none;
}

.fix-footer{
	display:none;
}

/*************************/
/*ついてくるボタン*/
#totop{
	display:none;
}
#FixBT{
	display:none;
}
#FixBTSP{
	display:block;
}

/*ヘッダ全体*/
	#headerWrapper{
		display:none;
	}	
	#headerWrapperSE{
		display:none;
	}	
	#headerWrapperSP{
		display:block;
	}	


#headerBottom{
	width:100%;
	height:45px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}


/*PC用グローバルナビ*/
	#GlobalWrapper{
		display:none;
	}


/***アニメ***/
.iosSlider{
	display:none;
}
.iosSliderSP{
	display:block;
}
/************/


.PageTextBoxA{
	width:50%;
	padding:10px;
}
.PageTextBoxB{
	font-size:20px;
	padding:10px;
}
.PageTextBoxBTextA{
	margin:0 0 0 0;
	font-size:14px;
}

/*****TOP***/

.BusiBGAA{
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 90%, #09516d 90%, #09516d 100%);
}

/*********/

.NamiHead{
	height:50px;
}
.NamiBottom{
	height:50px;
}


.ShindanBox{
	width:100%;
	text-align:left;
	margin:20px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
	background-color:#f8f8f8;
}
.ShindanBox li{
	width:100%;
}


.CONCEPTTOPhead{
	width:100%;
}
.CONCEPTTOPheadL{
	width:100%;
}
.CONCEPTTOPheadR{
	width:100%;
}

.CONCEPTTOP{
	width:100%;
}


.AboutBG{
	background:url(../img/about_midashi.png);
	background-position:top 10% right 10%;
	background-repeat:no-repeat;
	background-size:30%;

}

.TOPmessegaeBox{
	width:100%;
	float:left;
	padding:50px 10px 30px 10px;
	box-sizing:border-box;
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 73%, #f5f5f5 73%, #f5f5f5 100%);
}
.TOPmessegaeBoxA{
	font-size:24px;
	float:left;
	padding:10px;
}
.TOPmessegaeBoxB{
	font-size:18px;
}
.TOPmessegaeSlide{
	margin:-80px 0 0 0;
}


/********/
/*各企業商品紹介*/
/********/


.ItemLinkBT li{
	width:100%;
}
.ItemLinkBTKai li{
	width:100%;
}

.KigyouItemBoxL{
	width:100%;
	float:left;
	padding:10px;
}
.KigyouItemBoxR{
	width:100%;
	float:left;
	padding:10px;
}


.KigyouItemBoxA{
	font-size:20px;
}
.KigyouItemBoxASE{
	font-size:18px;
}
.KigyouItemBoxB{
	font-size:16px;
}



/******塗装を学ぼう****/


.ManabuBG{
	width:100%;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	background-image: url(../img/manabu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	background-size: cover;
	float:left;
}

.BaseBTBox{
	width:100%;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	box-sizing:border-box;
	float:left;
}
.BaseBTBoxL{
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	box-sizing:border-box;
	float:left;
}
.BaseBTBoxR{
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	padding:20px 10px 20px 10px;
	box-sizing:border-box;
	background-color:#272727;
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.BaseBTText{
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	box-sizing:border-box;
	float:left;
}
.BaseBTTextA{
	width:100%;
	text-align:center;
	font-size:20px;
	color:#FFFFFF;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	box-sizing:border-box;
	float:left;
}
.BaseBTTextB{
	width:100%;
	text-align:center;
	color:#FFFFFF;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	box-sizing:border-box;
	float:left;
}


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

/********/
/***料金**/
/********/
.PRICEmidashiBox{
	padding:50px 10px 50px 10px;
}
.PRICEmidashiBoxB{
	padding:50px 10px 50px 10px;
}

.PaintListBox{
	width:100%;
	padding:5px;
}
.PaintListBox:first-child{
}
.PaintListBoxA{
}
.PaintListBoxB{
	font-size:14px;
}

.PaintListBoxAL{
	width:100%;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintListBoxAR{
	width:100%;
	font-size:17px;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PointFontA{
	font-size:8px;
}
.PointFontB{
	font-size:20px;
}


.PaintPriceListBox{
	width:100%;
	float:left;
	padding:10px;
	margin:10px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border-bottom:2px solid #165f8f;
}
.PaintPriceListBoxA{
	width:100%;
	color:#165f8f;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxAL{
	width:100%;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxAR{
	font-size:24px;
}
.PaintPriceListBoxB{
	width:100%;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxBL{
	width:100%;
	color:#165f8f;
	font-size:16px;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxBR{
	width:100%;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.PaintPriceListBoxC{
	width:100%;
	float:left;
	padding:5px;
	margin:0px 0 0 0;
	text-align:right;
	box-sizing:border-box;
	line-height:1.0;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.PaintPriceListBoxCA{
	color:red;
	font-size:30px;
}
.PaintPriceListBoxCB{
	color:red;
	font-size:16px;
}

.PaintPriceInfoBoxA{
	width:100%;
}
.PaintPriceInfoBoxB{
	width:100%;
}

/********/
/***Q&A**/
/********/
.QAmidashiBox{
	padding:50px 10px 50px 10px;
}



.QAListBox{
	width:100%;
	float:left;
	padding:0;
	margin:20px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.QAListBox:first-child{
	margin:20px 0 0 0;
}
.QAListBoxA{
	font-size:16px;
}
.QAListBoxB{
	font-size:14px;
}


/********/
/***物流**/
/********/
.LOGImidashiBox{
	padding:50px 10px 50px 10px;
}


/**共通のホワイトボックス***/
.WhiteMidashiBox{
	width:100%;
	max-width:250px;
	padding:0px;
	margin:0 0 0 0;
	text-align:left;
	border-radius:20px;
	box-sizing:border-box;
	background-color:#FFFFFF;
	position:absolute;
	top:-30px;
	left:10px;
}
.WhiteMidashiBoxL{
	width:25%;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.WhiteMidashiBoxLA{
	width:100%;
	line-height:1.3;
	font-size:8px;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.WhiteMidashiBoxLB{
	width:100%;
	line-height:1.3;
	font-size:24px;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.WhiteMidashiBoxR{
	width:75%;
	font-size:20px;
	float:left;
	padding:5px;
	justify-content:flex-start;
	margin:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}


.WhiteContentsBox{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.WhiteContentsBoxL{
	width:100%;
	font-size:24px;
	text-align:left;
}

.WhiteContentsBoxR{
	width:100%;
}


/**共通のグレイボックス***/

.GrayAllBox{
}
.GrayMidashiBox{
	margin:-20px 0 0 0;
}
.GrayMidashiBox span{
	font-size:20px;
	padding:15px 30px 15px 30px;
}
.RoofMidashiBox{
	margin:-20px 0 0 0;
}
.RoofMidashiBox span{
	font-size:20px;
	padding:15px 30px 15px 30px;
}
.GrayMainBox{
	padding:10px;
}

.GrayMainBoxA{
	font-size:19px;
	padding:10px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	background-color:#000000;
}
.GrayMainBoxB{
	font-size:16px;
}

.GrayMainBoxD span{
	font-size:16px;
}


.GrayToiBox{
	padding:10px;
}
.GrayToiBoxSE{
	padding:10px;
}
.GrayToiBoxA{
	font-size:18px;
}
.GrayToiBoxB{
	font-size:14px;
}


.GrayMainBoxListA{
}
.GrayMainBoxListAL{
	width:100%;
	float:left;
}
.GrayMainBoxListAR{
	width:100%;
}
.GrayInfoBox{
	width:100%;
	float:left;
	padding:0px;
	margin:10px 0 0 0;
	text-align:center;
	box-sizing:border-box;
	border-bottom:1px solid #bababa;
}
.GrayInfoBoxL{
	width:100%;
	font-size:16px;
	float:left;
	padding:0px 5px 0 5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border-right:0px solid #bababa;
}
.GrayInfoBoxR{
	width:100%;
	float:left;
	padding:0px 5px 0 5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}

/**共通のブラックボックス***/
.BlackMidashiBoxA{
}
.BlackMidashiBoxAL{
	width:100%;
}
.BlackMidashiBoxAR{
	width:100%;
}
.BlackMidashiA{
	font-size:18px;
	padding:10px;
	margin:0px 0 0 0;
}
.BlackMidashiB{
	font-size:14px;
	padding:10px;
}



.BlackNumberBox{
	width:100%;
	float:left;
	padding:0px;
	margin:60px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlackNumberL{
	width:100%;
	font-size:20px;
	color:#FFFFFF;
	background-color:#000000;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.BlackNumberR{
	width:100%;
	font-size:18px;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlackNumberText{
	width:100%;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlackNumberTextL{
	width:100%;
}
.BlackNumberTextR{
	width:100%;
}
.BlackNumberPhoto{
	width:100%;
	float:left;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}

.BlackMekerBox{
	width:100%;
	float:left;
	padding:5px;
	margin:40px 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlackMekerBoxL{
	font-size:18px;
}

/**共通のブルーボックス***/

.BlueAllBox{
	width:100%;
	float:left;
	padding:0px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	border:3px solid #165f8f;
}
.BlueMidashiBox{
	font-size:20px;
	padding:10px;
}

.BlueMidashiBoxL{
	width:100%;
	font-size:20px;
	line-height:1.5;
	float:left;
	padding:0;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlueMidashiBoxR{
	width:100%;
	line-height:1.5;
	font-size:16px;
	float:right;
	padding:0px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
}
.BlueMainBox{
	padding:10px;
}




/*工務店紹介スライド*/
.KoumuSlodeBoxPC{
	display:none;
}
.KoumuSlodeBoxSP{
	display:block;
}


.HarukazeBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxL{
	width:100%;
}
.HarukazeBoxLA{
	font-size:20px;
	text-align:left;
}
.HarukazeBoxLB{
	margin:10px 0 10px 0;
	font-size:14px;
	text-align:left;
}

.HarukazeBoxR{
	width:100%;
}
.HarukazeBoxRA{
	width:100%;
}
.HarukazeBoxRB{
	width:100%;
}



.TopMidashiBox{
	width:100%;
	margin:40px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	text-align:center;
}
.TopMidashiA{
	font-size:20px;
	line-height:1.0;
}
.TopMidashiB{
	font-size:12px;
}


.FaceBox{
	width:100%;
}
.InstaBox{
	width:100%;
}

/*ページ全体*/

.MidashiBGNEW{
	margin:50px 0 0 0;
	padding:20px 10px 10px 10px;
	font-size:20px;
}
.MidashiBGNEWSE{
	margin:0px 0 0 0;
	padding:20px 10px 10px 10px;
	font-size:20px;
}
.ContentsBGNEW{
	margin:50px 0 0 0;
	padding:30px 10px 30px 10px;
	font-size:20px;
}

.HonbunText{
	padding:0 3px 0 4px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.leftimg{
	float: none;
	clear: both;
	margin:0 0 5px 0;
}
.rightimg{
	float: none;
	clear: both;
	margin:0 0 10px 0;
}

.pcshow{
	display:none;
}
.spshow{
	display:block;
}
.TopMessegeA{
	line-height:1.8;
	font-size:20px;
}
#ALLBGWrapper{
}

.TopHandBox{
	width:100%;
	margin:20px 0 20px 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}
.TopHandBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.TopHandBoxR{
	width:100%;
	margin:0 0 0 0px;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}

#ALLBGWrapperB{
	margin:0 0 0 0;
	padding:100px 10px 100px 10px;
	font-size:20px;
}

.TopEsteBox{
	width:100%;
	margin:40px 0 20px 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxR{
	width:100%;
	margin:0 0 0 0px;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxLL{
	width:100%;
	margin:0 0px 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:right;
}
.TopEsteBoxRR{
	width:100%;
	margin:0 0 0 0px;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:right;
}

.TopEsteText{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:center;
	background-color:red;
	box-sizing:border-box;
	background-color:#FFFFFF;
	float:left;
	box-shadow:0px 0px 8px 3px #ccc;
}



.EsteTable th{
	width:100%;
}
.EsteTable td{
	width:100%;
}

/******講座日程***/

#KouzaBox li{
	width:50%;
}



#ALLBGWrapperContact{
	padding:50px 20px 50px 20px;
}
.ContactBox{
	padding:10px;
}
.ContactBoxL{
	width:100%;
}
.ContactBoxR{
	width:100%;
}

.ContactWrapperBox{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	background-color:#171a1c;
}
.ContactWrapperBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.ContactWrapperBoxR{
	width:100%;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	border-top:1px dotted #FFFFFF;
	border-left:0px solid #FFFFFF;
}


.ConceptBG{
	height:initial;
	height:auto;
	min-height:initial;
	min-height:auto;
	padding:0 0 20px 0;
}

#TOPpageWrapper{
	width:100%;
	max-width:1000px;
}
#pageWrapper{
	width:100%;
	max-width:1000px;
}
#pageWrapperSE{
	width:100%;
	max-width:1000px;
}


.TOPCABOX{
}
.TOPCABOXText{
	width:100%;
	padding:10px;
	position:relative;
}
.TOPCABOXTextA{
	font-size:18px;
}
.TOPCABOXTextB{
	font-size:14px;
}

.RpluseBoxALL{
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.RpluseBox{
	width:100%;
	text-align:left;
	margin:30px 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
	
}
.RpluseBoxL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxR{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:15px;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxLL{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:15px;
	float:right;
	box-sizing:border-box;
}
.RpluseBoxRR{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.RpluseTextA{
	font-size:30px;
	line-height:1.3;
}
.RpluseTextB{
	font-size:18px;
}
.RpluseTextC{
	font-size:14px;
}


.RpluseBoxSE li{
	width:100%;
}
.RpluseBoxSE li:first-child{
	padding:0 15px 15px 15px;
	margin:0 0 0 0;
	width:100%;
}
.RpluseBoxSEL{
	width:100%;
}
.RpluseBoxSER{
	width:100%;
}
.Rborder{
	border-bottom:0px solid #89888c;
}


#LeftBox{
	display:inline;
	width:100%;
	margin:20px 0 0 0;
	padding:5px;
	box-sizing: border-box;
}

.blogcover{
	padding-top:60%;
}
#BlogAllBox li{
	width:100%;
}
.BlogNewsBoxL{
	width:100%;
	margin:0 auto;
	padding:1px;
	float:none;
	box-sizing:border-box;
	text-align:center;
}
.BlogNewsBoxR{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	float:right;
	box-sizing:border-box;
	text-align:left;
	border-top:1px dotted #000000;
}

#RightBox{
	display:inline;
	margin:40px 0 0 0;
	width:100%;
	padding:5px;
	box-sizing: border-box;
}
#LeftBoxBlog{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	box-sizing: border-box;
}
#BlogAllBox{
	width:100%;
}

#RightBoxBlog{
	display:inline;
	margin:0 0 0 0;
	width:100%;
	padding:5px;
	box-sizing: border-box;
}

#RightBoxBlog li{
	width:100%;
}


#RightBox .TOPBTBOXSP li{
	width: 50%;
}
#RightBox img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
#MenuListBox{
	width:100%;
	margin:5px 0 0 0;
	background:url("../img/menu_head.png"),url("../img/menu_bottom.png");
	background-position:top left,bottom left;
	background-repeat:no-repeat,no-repeat;
}

#SideNavi{
	display:none;
}
#SideNaviSP{
	display:block;
}


#SideBox{
	width:100%;
	margin:50px 0 10px 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
}

#Midashi{
	display:none;
}
.MidashiSP{
	display:block;
}

/*アニメ*/
#AnimeMain{
	display:none;
}
.AnimeSP{
	display:block;
}
/*TOPメインコンテンツ*/

/******/
/*TOPボタンリスト*/

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

.TOPBTBOX li{
	width:100%;
}
.TOPBTBOXFOOTER li{
	width:100%;
}
.TOPBTBOXtext{
	width:100%;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	padding:10px;
	box-sizing:border-box;
	font-weight:600;
}

.TOPBTBOXSE li{
	width:50%;
	
}
/***********/
/*ニュース*/
/***********/
#ALLNEWSFACEBOX{
	width:100%;
	min-width:100%;
	margin:10px 0 0 0;
	float:left;
}

#facebox{
	width:99%;
	height:290px;
	margin:10px 1px 1px 1px;
	padding:0 0 10px 0;
	float:right;
}



/*新着情報*/

.NewsBox{
	margin:50px 0 30px 0;
}
.NewsBoxL{
	width:100%;
}
.NewsBoxR{
	width:100%;
}
.NewsBoxBT{
	width:100%;
	min-height:20px;
}
.NewsBoxBT{
	width:100%;
	min-height:20px;
}
.NewsBoxLL{
	width:100%;
	margin:20px 0 0 0;
	padding:3px;
	text-align:left;
	float:left;
}
.NewsBoxRR{
	width:100%;
	margin:0px 0 0 0;
	padding:3px;
	text-align:left;
	float:left;
}
#NewsList li{
	width:100%;
}

.NewsBT{
	margin:5px 0 5px 0;
	position: static;
	float:right;
}

.LsitHead{
	width:100%;
	padding:0px;
}
.LsitSecond{
	width:100%;
	padding:0px;
}

#PurList li{
	padding:10px 10px 0px 10px;
	width:100%;
}

#PurListSE li{
	padding:10px;
	margin:0 0 0 0;
	width:100%;
}

/*スタッフ紹介*/
.StaffBox li{
	width:100%;

}

.StaffBoxL{
	width:100%;

}
.StaffBoxR{
	width:100%;

}
.StaffBoxLL{
	width:100%;
	float:left;

}
.StaffBoxRR{
	width:100%;

}
/*耐震*/
.TaishinBox li{
	width:50%;
	padding: 10px;
}

/***アトリエ建築家****/
.AtoMidashi{
	width:100%;
	max-width:370px;
	float:left;
	margin:-20px 0 0 0;
	text-align:left;
	padding:10px;
	color:#FFFFFF;
	box-sizing:border-box;
}
.AtoMidashiA{
	width:100%;
	float:left;
	font-size:18px;
}
.AtoMidashiB{
	width:100%;
	float:left;
	font-size:14px;
}
.AtoBoxL{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	text-align:center;
}
.AtoBoxR{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	text-align:left;
	padding:10px;
	box-sizing:border-box;
}
.AtoBoxRA{
	margin:10px 0 0 0;
	width:100%;
	float:left;
	font-size:20px;
}
.AtoBoxRB{
	margin:10px 0 0 0;
	width:100%;
	float:left;
	font-size:14px;
}
.AtoBoxText{
	font-size:14px;
	width:100%;
	float:left;
	margin:10px 0 0 0;
	text-align:left;
	padding:10px;
	box-sizing:border-box;
}

/***買取実績****/
.BiruBox{
	width:100%;
	text-align:left;
	margin:40px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.BiruBoxL{
	width:100%;
	padding:5px;
}
.BiruBoxR{
	width:100%;
	padding:5px;
}

.BiruSum{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}

.BiruSumBox{
	width:100%;
	text-align:left;
	margin:40px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.BiruSumBoxL{
	width:100%;
	padding:5px;
}
.BiruSumBoxR{
	width:100%;
	padding:5px;
}

/***アクセス・予約****/



.ApMidashi{
	margin:0 0 30px 0;
}
.ApTable{
	font-size:16px;
}

.flowBox{
	padding:10px;
}
.flowList{
	margin:20px 0 0px 0;
}
.flowTitle{
	margin:0 0 5px 0;
}
.flowLBox{
	width:100%;
}
.flowRBox{
	width:100%;
	font-size:16px;
}

.MitiLBox{
	width:100%;
}
.MitiRBox{
	width:100%;
	font-size:14px;
}

/*施工新着情報*/

.WorksNewsBox{
	margin:10px 0 30px 0;
}
.WorksNewsBoxL{
	width:100%;
	text-align:left;
	float:left;
}
.WorksNewsBoxR{
	width:100%;
	text-align:left;
	float:left;
}

.WorksNewsBoxPrice{
	font-size:16px;
}

.WorksPrice{
	font-size:24px;
}
#WorksNewsList{
	display:block;
}
#WorksNewsList li{
	width:100%;
	margin:20px 0 0 0;
	padding:3px;
}

.WorksNewsBT{
	margin:5px 0 5px 0;
	position: static;
	float:right;
}

/*施工事例*/

#ProList{
	display: block;
	table-layout: fixed;
	width: 100%;
}
#ProList li{
	display: block;
	width:100%;
}

.WorksPageBox{
	margin:10px 0 30px 0;
	padding:10px;
	box-sizing:border-box;
}
.WorksPageBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.WorksPageBoxR{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	float:right;
	box-sizing:border-box;
}

#WorksPageList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
#WorksPageList li{
	text-align:left;
	font-size:10px;
	color:#000000;
	width:100%;
	padding:0;
	margin:80px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
}

.WorkinfoBox{
	width:100%;
	padding:0px;
}


.MenuBoxL{
	width:100%;
}
.MenuBoxR{
	width:100%;
}

.MenuPageList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
.MenuPageList li{
	margin:20px 0 0 0;
}

.MenuPageList a:link, .MenuPageList a:visited, .MenuPageList a:hover{
	color:#000000;
	text-decoration: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.MenuPageList a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}

/**工務店紹介****/

#ContraBox{
}
#ContraBox li{
	width:100%;
	margin:15px 0 0 0;
}

.ContraTitile{
	font-size:20px;
}
.ContraCAL{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:16px;
}
.ContraCAR{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#c6c6c6;
	font-size:16px;
}

.ContraInfoL{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContraInfoR{
	width:100%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContraPhoto{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#f6f7ef;
}
.ContrasumPhoto{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContrasumPhoto li{
	text-align:center;
	color:#00000;
	width:50%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
	background-color:#f6f7ef;
}
.CompanyList{
	width:100%;
	margin:20px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	border-bottom:1px dotted #8bb269;
	box-sizing:border-box;
}
.CompanyListL{
	width:30%;
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyListR{
	width:70%;
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyBT li{
	width:100%;
}

.CompanyMesL{
	width:100%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyMesR{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:14px;
	line-height:1.5;
}

/**コンセプト****/

.QUOmidashiBox{
	padding:50px 10px 50px 10px;
}
.TuyomiAllBox{
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
	background-color:#f6f9fe;
	border-radius:20px;
}
.TuyomiMidashiBox{
	width:100%;
	text-align:left;
	margin:-30px 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.TuyomiMidashiBoxA{
	width:100%;
	font-size:24px;
	text-align:center;
	line-height:1.3;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.TuyomiMidashiBoxB{
	width:100%;
	color:#b4b4b4;
	font-size:18px;
	text-align:center;
	line-height:1.3;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}

.TuyomiMainBox{
	width:100%;
	text-align:left;
	background-color:#FFFFFF;
	margin:60px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.TuyomiMainBoxL{
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.TuyomiMainBoxR{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	padding:5px;
	float:left;
	box-sizing:border-box;
}
.TuyomiMainBoxRA{
	width:100%;
	font-size:20px;
	text-align:left;
	margin:0px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.TuyomiMainBoxRB{
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.TuyomiMainBoxRC{
	width:100%;
	color:#f1f3f7;
	font-size:30px;
	text-align:right;
	margin:0px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}



.ConceptBoxL{
	width:100%;
}
.ConceptBoxR{
	width:100%;
}

.ConceptBoxSEL{
	width:100%;
}
.ConceptBoxSER{
	margin:10px 0 0 0;
	width:100%;
}
.ConceptBoxTHL{
	width:100%;
}
.ConceptBoxTHR{
	margin:10px 0 0 0;
	width:100%;
}
.ConMidashiA{
	font-size:22px;
}
.ConMidashiB{
	font-size:20px;
}
.TokutyouMidashiA{
}

.ConceptList li{
	width:100%;
	margin:10px 0 0 0;
	padding:10px;
}

.TokutyouMidashiB{
	
}

.TokutyouMidashiC{
	width:100%;
	max-width:800px;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	font-size:18px;
}





.AddConceptBoxL{
	width:100%;
	float:left;
}
.AddConceptBoxR{
	width:100%;
	float:left;
}
.AddConceptBoxLSE{
	width:100%;
	float:left;
}
.AddConceptBoxRSE{
	width:100%;
	float:left;
}

/****お客様の声***/
.VoiceNewsBox{
	width:100%;
	margin:20px 0 30px 0;
}

#VoiceNewsList li{
	text-align:left;
	font-size:10px;
	color:#000000;
	width:100%;
	padding:5px;
	margin:20px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
}

/*初めての方へ*/
.StepBoxALL{
	margin:0 0 40px 0;
}

.StepBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.StepBoxR{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	box-sizing:border-box;
	float:right;
}
.StepBoxMidashi{
	font-size:20px;
}
/*****2階層本文内*****/

#Pankuzu{
	width:99%;
	margin:0 auto;
}

#PageImg{
	width:100%;
	min-width:100%;
	margin:0 auto;
	text-align:center;
}

#MidashiLine{
	background:none;
}

.MapBox li{
	display: block;
	float: left;
	width: 45%;
	margin: 10px 0 0 10px;
	padding:0 0 0 0;
	text-align:left;
	text-decoration: none;
}
/**コンセプト**/

.CoMidashi{
	font-size:16px;
}

.TaisakuBox{
	margin:40px 0 0 0;
	padding:0px 20px 30px 20px;
}

/**院長紹介**/
.DocListBox{
	width:100%;
	line-height:1.5;
}
.DocListBoxL{
	width:100%;
}
.DocListBoxR{
	width:100%;
}

.DocListBoxA{
	width:100%;
	line-height:1.5;
}
.DocListBoxAL{
	width:100%;
}
.DocListBoxAR{
	width:100%;
}

.KenkyuBox{
	padding:10px 10px 10px 10px;
}


/*****取り組み****/
.AppTextBox{
	font-size:16px;
	padding:10px;
}

/*****採用情報****/


.Retable tr,.Retable th,.Retable td{
	width:100%;
	display: block;
}
.Retable th{
	border:none;
}
.RetableA tr,.RetableA th,.RetableA td{
	width:100%;
	display: block;
}
.RetableA th{
	border:none;
}

.Parttable tr,.Parttable td{
	width:100%;
	display: block;
}

.Parttable td{
	margin:0 0 0 0;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
}
.Parttable .ParttdA{
	width:100%;
}
.Parttable .ParttdB{
	width:100%;
}
.Parttable .ParttdC{
	width:100%;
}
.Parttable .ParttdD{
	width:100%;
}


/*標準仕様*/

.StandBox li{
	width:50%;
}

/*動画の投稿*/
.MovieListF{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.MovieListF li{
	text-align:center;
	font-size:14px;
	color:#00000;
	width:100%;
	margin:20px 0 0 0;
	padding:10px;
	list-style-type: none;
	display:block;
	float:left;
}


/*イベントの投稿*/
/*イベント*/
.EveBox{
	width:100%;
	margin:30px 0 0 0;
	float:left;
}
.EveBoxL{
	padding:5px;
	width:100%;
}
.EveBoxR{
	padding:5px;
	width:100%;
}

/******施工事例***/

.WorkSum li{
	width:50%;
}

.ListPhotoBox{
	width:100%;
	height:100px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

/*WEB相談会*/
.WebSpace{
	padding:10px;
}

/******お問合せフォーム***/

.ToiBox{
	margin:15px 0 0 0;
}

#order2{
	height:950px;
}
#ToiBox{
	width:100%;
	margin:0 auto;
	text-align:left;
}
.form-width{
	width: 80%;
}
.form-widthyyubin{
	width: 50%;
}
.form-widthkibou{
	margin:2px 0 0 0;
	width: 40%;
}
.form-widthysonota{
	width: 90%;
}

.table-contactform7{
	background-color:#FFFFFF;
	display:block;
	float: left;
	color:#000000;
}     
.table-contactform7 tbody,
.table-contactform7 tr{
	display: block;
	float: left;
	width: 100%;
}
.table-contactform7 th{
	width:100%;
	display:block;
	float: left;
	margin: 0 auto;
	border:none;
	color:#000000;
}
.table-contactform7 td{
	float: left;
	display: list-item;
	list-style-type:none;
	margin:0;
	padding:0;
	width: 80%;
}

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

/****/

/*フッター*/
#footertoiA{
	width:100%;
	text-align:center;
}
#footer{
	margin:0 0 0 0;
	min-width: initial;
    	min-width: auto;
	min-height: initial;
    	min-height: auto;
	padding:5px;
}
#FooterLine{
	min-width: initial;
    	min-width: auto;
}
	#FooterBox{
		display:none;
	}
	#FooterBoxSP{
		display:block;
	}

}
/*************************/



/*****スマホ・タブレット対応********/
@media screen and (max-width: 600px){
.concoverCon {
    width: 150px;
    height: 100px;
}
}
/*****スマホ対応********/
@media screen and (max-width: 480px){


.AnimeSP{
	text-align:center;
}


#NewsList li{
	width:100%;
}
#WorksNewsList li{
	width:100%;
}

#KouzaBox li{
	width:100%;
	margin:10px 0 0 0;
}


.PageTitle{
	font-size:20px;
}

.TOPBTBOX li{
	padding:10px;
	width:100%;
	text-align:center;
}
.TOPBTBOXFOOTER li{
	width:100%;
}
.TOPBTBOXSE li{
	width:100%;
	text-align:center;
}

/***コンテンツボタン****/
.ContentsBT{
	width:100%;
	float:left;
	padding:10px;
	margin:0px 0 0 0;
	box-sizing:border-box;
}

#SIDEBTBOX li{
	display: block;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	position:relative;
}


/*耐震*/
.TaishinBox li{
	width:100%;
}

/***買取実績****/

.BiruSum li{
	width: 100%;
}



/*標準仕様*/

.StandBox li{
	width:100%;
}





}
/***TOPに戻るボタン****/
.fixbtn {
    position: fixed;
    z-index: 1500;
}
#totop {
    right: 0;
    bottom: 70px;
}
#totop a {
	display: block;
	margin: 0 0 10px 0;
	padding: 3px;
	font-size: 85%;
	text-align: center;
}
#totop a:hover {
}



.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
	display: inline-block;
	color:#333333 !important;
	text-shadow:0px 1px #F6F6F6 !important;
	padding:6px 9px 6px 9px !important;
	border:solid 1px #B6B6B6 !important;
	box-shadow:0px 1px #EFEFEF !important;
	-moz-box-shadow:0px 1px #EFEFEF !important;
	-webkit-box-shadow:0px 1px #EFEFEF !important;
	background:#E6E6E6 !important;
	background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
	font-size:12px !important; margin-right:3px !important; text-decoration:none !important;
}
.wp-pagenavi a:hover {
	display: inline-block;
	color:#fff !important;
	text-shadow:0px 1px #3C3C3C !important;
	border-color:#202020 !important;
	background:#525252 !important;
	background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
	color:#FFFFFF !important; box-shadow:0px 1px #E7E7E7 !important; -moz-box-shadow:0px 1px #E7E7E7 !important; -webkit-box-shadow:0px 1px #E7E7E7 !important;
}
.wp-pagenavi span.current{
	display: inline-block;
	padding:6px 9px 6px 9px !important;
	border:solid 1px #DCDCDC !important;
	color:#fff !important;
	box-shadow:0px 1px #E7E7E7 !important;
	-moz-box-shadow:0px 1px #E7E7E7 !important;
	-webkit-box-shadow:0px 1px #E7E7E7 !important;
	margin-right:3px !important;
	text-shadow:0px 1px #3C3C3C !important;
	border-color:#202020 !important;
	background:#525252 !important;
	background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
}


/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }




/***** コンタクトフォーム *****/
.table-contactform7{
	color:#000000;
	width: 100%;
	max-width: 900px;
	margin: 0 auto 20px;
	border-collapse: collapse;
	border-spacing: 0;
	border: #e2e2e2 1px solid;
	float:left;
	box-sizing:border-box;
	font-size:16px;
	background-color:#FFFFFF;
}

.table-contactform7 th{
	width: 30%;
	background-color:#f8f8f8;
	border:1px solid #e9e9e9;

}
.table-contactform7 td{
	width: 70%;
	border:1px solid #e9e9e9;

}
.table-contactform7{
	overflow: hidden;
	table-layout: fixed;
}
 
.required-contactform7{
	padding: 5px;
	background: #DE8686;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
 
.unrequired-contactform7{
	padding: 5px;
	background: #BDBDBD;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
 
.table-contactform7 th{
	font-weight:bold;
	padding:5px;
	box-sizing:border-box;
}
 
.table-contactform7 input,
.table-contactform7 textarea,select{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
font-size:16px;
	border:1px solid #e9e9e9;
	padding:5px;
	box-sizing:border-box;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
font-size:16px;
	border:1px solid #e9e9e9;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
font-size:16px;
	border:1px solid #e9e9e9;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
}
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}

.wpcf7-submit {
font-size: 20px;
padding: 20px 40px 20px 40px;
background-color: #4ca404;
color: #fff;
border-style: none;
margin:10px 0 30px 0;
}
 
.wpcf7-submit:hover:enabled {
background-color: #6dc823;
color: #fff;
}


/***** MW コンタクトフォーム *****/
.cform{
	border-collapse: collapse;
	background-color:#FFFFFF;
	
}
.cform th {
	font-size: 16px;
	width: 30%; /*変なところで改行される場合はここの数字を変更します。*/
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 0 10px 15px;
	
	box-sizing:border-box;
	text-align:left;
	background-color:#f7f7f7;
}

.cform td {
	font-weight: normal;
	font-size: 16px;
	line-height: 150%;
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 5px;
	box-sizing:border-box;
	text-align:left;
	background-color:#FFFFFF;
}

.cform {
	width: 100%;
	margin: auto;
}

.cform [type=submit] {
	display: inline-block;
	font-size: 30px;
	padding: 10px 30px;
	text-decoration: none;
	background: #ff8f00;
	color: #FFF;
	border-bottom: solid 4px #B17C00;
	border-radius: 3px;
	box-sizing:border-box;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	
}

.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #ce0000;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
	box-sizing:border-box;
}

@media only screen and (max-width:767px) {
	.cform th,
	.cform td {
		width: 100%;
		display: block;
		border-top: none;
	}
	

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width:100%;
}



}

.submit-btn input {
	line-height:1.8;
	background: #00142c;
	width: 100%;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
}

.submit-btn input:hover {
	background: #fff;
	color: #00142c;
}
.submit-btn button {
	line-height:1.8;
	background: #00142c;
	width: 100%;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
}

.submit-btn button:hover {
	background: #fff;
	color: #00142c;
}

/****地図セピアIE不可****/
.sepia {
    -webkit-filter: sepia(.3);
    filter: sepia(.3);
}
.monokuro {
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}


/*****エディターの左・右・中央********/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}