@charset "utf-8";

/*リセットcss----------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ”游ゴシック体”, “Yu Gothic”, YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

form{margin:0;}
ul, li {}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
display: block;
}

html{overflow-y: scroll;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

input, textarea,{margin: 0;padding: 0;}
ol, ul{list-style:none;}
table{border-collapse: separate;}
caption, th{text-align: left;}
a:focus {outline:none;}

.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {min-height: 1px;}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

.both{clear:both;font-size:0;}

.inline_block {
display: inline-block;
*display: inline;
*zoom: 1;
}

/*リンク設定css----------*/

/*リンク色*/
a:link { color: #1dcad4; text-decoration: none;}
a:visited { color: #1dcad4; }
a:hover { color: #1dcad4; text-decoration: underline; top:1px; left:1px; position:relative;}
a:active { color: #1dcad4; }

/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*a{
background-color:transparent;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}*/


/*レイアウトcss----------*/

/*全体----------*/
#all{
background-color:#fff;
color:#1c1c1c;
text-align:center;
margin-top: 15px;
-webkit-text-size-adjust: 100%;
min-width:300px;
line-height:1.6;
}

/*横幅指定センタリング*/
.all-width,.all-width-s{
margin: 0 auto;
padding: 0;
width:1000px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
#all{overflow: hidden;}
.all-width{margin: 0 auto;width:90%;}
.all-width-s{width:100%;}
}
/*--------------------------------------------------------------------------------*/

/*スペース用*/
.sp-s { height: 15px; font-size 1px;}
.sp-l { height: 35px; font-size 1px;}

/*pre内の自動改行*/
pre {
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
}

/*-----ヘッダ-----*/
header{margin: 0;padding:0;text-align:left;}
#seo{font-size: 12px;color: #000;margin-bottom: 15px;}
#subcopy{font-size: 11px;color: #a0a0a0;margin-bottom: 15px;}

#header_left{
margin: 0;
float: left;
width:500px;
box-sizing: border-box;
}
#header_right{
margin: 0 auto;
padding: 0 0 5px 0;
float: right;
width:430px;
box-sizing: border-box;
}
.box-l{display: inline-block !important;vertical-align: top;}
.box-r{display: inline-block !important;vertical-align: top;width: 263px;}
.otoiawase-t{
background: url("../images/p-st-bg.png") repeat-x left 100%;
margin-top: 5px !important;
padding: 6px;
width:263px;
border:1px solid #df3685;
box-sizing: border-box;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
line-height:0;
text-align:center;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.box-r .tel,.box-r .time{padding:5px 0 !important;line-height:0;font-size:10px;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.header{
padding:10px 0 0 0;
}

#header_left{
text-align: center;
margin: 0;
width:100%;
float: none;
width:auto;
}
#header_right{
text-align: center !important;
width:100%;
float: none;
}

/*ヘッダparts*/
#seo{text-align:center;margin:0 5px 5px 5px;}
.toptitle{margin-bottom:3px;}
#subcopy,#seo .off{display:none;}
}

@media screen and (max-width: 495px){
.box-r .time{display: none;}

.otoiawase-t{
background: url("../images/p-st-bg.png") repeat-x left 100%;
margin-top: 3px !important;
padding: 8px;
}
.box-l img{width: 67px !important;height: auto;margin:0 2px;}
}
/*--------------------------------------------------------------------------------*/

/*ナビメニュー*/
#naviarea {font-size:0;}
#menu {
width: 100%;
max-width: 1000px;
margin: 5px auto 10px auto;
padding: 0;
}
#menu li{
display: inline-block;
width:16.66%;
margin: 0;
padding: 0;
line-height: 0;
}
#menu li a {
display: block;
padding: 6px 0;
text-align: center;
background: url("../images/dotline-t.png") no-repeat left top;
background-size: 4px auto;
line-height: 0;
}
#menu .menu-info a,#menu .menu-info a:hover{
background-image: url(../images/dotline-t.png),url(../images/dotline-t.png);
background-position: left,right;
background-repeat: no-repeat,no-repeat;
background-size: 4px auto;
}

#menu li a:hover{background: #effffe url("../images/dotline-t.png") no-repeat left top;background-size: 4px auto;}
#toggle{display: none;}
.menu-area,.menu-sitemap{display: none !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
#menu li {
width: 33.3%;
border-bottom: 0px solid #fff;
padding: 2px 0;
margin-bottom: 2px ;
}

