﻿@charset "utf-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size:62.5% }
body { font-family: "HG丸ｺﾞｼｯｸM-PRO", "ヒラギノ丸ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; font-size: 1.6rem; line-height:16px; line-height:1.6rem; color: #333; position: relative; -webkit-font-smoothing: antialiased; }
/*フォント指定-----------------------------------------------
ゴシック
Avenir , "英文WEBフォント" , "英文WEBフォント" , Helvetica , Arial , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
明朝
"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}*/

/* Links ---------------------- */
a { color: #333; text-decoration:none; line-height: inherit;}
a:hover { text-decoration:underline;}
a:focus { color: #; outline: none; }
p a,p a:visited { line-height: inherit }
img { border:0px; max-width: 100%; }
/* Reset for strange margins by default on <figure> elements */
figure { margin: 0 }
/* Base Type Styles Using Modular Scale ---------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0; padding: 0; font-size:16px; direction:ltr; color:#333;}
p { font-size: 18px;  font-size: 1.8rem; line-height: 1.44; }/*{ font-size: 16px;  font-size: 1.6rem; line-height: 1.5; }*/
h1,h2,h3,h4,h5,h6 { font-family: "HG丸ｺﾞｼｯｸM-PRO", "ヒラギノ丸ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ; line-height:1.5; text-rendering: optimizeLegibility; font-weight:normal;}
h1 { font-size: 40px; font-size: 4.0rem; line-height: 1.2;}
h2 { font-size: 32px; font-size: 3.2rem; line-height: 1.25;}
h3 { font-size: 24px;font-size: 2.4rem; line-height: 1.34;}
h4 { font-size: 16px; font-size: 1.6rem; line-height: 1.5;}
h5 { font-size: 8px; font-size: 0.8rem; line-height: 2;}
hr { clear: both; }
.strong { font-weight: bold; line-height: inherit; }
.small { font-weight: lighter; line-height: inherit; font-size: 14px;  font-size: 1.4rem; line-height: 1.57;}

/* Lists ---------------------- */
ul,li { font-size: 16px; font-size: 1.6rem; /*list-style-position: inside;*/ margin: 0; padding: 0; list-style-type: none}


/* The Grid ---------------------- */
.row { width: /*960*/1200px; max-width: 100%; min-width:600px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row.collapse .column,
.row.collapse .columns { padding: 0 }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row .row.collapse { margin: 0 }
.column,
.columns { float: left; min-height: 1px; padding: 0 8px; position: relative; }
.column.centered,
.columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: /*right*/left }
[class*="column"] + [class*="column"].end { float: left }
.one,.row .one { width: 8.33333% }
.two,.row .two { width: 16.66667% }
.threes,.row .threes { width: 20% }
.three,.row .three { width: 25% }
.four,.row .four { width: 33.33333% }
.five,.row .five { width: 41.66667% }
.six,.row .six { width: 50% }
.seven,.row .seven { width: 58.33333% }
.eight,.row .eight { width: 66.66667% }
.nine,.row .nine { width: 75% }
.ten,.row .ten { width: 83.33333% }
.eleven,.row .eleven { width: 91.66667% }
.twelve,.row .twelve { width: 100% }
.row .offset-by-one { margin-left: 8.33333% }
.row .offset-by-two { margin-left: 16.66667% }
.row .offset-by-three { margin-left: 25% }
.row .offset-by-four { margin-left: 33.33333% }
.row .offset-by-five { margin-left: 41.66667% }
.row .offset-by-six { margin-left: 50% }
.row .offset-by-seven { margin-left: 58.33333% }
.row .offset-by-eight { margin-left: 66.66667% }
.row .offset-by-nine { margin-left: 75% }
.row .offset-by-ten { margin-left: 83.33333% }
img,object,embed { height: auto }
object,embed { height: 100% }
img { -ms-interpolation-mode: bicubic }
#map_canvas img,.map_canvas img { max-width: none!important }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1  }
.row:before,.row:after { content: ""; display: table; }
.row:after { clear: both }

/* ボタン ---------------------- */
.button { border: 0px; nowhitespace: afterproperty; width: auto; nowhitespace: afterproperty; cursor: pointer; display: inline-block; outline: none; position: relative;
	-webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /*ボタンアニメーション*/
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 2px 2px 4px #666; -webkit-box-shadow:2px 2px 4px #666; /*角丸･影*/
	text-align:; background-color:#; padding:px; text-decoration:none;  }
.button:hover { color:#; background-color: #; }
.button:active { }
.button:focus { color:# }
.button a{ color:#; text-decoration:none;}

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

/* グーグルカレンダー ---------------------- */
.cal_wrapper { max-width: /*960*/1200px;}
.googlecal { position: relative; padding-bottom: 90%; height: 0; overflow: hidden;}
.googlecal iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/* TOPへ戻るボタン ---------------------- */
.page-top { position: fixed; bottom: 20px; right: 20px; font-size: 1.6rem; font-size: 16px; margin-bottom:16px;}
.page-top a { background: #1fa3dd; text-decoration: none; color: #fff;  padding: 20px 25px; text-align: center; display: block; border-radius: 50px; }
.page-top a:hover {text-decoration: none; opacity:0.7;}

.onlymobile { display:none;}

/**************** content ---------------------- ****************/
/* all ---------------------- */
.bg-bl { background-color:#1fa3dd; }
.bg-ye { background-color:#ffff5a; }
.bl { color:#1fa3dd; }
.ye { color:#ffff5a; }
.or { color:#FBB03B; }
.rd { color:#C1272D; }

p.f24{ font-size: 24px;font-size: 2.4rem; line-height: 1.34; }
.fwb { font-weight:bold;}

.hr { height: 120px; }
.noleftmargin { margin-left: 0px; padding-left: 0px;}
.nomargin { margin: 0px; padding: 0px;}
.mb8 { margin-bottom:8px; }
.mb16 { margin-bottom:16px; }
.mb24 { margin-bottom:24px; }
.mb32 { margin-bottom:32px; }
.mb48 { margin-bottom:48px; }
.mb80 { margin-bottom:80px; }
.mb120 { margin-bottom:120px; }
.fmb18 { margin-bottom:14px; }/*.fmb16 { margin-bottom:12px; }*/
.fmb24 { margin-bottom:20px; }
.fmb48 { margin-bottom:20px; }

.telbr { margin-bottom: 40px; }

.tac { text-align:center;}
.tar { text-align:right;}
.imgc { display: block;  margin-left: auto; margin-right: auto;}

nav {}
#menu{ width: 100%; }
#menu li{ background:url(../img/navi-line.png) no-repeat center left; float: left; display: block; width:20%; padding:0 2.93%; text-align:center; font-size:16px; font-size:1.6rem; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#menu li:nth-child(5){ background-image:url(../img/navi-line.png),url(../img/navi-line.png); background-position:center left,center right;}
#menu li:last-child{ background-image:url(../img/navi-line.png),url(../img/navi-line.png); background-position:center left,center right;}
#menu  a{ display: block; color:#fff; padding:24px 0;}
#menu li:hover{ background-color: #40C5FD;}
#toggle{ display: none; }

/*#topititle { /*background-image:url(../img/title.png); border-top:solid 3px #1fa3dd; border-bottom:solid 1px #1fa3dd;}
#topititle  h2 { margin:2px 0px; border-top:dotted 1px #1fa3dd;  border-bottom:dotted 1px #1fa3dd; padding:14px 0px 16px; text-align:center; font-weight:bold; color:#1fa3dd; background-image:url(../img/title2.png),url(../img/title2.png); background-position:left,right; background-repeat:no-repeat;}*/


#topititle { border-top:solid 3px #1fa3dd; border-bottom:solid 1px #1fa3dd;}
.titledeco { margin:2px 0px; border-top:dotted 1px #1fa3dd;  border-bottom:dotted 1px #1fa3dd; padding:14px 0px 16px; text-align:center; font-weight:bold; }
.titledeco h2{ line-height:1; color:#1fa3dd;}
.titledeco h2 img.smile1 { vertical-align:-0.15em; margin-right:5%;}
.titledeco h2 img.smile2 { vertical-align:-0.15em; margin-left:5%;}


.topititle-s { background-color:#1fa3dd;  border-bottom:solid 2px #1fa3dd;}
.topititle-s h3{ padding:4px 8px 3px ; border-bottom:solid 1px #fff; font-weight:bold; color:#fff;}

.box { padding:8px; border:dashed 1px #CCC; -webkit-border-radius:5px; -moz-border-radius:5px;}

/* top ---------------------- */
#pin  { height: 4px;}
header { padding:16px 0 ; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
header h3 { font-size:23px; line-height:1; letter-spacing:0.1em; color:#ffff5a; margin:4px 0 6px; }
header h3 spen { padding:0px 2px; }
header p.tel { font-size:35px; line-height:1; letter-spacing:-0.5px; color:#1fa3dd; font-weight:bold;  }
header p.tel spen { }
header p.faxmail { font-size:13.7px; line-height:1; letter-spacing:0.25px; color:#1fa3dd; padding-top:2px; font-weight: bold;}
header p.faxmail spen {  border-top:1px #1fa3dd dotted;}
#slid { padding:16px 0 ;}

.carlink { padding:32px 0px; text-align:center; border-top:1px dotted #333;  margin:44px 0px 44px;}
.carlink h3{ font-size: 24px;font-size: 2.4rem; padding-bottom:16px; line-height:1; font-weight:bold; color: #C1272D; }
.carlink p { font-size: 24px;font-size: 2.4rem; line-height: 1; color:#1fa3dd; font-weight:bold; }
.carlink p a{ color:#ffff5a; background-color:#C1272D; padding:18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display:inline-block; width: 70%; }
.carlink p a:hover { text-decoration:none; opacity: 0.9; }

#topi .news.twelve.columns p { color:#fff; background-color:#fff; margin-top:-45px; }


#topi .topcon { width:980px; margin:0 auto; }
#topi .topcon img { display:block;}
#topi .topcon p.bl { font-size: 36px; font-size: 3.6rem; font-weight:bold; color:#1fa3dd; line-height:1; text-decoration:underline; text-align:center; margin-bottom:32px; }
#topi .topcon p.bl span { font-size: 24px; font-size: 2.4rem; }
#topi .topcon p.con { font-size: 32px; font-size: 3.2rem; font-weight:bold; color:#C1272D; line-height:1; padding-top:14px; }
#topi .topcon p.phone{ font-size: 59px; font-size: 5.9rem; font-weight:bold; color:#C1272D; letter-spacing:-2.5px; line-height:1; margin-bottom:20px; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#topi.mb120.link { background-color:rgb(31,163,221,0.3); padding:24px 0px 48px; }
figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
figure:hover img { -webkit-transform: scale(0.99); transform: scale(0.99); }


#topi h3.huki { background-color:#1fa3dd; color:#fff; padding:24px; text-align:center; line-height:1; font-weight:bold; position: relative; margin-top:16px; -webkit-border-radius: 10px;/* Safari,Google Chrome用 */ -moz-border-radius: 10px;/* Firefox用 */  }
#topi h3.huki:before { content: ""; position: absolute; top: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-bottom: 10px solid #1fa3dd; border-left: 10px solid transparent; border-right: 10px solid transparent;}
#topi h3.huki2 { background-color:#1fa3dd; color:#fff; padding:36px; text-align:center;  line-height:1; font-weight:bold; position: relative; margin-top:16px; -webkit-border-radius: 10px;/* Safari,Google Chrome用 */ -moz-border-radius: 10px;/* Firefox用 */  }
#topi h3.huki2:before { content: ""; position: absolute; top: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-bottom: 10px solid #1fa3dd; border-left: 10px solid transparent; border-right: 10px solid transparent;}
#topi .videobox{ text-align:center;}
#topi .videobox video { width:60%; }

#topi.line a{ color:#39b54a; text-decoration:underline; font-weight:bold;}
#topi.line a:hover{ color:#333; text-decoration:underline; }
#topi.line p spen{ color:#39b54a; }
#topi.line img:hover{ opacity:0.6;}

#link ul { display:block;}
#link ul li { display:inline;}
#link a:hover{ opacity:0.6;}
footer { padding:16px 0 ;}
footer ul { padding:16px 0px;}
footer ul li { float: left; display: block;  padding:16px 1.62%; text-align:center; font-size:16px; font-size:1.6rem; border-left: 1px dotted #1fa3dd;  height:48px;  font-family:  "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
footer ul li:last-child { border-right: 1px dotted #1fa3dd;}
footer ul li a { color:#1fa3dd; padding:16px 0px;}
#copy { padding:8px 0 ;}
#copy p { font-size: 8px; font-size: 0.8rem; line-height: 1; color:#fff; text-align:center; }

.fm-yohaku{ display: none; padding-bottom: 82px;}
.floating-menu{ display: none;}
#footer-floating-menu { display: block; width: 100%; position: fixed; left: 0px; bottom: 2px; z-index: 9999; text-align: center; padding: 8px; background-color: rgba(255,255,255,0.9)
}
#footer-floating-menu ul{}
#footer-floating-menu ul li{ display: inline-block;}
#footer-floating-menu ul li a{ display: block; padding: 12px 0px; border: 1px solid #1fa3dd;}
#footer-floating-menu ul li a p i{ font-size: 24px;font-size: 2.4rem; line-height: 1; color: #1fa3dd; }
#footer-floating-menu ul li a p.kome{ font-size: 11px;font-size: 1.1rem; line-height: 1;color: #1fa3dd; }
#footer-floating-menu ul li a:hover{text-decoration: none;}



/* sub ---------------------- */
#subtopititle { border:none;}
.subtitledeco { padding:64px 0px; text-align:center; font-weight:bold; }
.subtitledeco h2{ line-height:1; color:#1fa3dd;}
.subtitledeco h2 img.smile1 { vertical-align:-0.15em; margin-right:1.5%;}
.subtitledeco h2 img.smile2 { vertical-align:-0.15em; margin-left:1.5%;}

.topititle-ss {   border-bottom: solid 1px #333; padding-bottom:2px; width:66%; display: block; margin-left: auto; margin-right: auto;}
.topititle-ss h3{ padding-bottom:4px; border-bottom: dotted 1px #333; font-weight:bold; text-align:center;}

#subtipi p { font-size: 18px; font-size: 1.8rem; line-height: 1.44; }
#subtopi ul,li { font-size: 18px; font-size: 1.8rem; line-height: 1.333;  margin: 0; padding: 8px 0; list-style-type: none}
#subtopi spen{ font-size: 24px; font-size: 2.4rem; text-decoration:underline;}

#subtopi .eight.columns { padding-left:16px; }
#subtopi .abo2 h3  { color:#1fa3dd; }
#subtopi .abo2 ul li { line-height: 1.333; }


table{ border-collapse: collapse; }
table td{ font-size: 18px; font-size: 1.8rem; line-height:1; padding: 16px; text-align: left; vertical-align: top; color: #333; border: 1px solid rgba(179,179,179,0.6)/*#B3B3B3*/; }
table tr.color1{ background-color: rgba(242,242,242,0.6);/*#F2F2F2*/ }
table tr.color2{ background-color: rgba(230,230,230,0.6);/*#E6E6E6*/ }
table.pro { margin-left: auto; margin-right: auto; }
table.pro2 { margin-left: auto; margin-right: auto; width:72%;}
table.pro2 td{ line-height:1.37;}
table.pro2 th{ font-size: 18px; font-size: 1.8rem; line-height:1; padding: 16px; text-align: left; vertical-align: top; color: #333; border: 1px solid rgba(179,179,179,0.6)/*#B3B3B3*/; width:16%; font-weight:normal;}

.prolink { padding:32px 0px; text-align:center; font-size: 24px;font-size: 2.4rem; line-height: 1; color:#1fa3dd; font-weight:bold; }
.prolink a{ color:#ffff5a; background-color:#C1272D; padding:18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display:inline-block; width: 60%; }
.prolink a:hover { text-decoration:none; opacity: 0.9; }


.bloglink { padding:32px 0px; text-align:center; border-top:1px dotted #333; border-bottom:1px dotted #333; margin-bottom:44px;}
.bloglink h3{ font-size: 24px;font-size: 2.4rem; padding-bottom:16px; line-height:1; font-weight:bold; }
.bloglink p { font-size: 24px;font-size: 2.4rem; line-height: 1; color:#1fa3dd; font-weight:bold; }
.bloglink p a{ color:#ffff5a; background-color:#1fa3dd; padding:10px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display:inline-block; }
.bloglink p a:hover { text-decoration:none; background-color:#40C5FD; }

.carcon { padding:48px 24px; text-align:center; margin-bottom:64px; background-color:#FFFF5A;}
.carcon h3{ font-size: 32px;font-size: 3.2rem; padding-bottom:24px; line-height:1;  font-weight:bold; color:#C1272D;}
.carcon p { font-size: 24px;font-size: 2.4rem; line-height: 1.333; font-weight:bold; }
.carcon p span { color:#C1272D; }
.carcon p span.un { text-decoration:underline; color:#333;}

.soldcon { padding:48px 24px; text-align:center; margin-bottom:64px; background-color:#FFFF5A;}
.soldcon h3{ font-size: 24px;font-size: 2.4rem; padding-bottom:24px; line-height:1;  font-weight:bold; }
.soldcon p { font-size: 24px;font-size: 2.4rem; line-height: 1; color:#1fa3dd; font-weight:bold; }
.soldcon p a{ color:#ffff5a; background-color:#1fa3dd; padding:10px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display:inline-block; }
.soldcon p a:hover { text-decoration:none; background-color:#40C5FD; }


.carbox { border-top: solid 1px #1fa3dd; margin-bottom:74px;}
.carbox img { padding-top: 16px; margin-bottom:24px; }
.carbox img:hover { opacity:0.6; }
.carbox h4 { font-size: 24px;font-size: 2.4rem; line-height: 1; font-weight:bold; padding-bottom:16px; border-bottom:1px dotted #e6e6e6; /*margin-bottom:16px;*/ height:65px;}
.carbox table{ border-collapse: collapse; width:100%;}
.carbox table td{ font-size: 15px; font-size: 1.5rem; line-height:1; padding: 8px 0px; text-align: left;  color: #333; border:none; border-bottom: 1px solid rgba(230,230,230,0.6)/*#B3B3B3*/; background-color: rgba(242,242,242,0.8);/*#F2F2F2*/ }
.carbox table th{ font-size: 15px; font-size: 1.5rem; line-height:1; padding: 8px 4px; text-align: left;  color: #333; border-bottom: 1px solid rgba(230,230,230,0.6)/*#B3B3B3*/; background-color: rgba(242,242,242,0.8);/*#F2F2F2*/ width: 23%; }

.carbox a.button2{ color: #fff; font-weight: bold; padding: 8px 24px; display: inline-block; margin-top:24px; text-align: center; background: #4d4d4d; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;}


.sort{  }
.sort ul{}
.sort ul li{ width: 20%; float: left;  margin-bottom: 18px; padding: 0; }
.sort ul li a { font-weight: bold; color: #1fa3dd; }



#form div .twelve.columns.mb80
{ font-size: 18px; font-size: 1.8rem; line-height: 1.44; border-bottom:1px dotted #CCC; padding-bottom:24px;}
#form div .twelve.columns.mb24
{ font-size: 18px; font-size: 1.8rem; line-height: 1.44; border-bottom:1px dotted #CCC; padding-bottom:24px;}

#form .answer { padding-left:1%; }
#form .question { padding-right:2%; }
#form select { margin-right:4px; }
#form spen.hissu { margin-left:8px; padding:2px; background-color:red; color:#fff; font-size:85%;}
#form input[type="submit"], input[type="reset"],[type="button"]{ font-size: 16px; font-size: 1.6rem; line-height: 1; border: none; padding:8px; color:#fff; background-color:#1fa3dd; margin-right:1%;  font-family: "HG丸ｺﾞｼｯｸM-PRO", "ヒラギノ丸ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
.privacy-box{  text-align:center; width:100%; padding-bottom: 24px; }
.privacy{ text-align:left; margin:0px auto; width:800px; height: 240px; overflow: scroll; padding: 16px; border: 1px solid #1fa3dd; }
.privacy p{font-size: 14px; font-size: 1.4rem; line-height: 1.5; color: #4d4d4d;}


#single .topititle-s { background-color:#333;  border-bottom:solid 2px #333; margin-bottom: 16px;}
#single .topititle-s h3{ padding:8px ; border-bottom:solid 1px #fff; font-weight:bold; color:#fff; line-height: 1;}
p.date{ font-size: 14px; font-size: 1.4rem; line-height: 1; margin-bottom: 48px;  }
#single .carbox{border-top:none;  }
#single .text{ margin-bottom: 120px;}
#single .text h1 { font-size: 24px;font-size: 2.4rem; line-height: 1; background-color:#1fa3dd; padding:8px; font-weight:bold; color:#fff; margin-bottom: 24px;}
#single .text h2 { font-size: 24px;font-size: 2.4rem; line-height: 1; background-color:#333; padding:8px; font-weight:bold; color:#fff;  margin-bottom: 24px;}
#single .text h3 { font-size: 24px; font-size: 2.4rem; line-height: 1; padding:8px 0px; font-weight:bold; border-bottom: 1px dotted #1fa3dd; color: #1fa3dd; margin-bottom: 24px;}
#single .text h4 { font-size: 24px;font-size: 2.4rem; line-height: 1; padding:8px 0px; font-weight:bold; border-bottom: 1px dotted #333; color: #333; margin-bottom: 24px;}
#single .text h5 { font-size: 24px;font-size: 2.4rem; line-height: 1; padding:8px 0px; font-weight:bold; color:#fff; color: #333;  margin-bottom: 24px;}
#single .text a { font-weight: bold; color:#1fa3dd; }
#single .text p { margin-bottom: 24px; }

#single .contact { border-top:4px dotted #c1272d; padding-top:24px; margin-bottom: 120px;  }
#single .contact h4 { font-size: 24px;font-size: 2.4rem; line-height: 1; font-weight:bold; color:#c1272d; margin-bottom: 8px;}
#single .contact p.phone { font-size: 60px;font-size: 6.0rem; line-height: 1; font-weight:bold; color:#c1272d; margin-bottom: 8px; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: -2.5px;}
#single .contact p.link { font-size: 24px;font-size: 2.4rem; line-height: 1; color:#333; font-weight:bold; }
#single .contact p.link a{ color:#fff; background-color:#1fa3dd; padding:10px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display:inline-block; }


#topnews{ width: 100%; height:300px; overflow: scroll; border: 1px solid #ccc; }
#topnews li{ text-decoration: none; list-style: none; }
#topnews li a{  color: #1fa3dd;}
.top-date{font-size: 10px;}

@media only screen and (max-width: 1214px) {
#menu li{ padding:0 2.3%; }
footer ul li { padding:16px 0.8%; }
}


@media only screen and (max-width: 1024px) {
#menu li{ padding:0 1.8%; }
#menu li{ width:25%; }
#menu li:nth-child(5){ background:url(../img/navi-line.png) no-repeat center left; }
footer ul li { padding:16px 0%; width: 20%; }
}

@media only screen and (max-width:980px) {
	#topi .topcon { width:100%; margin:0 auto; }
	#topi .topcon p.con { font-size: 24px; font-size: 2.4rem; padding-top:0px; margin-bottom:4px;}
	#topi .topcon p.phone{ font-size: 32px; font-size:3.2rem; letter-spacing:-1px;}
	#topi .topcon p.phone a{ color:#C1272D;}

	.privacy{ width:90%;  }

	.sort ul li{ width: 50%; }


}

@media only screen and (max-width: 600px) {
	html { /*font-size:;*/ }
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0; padding: 0; font-size:16px; direction:ltr; color:#333;}
	p { font-size: 12px;  font-size: 1.2rem; line-height: 1.66; }
	h1 { font-size: 30px; font-size: 3.0rem; line-height: 1.26;}
	h2 { font-size: 24px; font-size: 2.4rem; line-height: 1.34;}
	h3 { font-size: 18px;font-size: 1.8rem; line-height: 1.44;}
	h4 { font-size: 16px; font-size: 1.6rem; line-height: 1.5;}
	h5 { font-size: 12px; font-size: 1.2rem; line-height: 1.66;}
	small { font-size: 12px;  font-size: 1.2rem; line-height: 1.66;}
	/* Lists ---------------------- */
	ul,li { font-size: 16px; font-size: 1.6rem;}

	p { font-size: 16px;  font-size: 1.6rem; line-height: 1.25; }
	h1 { font-size: 30px; font-size: 3.0rem; line-height: 1.13;}
	h2 { font-size: 24px; font-size: 2.4rem; line-height: 1.16;}
	h3 { font-size: 18px;font-size: 1.8rem; line-height: 1.22;}
	h4 { font-size: 16px; font-size: 1.6rem; line-height: 1.25;}
	h5 { font-size: 12px; font-size: 1.2rem; line-height: 1.33;}
	small { font-size: 12px;  font-size: 1.2rem; line-height: 1.33;}
	/* Lists ---------------------- */
	ul,li { font-size: 16px; font-size: 1.6rem;}


	/* The Grid ---------------------- */
	.row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; }
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none }
	[class*="column"] + [class*="column"]:last-child { float: none }
	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both }
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
	/* Mobile 4-column Grid */
	.row .mobile-one { width: 25% !important; float: left; padding: 0 5px; }
	.row .mobile-one:last-child { float: right }
	.row .mobile-one.end { float: left }
	.row.collapse .mobile-one { padding: 0 }
	/* Mobile 2-column Grid */
	.row .mobile-two { width: 50% !important; float: left; padding: 0 5px;}
	.row .mobile-two:last-child {  float: /*right*/left }
	.row .mobile-two.end { float: left }
	.row.collapse .mobile-two { padding: 0 }
	/* Mobile widthが75% */
	.row .mobile-three { width: 75% !important; float: left; padding: 0 8px; }
	.row .mobile-three:last-child { float: right }
	.row .mobile-three.end { float: left }
	.row.collapse .mobile-three { padding: 0 }
	/* Mobile widthが100% */
	.row .mobile-four { width: 100% !important; float: left; padding: 0 8px; }
	.row .mobile-four:last-child { float: right }
	.row .mobile-four.end { float: left }
	.row.collapse .mobile-four { padding: 0 }
	.noleftmarg {padding:0px !important;}

	/* ボタン ---------------------- */
	.button {  }

	/* google map ---------------------- */
	.ggmap { }
	.ggmap iframe, .ggmap object, .ggmap embed {  }

	/* グーグルカレンダー ---------------------- */
	.googlecal { padding-bottom: 75%; }

	/* TOPへ戻るボタン ---------------------- */
	/*#page-top a{ display:none; }*/

	.onlymobile { display:inherit; }
	.onlypc { display:none;}


	/**************** content ---------------------- ****************/
	/* all ---------------------- */

	p.f24 { font-size: 18px;font-size: 1.8rem; line-height: 1.44; }

	.tar { text-align:left;}
	.tac { text-align:left;}

	.noleftmargin {  padding:0px !important;}

	.mb16mo { margin-bottom:16px; }
	.mb18mo { margin-bottom:18px; }
	.mb36mo { margin-bottom:36px; }

	.mb24 { margin-bottom:18px; }
	.mb48 { margin-bottom:36px; }
	.fmb18 { margin-bottom:16px; }/*.fmb16 { margin-bottom:14px; }*/
	.fmb24 { margin-bottom:16px; }
	.fmb48 { margin-bottom:34px; }

	.titledeco h2 img.smile1 { vertical-align:-0.15em; margin-right:1.5%; width:24px;}
	.titledeco h2 img.smile2 { vertical-align:-0.15em; margin-left:1.5%;  width:24px;}

	#mtel { text-align:right;}
	#mtel p { color:#1fa3dd; padding:12px 0; font-size:18px; font-size:1.8rem; }
	#mtel a { color:#1fa3dd; margin-left:2%; margin-right:2%;}

	header img { display: block; margin-left: auto; margin-right: auto;}
	footer img { display: block; margin-left: auto; margin-right: auto;}

	/* top ---------------------- */
	#menu li{ width: 50%;   border-bottom: 1px dotted #fff;}
	#menu li:nth-child(2n){ background-image:url(../img/navi-line.png),url(../img/navi-line.png); background-position:center left,center right;}


	#topi h3.huki {  padding:15px;  }
	#topi h3.huki2 {  padding:24px;}
	.imgc { margin-left: 0; margin-right: auto; }/*LINE icon*/

	#topi .videobox video { width:90%; }

	#form .answer { border-bottom:none; padding-bottom:0px;}
	#form .question { border-bottom:none; padding-bottom:0px;}
	#form .question2 { border-bottom:none; padding-bottom:0px; }
	#form .question3 { border-bottom:none; padding-bottom:0px; }

	table.pro2 { margin-left: auto; margin-right: auto; width:100%;}

	.carbox h4 { height:auto; }

	.bloglink h3{ font-size: 18px;font-size: 1.8rem; padding-bottom:12px; }
	.bloglink p { font-size: 18px;font-size: 1.8rem;}
	.carcon { padding:48px 18px; }
	.carcon h3{ font-size: 24px;font-size: 2.4rem; padding-bottom:18px; }
	.carcon p { font-size: 18px;font-size: 1.8rem;  }
	.carcon p span a{ color:#C1272D; }

	.privacy{ width:90%;  }

	.sort ul li{ margin-bottom: 12px;  }

	.fm-yohaku{ display: inherit;}
	.floating-menu{ display: inherit;}
	.pagetop{ display: none; }


	#topnews{ width: 100%; height:300px; overflow: scroll; border: 1px solid #ccc; }
	#topnews li{ text-decoration: none; list-style: none; font-size: 13px;}

}
