@charset "utf-8";

/* ------------------------
 default
------------------------- */

/*  font */
*{margin:0; padding:0; font-family:"Sawarabi Mincho","游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;}
h1, h2, h3, h4, li a, p {margin:0; padding:0; transform: rotate(0.05deg); /*　webフォントをなめらかに　*/}

/* webfont */
.wf-mplus1p { font-family: "Mplus 1p"; }
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

body{margin:0;
	padding:0;
	background-color:#fff;
	background: url(../image/common/common_bg.jpg);
	text-align: center;
	font-size:17px;
}

img, img a{
	vertical-align:bottom;
	border: none;
	margin:0;
}

a{text-decoration:none; outline:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}


/*  image*/
a img {border: none;}
a:hover img.hv { /* マウスオーバーで透過 */
    opacity: 0.7; 
    filter: alpha(opacity=70); 
    -moz-opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}


/* list */
li{list-style-type:none;}

/* display on/off  BASIC*/
@media screen and (max-width: 767px){
	.disp-w{display: none}
	.disp-s{display: block}
}
@media screen and (min-width: 768px){
	.disp-w{display: block}
	.disp-s{display: none}
}


/* ------------------------
 bread
------------------------- */
.bread{padding-top:0.5em; text-align: right;}
.bread a,
.bread .curr{font-size:85%; color:#666;}

@media screen and (max-width: 767px){
	.bread{padding-top:1em;}
}
@media screen and (min-width: 768px){
	.bread{padding-top:0.5em;}
}


/* ------------------------
 layout
------------------------- */
.page-wrap{position: relative;}

/* header */
@media screen and (max-width: 767px){
	header{margin-bottom:0;}
	.header-logo img{width:150px !important; height: auto; z-index: 9999;}
	.header-tel,
	.header-mail{padding: 0.5em 0 0;}
}
@media screen and (min-width: 768px){
	.page-header{margin-top: 1em; margin-bottom: 1em;}
	.headxer-logo,.headxer-logo .logo{padding: 0;}
	.headxer-logo .logo{position: relative; text-align: left; z-index: 9999;}
	.headxer-logo .logo img{max-width:217px; z-index: 9999;}
	.header-telmail{padding: 0;}
	.header-mail{padding: 0;}
}


/* header-shape */
#header-shape1,
#header-shape2{position: absolute; z-index: 1;}
#header-shape1{width:19%; top:0; left:0; padding: 0;}
#header-shape1 img{width:100%; height: auto}
#header-shape2{width:11%; top:40rem; right:0; padding: 1;}
#header-shape2 img{width:100%; height: auto}

/*  cover*/
.cover{background-color: #584A41}

/* banner-bottom */
#bn-tel{margin-bottom: 0.5em;}
@media (max-width: 767px){
	.bn-telmail{padding: 2em 0;}
}
@media (min-width: 768px){
	.bn-telmail{padding: 2em 0 0;}
}

/* footer */
.footerlink .first li{display: inline-block;}
.footerlink li a{padding: 0.5em; color:#000;}
.footerlink li a:hover{text-decoration: none; color:#666}
.footerlink li:after{content:" |"}
.footerlink li.last:after{content:none;}

@media (max-width: 767px){
	footer{padding: 1em 0;}
	.footerlink{display:none;}
	.copyright{padding: 1em 0 0; font-size:80%;}
}
@media (min-width: 768px){
	footer{padding: 2.5em 0;}
	.copyright{padding: 1em 0 0;}
}




/* ------------------------
content default
------------------------- */
.pagettl{border-top:2px dotted #999; border-bottom:2px dotted #999;}
.bg-column{background-color:#D1D8C9}
.ext-link{padding: 0.5em 0; text-align: center;}
.ext-link a{}

@media screen and (max-width: 767px){
	.logo a img{width:150px; height:auto;}
	.cover div{padding:0}
	.pagettl{display: inline-block; padding: 0.5em 1em; margin: 1em auto;}
	.pagettl img{width:90%; height: auto;}
	.con-block{padding:1em 0 0;font-size:90%;}
	.con-block-ttl{padding: 0.5em; background-color: #ccc;}
	.con-detail{padding: 0}
	.con-detail-ttl{padding: 0.5em; text-align: center;}
	.lead{text-align: left; font-weight:bold;}
	.con-photo{padding: 0;}
	.con-txt,
	.txt,
	.desc,
	.con-txt li{font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif; line-height: 1.6;}
	.con-txt,
	.desc{text-align: left; font-size:90%;}
	.con-item{padding-top: 0.5em; padding-bottom: 0.5em}
	.con-item .con-txt{padding-top: 0.5em;}
	.con-item-ttl{padding-bottom:0.3em}
}
@media screen and (min-width: 768px){
	.pagettl{display: inline-block; padding: 1em 2em; margin:2em auto 1em;}
	.con-block{padding:3em 0 0;}
	.con-block-ttl{text-align: left; padding: 0 0 1em;}
	.con-detail{padding-bottom: 2em; margin: 2em 0 0; text-align: center;}
	.con-detail-ttl{padding: 1em 0; text-align: center;}
	.lead{text-align: left; font-weight:bold;}
	.con-txt,
	.desc{text-align: left;}
	.desc{padding:2em 0;}
	.txt{padding-bottom: 0.5em; line-height: 1.6;}
	.con-item{padding-top: 1.5em; padding-bottom: 1em}
	.con-item .con-txt{padding-top: 0.5em;}
	.con-item-ttl{padding-bottom: 1em}
}

/* ------------------------
 bootstrap-overwrite
------------------------- */

/* nav-bar センタリング */
@media (min-width: 768px){
	.navbar-nav{
		margin: 0 auto;
		display: table;
		table-layout: fixed;
		float:none;}
}

/* nav */
.navbar-default{background-color:transparent; border: none;}
.navbar-nav li{margin: 0 3px 2px 0;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}
.navbar-nav li a{display: block; background-color: #B7C1A8;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}
.navbar-nav li.curr a{display: block; background-color: #FF8000;}
.navbar-nav li:hover{display: block; background-color: #FF8000;}
.navbar-brand{color:#000 !important; min-height: 1em;}

@media (max-width: 767px){
	.navbar-default{padding: 0;}
	.navbar{position: absolute; top: 0; right:0}
}

@media (min-width: 768px){
	.navbar-default{padding: 1.5em 0;}
	.navbar-nav li a{padding: 1em 1.6em;}
	ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
	.dropdown-menu{background-color: transparent}
}



/* ------------------------
 common style
------------------------- */
.clear{clear:both;}
.notes{color:#666;}
.koumoku{font-weight:bold; vertical-align:top;}
.odd{background-color:#fff;}
.even{background-color:#eee;}


/*  シャドウ */
.box-shadow-000{box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.8);}
.box-shadow-fff{box-shadow: 0px 10px 15px -5px rgba(255, 255, 255, 0.8);}



/* 蛍光マーカー効果 */
.marker-pk{background: linear-gradient(transparent 50%, #ff66ff 50%);}
.marker-yl{background: linear-gradient(transparent 50%, #FFFF00 50%);}


/* 回転 */
.box-rotate-m1{-webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); transform: rotate(-1deg); }
.box-rotate-p1{-webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); transform: rotate(1deg); }
.box-rotate-m3{-webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg); }
.box-rotate-p3{-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); transform: rotate(3deg); }

/* スムーズスクロール */
.smsc:hover{text-decoration: none;}

/* box上下センタリング */
@media screen and (min-width: 768px){
	.row-eq-height {
		display: flex;
		flex-wrap: wrap;
	}
	.v-middle{position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
}

/* 改行制御 */
span{display:inline-block;}

/* グリッドの高さをあわせる */
@media screen and (min-width: 768px){
	.row-eq-height {
		display: flex;
		flex-wrap: wrap;
	}
}


/* ggmap */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* ------------------------
 ptop-follow
------------------------- */
.ptop {
width:20%;
position: fixed;
right: 1em;
bottom: 1em;
z-index: 9000;
display: none;
}

.ptop a {
display: block;
color: #000;
padding: 0;
margin: 0;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}




/* ------------------------
 index
------------------------- */
/*
@media screen and (max-width: 767px){
	.index #con1{padding: 1.5em 0 0;}
	.index #con1 .con-txt-wrap{padding: 1em 0.5em; text-align: left;}
	.index #con1 .lead{padding: 1.5em 0 0.5em; text-align: center}
}
@media screen and (min-width: 768px){
	.index #con1{padding: 2em 0 0;}
	.index #con1 .con-txt-wrap{padding: 1em 0 0 2em; text-align: left;}
}
*/


/* ------------------------
 tatami
------------------------- */
/*
@media screen and (max-width: 767px){
	.tatami #con1 .con-items-ttl{display: inline-block; padding: 0.5em 1em; margin:0 auto 2em; border: 1px solid #666}
	.tatami #con1 .con-item-ttl{display: inline-block; margin: 0 auto 1em; padding: 1em 0; border-bottom: 2px dotted #000;}
	.tatami #con1 .con-item .con-txt{padding: 1em 0 0;}
	.tatami #con1-1 .wrap-inner,
	.tatami #con2-1 .wrap-inner{padding-left: 2em;}
}
@media screen and (min-width: 768px){
	.tatami .con-block-ttl{text-align: center; background: url(../image/common/titlebg3.png) top center no-repeat; background-size: contain}
	.tatami .lead{padding-top: 1em; text-align: center}
	.tatami .desc{padding:0 10em 3em;}
	.tatami #con1 .con-items-ttl{text-align: center}
	.tatami #con1 .con-items-ttl h2{display: inline-block; padding: 0.5em 1em; margin:0 auto; border: 1px solid #666}
	.tatami #con1 .con-item-ttl{display: inline-block; margin: 0 auto 1em; padding: 1em 0; border-bottom: 2px dotted #000;}
	.tatami #con1 .con-item .con-txt{padding: 1em 0 0;}
	.tatami #con1-2 .con-item{padding-top: 2em;}
	.tatami #con1-2 .con-item-ttl{line-height: 1.6}
	.tatami #con1-2 .column .wrap-inner{padding: 1em;}
	.tatami #con1-2 .column .con-photo{padding: 0;}
	.tatami #con1-2 .column .con-txt{padding: 2em}
	.tatami #con1-2 .column .con-txt-ttl{padding: 1em}
	.tatami #con1-1 .wrap-inner,
	.tatami #con2-1 .wrap-inner{padding-left: 2em;}
}
*/

/* ------------------------
 maintenance
------------------------- */
/*
@media screen and (max-width: 767px){
	.maintenance .con-block-ttl{text-align: center;}
	.maintenance #con1-1 ol{margin-left: 3em}
	.maintenance #con1-1 ol li{list-style-position: outside; list-style-type:decimal; margin-left: -2em; padding: 1em 0 0.5em;}
	.maintenance .column{margin-top: 0.5em;}
	.maintenance .column .wrap-inner{padding: 1.5em 1em 0; line-height:32em;}
	.maintenance .column .con-detail-ttl{padding: 0;}
	.maintenance .column .con-detail-ttl h1{text-align: left;}
	.maintenance .column .con-txt{padding: 0 1em}
	.maintenance .column ul{margin-left: 4em}
	.maintenance .column ul li{list-style-position: outside; list-style-type:disc; margin-left: -3em; padding: 0.5em 0 0 0.5em;}
	.maintenance #con2-1 .con-detail-ttl{padding-top: 0; padding-bottom: 0.5em;}
	.maintenance #con2-1 .desc{padding: 0 1em 1em; text-align: center;}
	.maintenance #con2-2 .desc{padding:0 1em 1em; text-align: left;}
	.maintenance #con2-2 .con-detail-ttl,
	.maintenance #con2-3 .con-detail-ttl{padding-bottom: 0.5em; margin-bottom: 0;}
	.maintenance #con2-3 .con-item-ttl{display: inline-block; margin: 0 auto 1em; padding: 0; border-bottom: 2px dotted #000;}
}
@media screen and (min-width: 768px){
	.maintenance .con-block-ttl{text-align: center; background: url(../image/common/titlebg7.png) center center no-repeat; background-size: contain;}
	.maintenance #con1-1 ol{margin-left: 3em}
	.maintenance #con1-1 ol li{list-style-position: outside; list-style-type:decimal; margin-left: -2em; padding: 1em 0 0.5em;}
	.maintenance .column{margin-top: 0.5em;}
	.maintenance .column .wrap-inner{padding: 1.5em 1em 0; line-height:32em;}
	.maintenance .column .con-detail-ttl{padding: 0;}
	.maintenance .column .con-detail-ttl h1{text-align: left;}
	.maintenance .column .con-txt{padding: 0 1em}
	.maintenance .column ul{margin-left: 4em}
	.maintenance .column ul li{list-style-position: outside; list-style-type:disc; margin-left: -3em; padding: 0.5em 0 0 0.5em;}
	.maintenance #con2-1 .con-detail-ttl{padding-top: 0; padding-bottom: 0.5em;}
	.maintenance #con2-1 .desc{padding: 0 10em 1em; text-align: center;}
	.maintenance #con2-2 .desc{padding:0 10em 1em; text-align: left;}
	.maintenance #con2-2 .con-detail-ttl,
	.maintenance #con2-3 .con-detail-ttl{padding-bottom: 0.5em; margin-bottom: 0;}
	.maintenance #con2-3 .con-item-ttl{display: inline-block; margin: 0 auto 1em; padding: 0; border-bottom: 2px dotted #000;}
}
*/

/* ------------------------
 price
------------------------- */
/*
.price #con1 .con-item li{border-bottom: 1px solid #ccc;}
.price #con1 .con-item .itemname{border-bottom: 2px dotted #000;}

@media screen and (max-width: 767px){
	.price #con1 .lead{padding-top: 0; text-align: center}
	.price #con1 .desc{padding:0 0.5em 1em;}
	.price .pagettl{margin-top:0.5em;}
	.price #con1 .con-item{padding: 1em 2em;}
	.price #con1 .con-item.first{padding: 1em 1em 2em;}
	.price #con1 .con-item li{text-align: right; margin-bottom: 0.5em; padding-bottom: 0.5em;}
	.price #con1 .con-item li spec{padding-right: 1em;}
	.price #con1 .con-item .itemname{margin: 0 0 1em; padding-bottom: 0.5em;}
	.price #con2 .con-item .wrap-inner{padding-left: 0;}
	.price #con2 .con-item .step{color:#fff;}
	.price #con2 .con-item .subj{padding-bottom: 0.5em;}
}
@media screen and (min-width: 768px){
	.price .pagettl{margin-top:2em;}
	.price #con1 .lead{padding-top: 0; text-align: center}
	.price #con1 .desc{padding:0 10em 3em;}
	.price #con1 .con-item{padding: 3em 4em;}
	.price #con1 .con-item.first{padding: 3em 2em 4em;}
	.price #con1 .con-item li{text-align: right; margin-bottom: 0.5em; padding-bottom: 0.5em;}
	.price #con1 .con-item li spec{padding-right: 2em;}
	.price #con1 .con-item .itemname{margin: 0 0 1.5em; padding-bottom: 1em;}
	.price #con2 .con-item .wrap-inner{padding-left: 0;}
	.price #con2 .con-item .step{color:#fff;}
	.price #con2 .con-item .con-txt-ttl{padding-bottom: 0.5em;}
	.price #con2 .con-photo{background: url(../image/price/bg_round.png) center center no-repeat; background-size: contain; height:8em;}
}
*/

/* ------------------------
 profile
------------------------- */
/*
@media screen and (max-width: 767px){
	.profile .con-detail-ttl{text-align: center;}
	.profile dd{padding:0.3em;}
	.profile #con3 .con-txt-ttl{padding: 0.5em; text-align: left;}
}
@media screen and (min-width: 768px){
	.profile .con-detail-ttl{text-align: center; padding-bottom: 1em; margin-bottom: 1em; background: url(../image/common/titlebg4.png) center center no-repeat; background-size: contain;}
	.profile dt,
	.profile dd{padding:0.5em;}
	.profile .gyoumu{padding-bottom: 0.5em}
	.profile #con3 .con-txt-ttl{padding: 1em 0; text-align: center;}
}
*/

/* ------------------------
inquiry
------------------------- */
/*
@media screen and (max-width: 767px){
	.inquiry .con-block{padding: 0 1em;}
}
@media screen and (min-width: 768px){
	.inquiry .con-block{padding: 0 5em;}
}
*/