#menu .menu-info a,#menu .menu-info a:hover{
background-image: url(../images/dotline-t.png);
background-position: left;
background-repeat: no-repeat;
background-size: 4px auto;
}
.menu-service a,.menu-voice a{background-image: none !important;}
}

@media only screen and (max-width: 495px) {
#menu-box{margin: 10px 0 0 0;}
#menu {display: none;}

#menu-box ul{margin:0 !important;padding:0 !important;background: #effffe url("../images/seavice-bg.png");}
#menu li{
width: 100%;
border-bottom: 1px solid #000;
line-height: 0;
padding: 2px 10px;
box-sizing: border-box;
text-align: left !important;
background: url("../images/menu-arrow.png") no-repeat 98% 50%;background-size: 10px auto;
margin-bottom: 0 ;
}

#menu li a {background: none;text-align: left !important;background: transparent}
#menu .menu-info a,#menu .menu-info a:hover,.menu-service a,.menu-voice a{background: transparent}
#menu li a:hover{background: transparent}

.menu-area,.menu-sitemap{display: inline-block !important;}

#toggle {
display: block;
position: relative;
width: 100%;
background: #1dcad4;
}
#toggle a{
display: block;
position: relative;
padding: 10px 0 10px 0;
color:#FFF;
text-align: center;
text-decoration: none;
margin: 0;
}
}
/*--------------------------------------------------------------------------------*/

/*-----コンテンツ-----*/
.contents{margin: 0;padding: 0;font-size:1.0em;}

/*トップページタイトル*/
.subtitle{font-size: 12px;margin-bottom: 6px;line-height: 1.4;}
.t-title{line-height: 0;margin-bottom: 15px;}

/*-----スライダー、新着情報-----*/
#slider-news{
background: url("../images/top-sky-bg_mini.jpg") repeat-x right top;
text-align:center!important;
}
/*スライダー*/
#web-slider{margin:0 auto;width:100%;padding:30px 0 10px 0;}

/*おまかせください*/
#goodpoint{
margin-bottom: 60px;
text-align: center;
background: url("../images/kirakira-bg.png") repeat-x center bottom;
}
#goodpoint .box img{margin: 0 4px;}

/*新着情報*/
#news-topics{margin-bottom: 60px;}
#news-topics ul li{
text-align:left;
background: url("../images/icon-arrow-b.png") no-repeat left 50%;
background-size:auto 19px;
padding:5px 0 5px 22px;
}
.date{margin:0 10px 0 0; font-size:12px;display: inline-block;}

/*太丸点線*/
.dotline{
background: url("../images/dotline-y.png") repeat-x left bottom;
background-size:auto 4px;
height:4px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
/*スライダー*/
#web-slider{margin:0 auto;width:100%;padding: 10px 0 0 0;}

/*おまかせください*/
#goodpoint{margin: 0 10px 30px 10px;background: url("../images/kirakira-bg.png") repeat-x center 50%;}
#goodpoint .box img{margin: 0 10px;}
}
@media screen and (max-width: 650px){
/*おまかせください*/
#goodpoint .box img{margin: 0 2px;}
#goodpoint .box img{width: 48%;height: auto;}
}

@media screen and (max-width: 600px){
/*新着情報*/
.date{display: block;}
#news-topics{margin-bottom: 40px;line-height:1.3;}
}

@media screen and (max-width: 400px){
#goodpoint .box img{width: 70%;height: auto;}
}
/*--------------------------------------------------------------------------------*/

/*サービスのご案内*/
#servise {min-width:1000px;background: url("../images/seavice-bg.png");padding:60px 0;}
#servise .menu-title{background:#f66ca4;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
line-height: 0;
padding: 10px;
}
#servise .menu .sp{margin-top:30px;}
.menu-title-arrow{height:10px;font-size: 0;}
#servise .menu .box{
display: inline-block;
vertical-align:top;
width:32%;
margin:12px 3px 10px 3px;
text-align:left;
font-size: 12px;
}
#servise .menu .box0{display: none;}
#servise .menu .box4{
display: inline-block;
vertical-align:top;
width:24%;
margin:12px 2px 5px 2px;
text-align:left;
font-size: 12px;
}
#servise .menu .box img,#servise .menu .box4 img{
width:100%;
height:auto;
box-sizing: border-box;
border: 1px solid #fff;
}
#servise .menu .title{font-size: 16px;font-weight: bold;}

.bn{
display: inline-block;
background: url("../images/p-st-bg.png") ;
width: 32%;
padding: 12px 26px;
margin: 10px 3px 0 3px;
box-sizing: border-box;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border:1px solid #df3685;
line-height:0;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.bn img{
width: 100%;
height: auto ;
}

/*申し込みの流れ*/
#chart{background-color:#d9eeef;min-width:1000px;padding:60px 0;}
#chart .box{display: inline-block;vertical-align:middle;width: 200px;text-align: left;font-size: 12px;line-height: 1.6;}
#chart .allow{display: inline-block;vertical-align:50%;padding: 20px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
/*サービスのご案内*/
#servise {min-width:100%;}
#servise .menu .box0{
display: inline-block;
vertical-align:top;
width:48%;
margin:12px 2px 5px 2px;
text-align:left;
font-size: 12px;
}
#servise .menu .box0 img{
width:100%;
height:auto;
box-sizing: border-box;
margin-top:10%;
}
#servise .menu .box,#servise .menu .box4{
display: inline-block;
vertical-align:top;
width:48%;
margin:12px 2px 5px 2px;
text-align:left;
font-size: 12px;
}
/*申し込みの流れ*/
#chart{min-width:100%;}
#chart .box{margin: 10px 20px 0 20px;}
#chart .allow{display: none;}
}

@media screen and (max-width: 600px){
/*サービスのご案内*/
#servise {padding:40px 0 30px 0;}
/*申し込みの流れ*/
#chart{padding:40px 0;}
}

@media screen and (max-width: 400px){
#servise .menu .box{width:100%;line-height: 1.4;}
#servise .menu .box0{display: none;}
#servise .menu .box4{width:100%;line-height: 1.4;}
}
/*--------------------------------------------------------------------------------*/

/*エリアマップ-バナー*/
#areamap-banner{background: url("../images/bot-bg.png") ;padding:60px 0 40px 0;min-width:1000px;} 
#areamap{
display: inline-block;
box-sizing: border-box;
vertical-align: top;
text-align:left;
width: 69%;
background: url("../images/dotline-t.png") repeat-y right top;
background-size: 4px auto;
font-size: 12px;
}
#areamap .maps{
display: inline-block;
vertical-align: top;
width: 280px;
}
#areamap .cont{
display: inline-block;
vertical-align: top;
width: 360px;
line-height:1.5;
}
.tokyo{
font-size: 16px;
color: #999;
font-weight: bold;
margin: 0 0 2px 0;
}
.kanagawa{
font-size: 16px;
color: #999;
font-weight: bold;
margin: 10px 0 2px 0;
}
#banner{
display: inline-block;
box-sizing: border-box;
width: 29%;
vertical-align: top;
text-align: right;
}
#banner img{margin-bottom: 5px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
#areamap-banner{min-width:100%;}
#areamap h2{text-align:center;}
#areamap{
text-align:left;
width: 100%;
background: url("../images/dotline-y.png") repeat-x left bottom;
background-size: auto 4px;
padding-bottom: 20px;
margin-bottom: 20px;
}
#areamap .maps{width: 48%;}
#areamap .maps img{width: 95%;height: auto;}
#areamap .cont{width: 50%;}
#banner{width: 100%;text-align: center;}
}

@media screen and (max-width: 600px){
#areamap-banner{padding:40px 0 20px 0;} 
}

@media screen and (max-width: 480px){
#areamap .maps{width: 100%;text-align:center;margin-bottom: 10px;}
#areamap .maps img{width:264px;text-align:center;}
#areamap .cont{width: 100%;}
}
/*--------------------------------------------------------------------------------*/

/*お申し込みボタン*/
#contact{background: url("../images/bot-bg.png") ;padding:30px 0;min-width:1000px;box-sizing: border-box;text-align:center;}
.contact-bn-s{display: none;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
#contact{min-width:100%;}
}

@media screen and (max-width: 680px){
#contact img{width:85%;height:auto;}
}

@media screen and (max-width: 480px){
.contact-bn{display: none;}
.contact-bn-s{display: inline-block;}
}
/*--------------------------------------------------------------------------------*/

/*-----フッタ-----*/
footer{min-width: 1000px;padding: 30px 0 20px 0;background:#F66CA4;text-align:left !important;}
.f-logo{margin: 0 20px 0 0;width:234px;display: inline-block;vertical-align: top;text-align:left;line-height:1;}
.f-add{font-size: 12px;margin: 5px 0 7px 0;line-height:1.2;}
.f-logo .tel,.f-logo .time{padding-bottom:5px !important;line-height:0;font-size:10px;}
.f-logo .otoiawase-t{margin:5px 0 !important;width:100%;box-sizing: border-box;}

#f-menu-l,#f-menu-r{
font-size: 12px;
margin-bottom: 7px;
display: inline-block !important;
vertical-align: top;
border-left:1px solid #fff;
box-sizing: border-box;
padding:0 0 0 22px ;
line-height:1.6;

}
#f-menu-l ul li a,#f-menu-r ul li a{color:#000 !important; padding-left:5px !important;box-sizing: border-box;}
#f-menu-l ul,#f-menu-r ul{ display: inline-block !important; vertical-align: top;margin-right: 12px;}
.list-ti{font-weight:bold;}
#copyright{margin-top:25px;font-size:11px;text-align:center;color:#fff;}

/*ページ上部へ*/
#page-top {
position: fixed;
bottom: 30px;
right: 25px;
width: 71px;
height: auto;
}
#page-top img {width: 100%;height: auto;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
footer{min-width: 100%;text-align:left;}
.f-logo{margin: 0;width:100%;display: inline-block;vertical-align: top;margin-bottom: 10px;}
.f-add br {display: none;}
.f-logo .tel,.f-logo .time{margin:0 !important;width:auto;line-height:0;display:inline-block;}
.f-logo .tel img,.f-logo .time img{display:inline-block !important;}
#f-menu-l{border-left:0px;padding:0;}
#f-menu-r{padding:0 0 0 5px;}
#f-menu-l ul,#f-menu-r ul{margin-right: 5px;}
}

@media screen and (max-width: 696px){
#f-menu-l{border-bottom:1px solid #fff;width:100%;padding-bottom:10px;}
#f-menu-r{border-left:0px;padding:0;width:100%;}
#f-menu-l ul,#f-menu-r ul{width:30%;}
/*ページ上部へ*/
#page-top {bottom: 10px;right: 10px;}
}

@media screen and (max-width: 495px){
#f-menu-l,#f-menu-r{display: none !important;}
}

@media screen and (max-width: 480px){
footer{text-align:center !important;}
#copyright{margin-top:10px;font-size:10px;}
.f-logo{width:100%;box-sizing: border-box !important;display:block;}
.f-add{margin:0 0 10px 0;font-size: 11px;box-sizing: border-box;}
.f-logo .otoiawase-t{margin:5px 0 !important;width:100%;box-sizing: border-box;}
.f-add br {display:inline-block;}
}

@media screen and (max-width: 380px){
.tel img{width: 90%;height: auto;}
}
/*--------------------------------------------------------------------------------*/


/*-----内容ページ用設定（テンプレート）-----*/

#page{background: url("../images/page-sky-bg_mini.jpg") repeat-x right top; padding:38px 0 20px 0;font-size:14px}
/*メイン*/
#main{width: 700px;display: inline-block;vertical-align: top;text-align:left;float:left;margin-bottom:20px;padding-bottom:10px;}
/*右列ナビ*/
#nav{width: 250px;display: inline-block;vertical-align: top;text-align:center !important;float:right;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
#main{width: 100%;display: inline-block;vertical-align: top;text-align:left;float:none;border-bottom:1px dotted #ddd;}
/*右列ナビ*/
#nav{width: 100%;display: inline-block;vertical-align: top;text-align:left;float:none;}
}
/*--------------------------------------------------------------------------------*/

/*ページタイトル*/
#page h2{
color:#fff;
font-size:22px;
font-weight:bold;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background:#f16ca7;
padding: 10px 8px 10px 14px;
margin-bottom:10px;
line-height:1.3 ;
}

/*ページタイトル下コメント*/
.comment{
font-size:12px;
padding: 0 0 12px 0;
}

/*ページh3見出し*/
#page h3{
color:#1dcad4;
font-size:20px;
font-weight:bold;
background:#faf9f8 url("../images/kiraicon.png") no-repeat 8px 50%;
background-size:17px auto ;
padding: 5px 6px 5px 30px;
line-height:1.3 ;
border-bottom:1px solid #eee;
margin-bottom:10px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px){
#page h2,#page h3{font-size: 18px !important;}
}
/*--------------------------------------------------------------------------------*/

/*ページh4見出し*/
#page h4{
color:#858585;
font-size:17px;
font-weight:bold;
padding: 0 6px 0 10px;
line-height:1.3 ;
border-left:6px solid #f16ca7;
margin:10px 0;
}
/*ページh5見出し*/
#page h5{
font-size:15px;
font-weight:bold;
line-height:1.3 ;
margin:10px 0;
}

/*画像点線*/
#page .dotline{
background: url("../images/dotline-y.png") repeat-x left bottom;
background-size:auto 4px;
height:4px;
margin: 20px 0;
}

/*グレー線*/
#page .gline{
border-top:1px solid #ddd;
height:1px;
margin: 10px 0;
}

/*点線*/
#page .tenline{
border-top:1px dotted #ddd;
height:1px;
margin: 10px 0;
}

/*リスト*/
#page ul{margin: 5px 0 10px 0;}
#page li:before { content:"● ";color: #1dcad4;}

/*テーブル100%*/
.table_01,.table_03{
width: 100%;
border-collapse: collapse;
border: 2px solid #b9b9b9;
margin: 5px 0 20px 0;
}
/*テーブルなりゆき*/
.table_02{
width: ;
border-collapse: collapse;
border: 2px solid #b9b9b9;
margin: 5px 0 20px 0;
}

.table_01 th,.table_02 th{
width: 30%;
padding: 8px 8px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #FDEFF5;
border: 1px solid #b9b9b9;
}
.table_01 td,.table_02 td{
padding: 8px 8px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

/*テーブル指定なし*/
.table_03 td{
padding: 10px 10px;
background-color: #fff;
border: 1px solid #b9b9b9;
vertical-align: middle;

}

.table_03 th{
padding: 10px 10px;
text-align: left;
vertical-align: middle;
color: #333;
background-color: #FDEFF5;
border: 1px solid #b9b9b9;
}

.td_odd{font-size:12px;}
.td_price{font-size:16px;font-weight:bold;color:#ff0000}

/*ブルーバック枠*/
.blue-wk{
display: inline-block;
background: #1dcad4 ;
width: 100%;
padding: 15px 20px;
margin:0 0 10px 0;
box-sizing: border-box;
border-radius: 8px;
-webkit-border-radius: 8px;
border:1px solid #1dcad4;
}

/*ブルーパターン枠*/
.blue-pt-wk{
display: inline-block;
background: url("../images/b-st-bg.png") ;
width: 100%;
padding: 20px;
margin:0 0 10px 0;
box-sizing: border-box;
border-radius: 8px;
-webkit-border-radius: 8px;
border:1px solid #1dcad4;
}

/*投稿記事枠画像最大値*/
#page #main img{
max-width: 100%;
height: auto !important;
padding-bottom: 2px;
}

/*投稿記事枠画像の回り込み*/
.alignleft{
float: left;
margin: 3px 10px 0px 0px;
}
.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright{
float: right;
margin: 3px 0px 0px 5px;
}

.alignnone
display: block;
margin: 3px 10px 0px 0px;
}

/*お問い合わせフォーム*/
#page textarea{width: 300px !important;height: 7em;}

#page input,#page textarea{
padding: 6px;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.4) inset;
-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.4) inset;
box-shadow:2px 2px 2px 0 rgba(200,200,200,0.4) inset;
font-size: 16px ;
}

.formbuttan{text-align: center;margin: 3px 0px 10px 3px;}
.formbuttan input{background: #1dcad4; color: #fff;width: 40%;}
.formbuttan input:hover{cursor:pointer;}

/*右ナビ列上3バナー*/
#page #bn-3{
margin-bottom: 12px;
text-align:center;
}

#page #bn-3 .bn{
display: inline-block;
background: url("../images/p-st-bg.png") ;
width: 250px;
padding: 20px 10px;
margin:0 0 7px 0;
box-sizing: border-box;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border:1px solid #df3685;
line-height:0;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
#page #banner{
width: 250px;
text-align:center;
}
#page .areamap{
width: 250px;
text-align:center;
margin-top:12px;
background:#FAF9F8;
border:1px solid #eee;
padding:10px 6px 5px 6px;
box-sizing: border-box;
}
#page .areamap img{width: 100%;height:auto;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
#page .areamap{display: none;}
#page #banner{width: 100%;}
.bn,#page #bn-3 .bn{
width: 32%;
padding: 12px 8px;
margin: 0 4px 0 4px;
box-sizing: border-box;
}

#banner img{margin: 0 4px;}
}

@media screen and (max-width: 680px){
.bn,#page #bn-3 .bn{
width: 250px;
padding: 14px 10px;
margin:0 3px 12px 3px;
}
}

@media screen and (max-width: 600px){
#banner{width:100%;display:inline-block;}
#banner img{width: 46%;}
.bn,#page #bn-3 .bn{
width:220px;
padding: 10px;
margin:0 3px 12px 3px;
}
}

@media screen and (max-width: 450px){
#page .bn-3 .bn{
width: 220px;
padding: 14px 10px;
margin:0 3px 12px 3px;
}
}

@media screen and (max-width: 380px){
#page #bn-3 .bn{
width: 200px;
padding: 14px 10px;
margin:0 3px 12px 3px;
}
#banner{width:100%;display:inline-block;}
#banner img{width: 200px;}
}

/*--------------------------------------------------------------------------------*/

/*-----リスト（一覧）ページ用設定（テンプレート）-----*/

.listbox {
border-bottom:1px dotted #dcdcdc;
padding:5px 0 5px 20px;margin-bottom:5px;
background: url("../images/icon-arrow-g.png") no-repeat left 50%;
background-size:10px auto;}
.listbox img {display:block;width:80px;height:auto;}
.listbox .thumb{margin:2px 10px 0 0;float:left;}
.listbox .title{font-size:16px;line-height:1.3;margin-bottom:1px;}
.listbox .excerpt{font-size:12px;line-height:1.3;}

/*-----準備ページ-----*/
.under-construction{text-align:center;font-size:16px;margin:20px;box-sizing: border-box;}

/*-----単品メニュー一覧-----*/
#singlemenu{text-align:center;}
.box-list{display:inline-block;width:45%;height:auto;vertical-align: top;box-sizing: border-box;text-align:left;margin: 10px !important;position:relative;}
.box-list img{padding: 0 !important;}
#main .box-list .title{padding-top:0px !important;box-sizing: border-box;font-weight: bold;}
.box-list .shousai-bt{position:absolute;top: 0;right: 0;}
.etc{text-align:left;margin: 10px !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 560px){
.box-list{display:inline-block;width:80%;}
}

@media screen and (max-width: 480px){
.box-list{display:inline-block;width:90%;}
}
/*--------------------------------------------------------------------------------*/

/*エアコンmenu*/
#aircon-menu li {
text-align:center;
display:inline-block; 
width: 16.5%;
background: #1dcad4;
margin-right: 1px;
box-sizing: border-box;
color: #fff;
font-size: 12px;
padding: 6px 2px;
vertical-align: top;
}
#aircon-menu li:before { content:"● ";font-size: 0;}
#aircon-menu ul a:hover {position:static;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 700px){
#aircon-menu li {width: 33%;margin: 0 1px 1px 0;}
}

@media screen and (max-width: 400px){
#aircon-menu li {width: 49.5%;margin: 0 1px 1px 0;}
}
/*--------------------------------------------------------------------------------*/

/*エアコンキャンペーン*/
.aircon-campaign{
background: url("../images/dot-bg.png") ;
background-size: 15px auto;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border: 4px solid #2E3192 ;
box-sizing: border-box;
padding:20px 8px 5px 8px;
margin: 0 0 25px 0;
}

.aircon-campaign .rabel{
display: inline-block;
vertical-align: top;
float: left;
padding-right: 8px;
box-sizing: border-box;
width:39%;
}
.aircon-campaign .rabel img{width:100%;}

.aircon-campaign .right{
display: inline-block;
vertical-align: top;
float: left;
width:60%;
}

.aircon-campaign .prices{
background: #F3FA4C;
padding:10px;
box-sizing: border-box;
text-align: center;
margin:5px 0;
font-size:12px;
line-height:1.6;
}

.prices .red{
font-weight: bold;
color: #ff0000;
font-size:20px;
}
.aircon-campaign .date{
width: 100%;
text-align: center;
border-top:2px solid #999;border-bottom:2px solid #999;
font-weight: bold;
font-size:20px;
margin:10px 0;
}

.aircon-campaign .dougaku{font-size:12px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 730px){
.aircon-campaign{padding:15px 8px 10px 8px;}
.aircon-campaign .rabel{width:30%;}
.aircon-campaign .right{width:70%;}
.aircon-campaign .prices{padding:5px;font-size:11px;}
.prices .red{font-size:18px;}
}

@media screen and (max-width: 560px){
.aircon-campaign {
text-align:center;
}
.aircon-campaign .rabel{
display: inline-block;
text-align:center;
float: none;
padding-right: 8px;
box-sizing: border-box;
width:160px;
}
.aircon-campaign .right{
display: inline-block;
vertical-align: top;
float: none;
width:100%;
}
}

@media screen and (max-width: 480px){
.prices .red{font-size:16px;}
.aircon-campaign .date{font-size:17px;}
.aircon-campaign .prices{line-height:1.3;}
}

/*--------------------------------------------------------------------------------*/
/*エアコンbeforeafter*/
.beforeafter{text-align:center;}

.beforeafter .box{
display: inline-block;
vertical-align:top;
padding-right: 0px;
box-sizing: border-box;
width:45%;
}
.bf-arrow{
display: inline-block;
padding-top: 20% !important;
box-sizing: border-box;
}
.b-f{color:#fff; margin-bottom:3px;}
.s-text{
text-align:left;
font-size:12px;
line-height:1.3;
}

/*エアコン動画*/
.movie-wrap {}
.movie-wrap .box-l {
overflow: hidden;
width: 48.8%;
display: inline-block;
vertical-align: top;
margin:0 2px 10px 0;
text-align:left;
float:left;
}
.movie-wrap .box-r {
overflow: hidden;
width: 48.8%;
display: inline-block;
vertical-align: top;
margin:0 2px 10px 0;
float:right;
}
 
.movie-wrap iframe {
width: 100%;
height: 190px;
}
/*対応メーカー*/
.maker-l{display: inline-block;vertical-align: top;width: 63%;}
.maker-r{display: inline-block;vertical-align: top;width: 35%;}

/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 600px){
.maker-l{display: inline-block;vertical-align: top;width: 50%;}
.maker-r{display: inline-block;vertical-align: top;width: 48%;}
}

@media screen and (max-width: 500px){
.movie-wrap .box-l,.movie-wrap .box-r {overflow: hidden;width: 100%;}
.maker-l{display: block;vertical-align: top;width:100%;}
.maker-r{display: block;vertical-align: top;width: 80%;margin: 0 auto;}
}

@media screen and (max-width: 400px){
.beforeafter .box{width:100%;}
.bf-arrow{display: none;}
}
/*--------------------------------------------------------------------------------*/

/*水回りmenu*/
.wetmenu{
width: 33%;
display: inline-block;
vertical-align: top;
margin:0 1px 10px 1px;
text-align:center;
line-height:1.2;
box-sizing: border-box;
font-weight: bold;
}
.wetmenu a{font-weight: bold;}

/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 700px){
.wetmenu{width: 49%;}
}
/*--------------------------------------------------------------------------------*/

/*水回り動画ほか*/
.movie iframe{width: 60%;height:225px;}
.bathroom-l{display: inline-block;vertical-align: top;width: 360px;float: left;}
.bathroom-r{display: inline-block;vertical-align: top;width: 300px;float: right;}
.bathroom-l iframe{margin-right: 10px;}
.bath-p img{width: 49.9%;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 750px){
.bathroom-l{display: inline-block;vertical-align: top;width: 100%;float: none;margin-bottom: 18px;text-align: center;}
.bathroom-l iframe{width: 49%;margin: 0 1px;}
.bathroom-r{display: inline-block;vertical-align: top;width: 100%;float: none;}
}

@media screen and (max-width: 480px){
.movie iframe{width: 100%;height:150px;}
.senmen-p img{width: 150px;height:auto;}
.bath-p img{width: 100%;}
}

@media screen and (max-width: 360px){
.bath-p img{width: 100%;}
}
/*--------------------------------------------------------------------------------*/