@charset "utf-8";
/*-----------------------------
 reset
-------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,
img, small, strong, sub, sup,b, i,dl, dt, dd, ol, ul, li,
 form, label,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;    padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;line-height:1.0;
}
th{font-style:normal;font-weight:normal;}
ul li{list-style:none; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}

body {line-height:1;}
nav ul {list-style:none;}
table {    border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, footer, header,hgroup, nav, section { display:block; }
img{vertical-align:bottom;}
/*-----------------------------
 common
-------------------------------*/
body {
    -webkit-text-size-adjust100%;
    font-family: HiraKakuProN-W3;
    line-height: 1.4em;
    color: #000;
    background:url(bg.png) repeat;
    /*
    background-size:50% 50%;
    -moz-background-size:50% 50%;
    -webkit-background-size:50% 50%;
    */
}

/* タップ時の反転色
-------------------------------------*/
a{
    -webkit-tap-highlight-color: rgba(255, 255, 102, 0.3);
    text-decoration:none;
    color:#000;
  background-color:FFF;
  -webkit-touch-callout:none;
}

/*-----------------------------
/ content
/------------------------------*/
#container{
    margin:0 auto;
    text-align:center;
    width:750px
}
.btnarea1{
    margin:4px 10px 10px;
}
.mbg{
    background:url(mbg.png) repeat;
    padding:10px;
}
.mbg .whiteBg{
    background:#FFF;
    padding:8px;
}
.mbg .whiteBgInner{
    background:#FFF;
    border:solid 2px #000;
    margin:10px 0;
    text-align:center;
}
.clist{
    text-align:left;
    padding:10px;
    background-color:#993300;
    margin:10px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.clist li{
    background:url(s7.png) no-repeat;
    background-size:20px 20px;
    color:#FFF;
    padding-top:5px;
    padding-left:24px;
    padding-bottom:10px;
}


.s4{
    padding:10px 0 10px 0;
}
.s6{
    padding:10px 0 0 0;
}
.s9{
    padding:10px 0 0 0 ;
}
.s10{
    padding:0 0 10px 0;
}
.s12{
    padding-top:10px;
}
.s13{
    padding-top:26px;
}

.v1{
    padding-top:10px;
}
.vbg{
    background:#762000;
    padding-bottom:10px;
}
.vbg .whiteBg{
    background:#FFF;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding:0 10px 10px;
    margin:0 10px ;
}
.vtext{
    text-align:left;
    line-height:1.5em;
    font-size:14px;
    padding-bottom:10px;
}

.s14{
    padding:10px 0;
}
.pro{
    text-align:left;
    font-size:14px;
    color:#4A2700;
    line-height:1.6em;
    border-top:solid 1px #4A2700;
}
.pro p{
    border-bottom:dotted 1px #4A2700;
    padding:5px 0;
}
.notes{
    font-size:12px;
    text-align:right;
    color:#FFF;
    padding:3px 0 12px;
}
.notes2{
    font-size:12px;
    text-align:right;
    color:#000;
    padding:3px 0 12px;
}

.jikkan{
    margin-top:20px;
}

#offerarea{
    background:#4F7E87;
    padding-bottom:5px;
}
#offerarea .whiteBg{
    margin:3%;
    background-color:#FFF;
}
#offerarea .whiteBg2{
    margin:0 3% 3% 3%;
    background-color:#FFF;
    text-align:center;
    padding:5px 0;
}
.btnarea{
    padding:5px 0;
}


.example {
  position: relative;
  }

.example p {
  position: absolute;
  color:;
  top:0px;
  left:340px;
  }

.example img {
  width:200%;
  }





.promise{
    text-align:left;
    padding:10px;
    background:#86711E;
    font-weight:bold;
    color:#FFF;
}
.promiseText{
    text-align:left;
    padding:5px 10px 10px 10px;
    line-height:1.5em;
    font-size:14px;
    background:#FFF;
}
.tel{
    margin:5px 0 2px;
}
.time{
    font-size:12px;
}

.footerInfo{
    background:#FFF;
}
.payment{
    text-align:left;
    font-size:14px;
    font-weight:bold;
    color:#999;
    padding:10px 10px 5px 10px;
}


.pt10{
    padding-top:10px;
}
.red{
    color:#DD0000;
}
.mb10{
    margin-bottom:10px;
}




/*-----------------------------
/ footer
/------------------------------*/
.links{padding: 0 10px 15px;text-align:center;font-size:12px;line-height:1.7em;}
.links a{
    font-size:12px;
    color:#0100fe;
    text-decoration:underline;
}
#footer{
    color:#0100fe;
    font-size:11px;
    display:block;
    width:100%;
    text-align:center;
    padding:5px 0 28px;
    background-color:#d0b89c
}

/*------------------------------------
/  clearfix
/ ------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*------------------------------------
/  アコーディオン
/ ------------------------------------*/
.toggle {
    position: relative;
    overflow: hidden;
}
.toggle:before {
    content: '';
    width: 100%;
    height: 100%;
    background:url(ico_down.png)no-repeat;
    background-size: 6%;
    position: absolute;
    top: 22%;
    right: -92%;
}
.toggle.active:before {
    content: '';
    width: 100%;
    height: 100%;
    background:url(ico_up.png)no-repeat;
    background-size: 6%;
    position: absolute;
    top: 22%;
    right: -92%;
}
/*------------------------------------
/  モーダル
/ ------------------------------------*/
.modalBtn:hover {
    cursor: pointer;
}
.modalContent {
    padding: 20px 0;
    border-bottom: solid 1px #dcdcdc;
    text-align: left;
    color: #3a3a3a;
}
.modalContent-top {
    margin-bottom: 10px;
}
.modalContent-top_left {
    float: left;
    width: 70px;
}
.modalContent-top_left img {
    width: 90%
}
.modalContent-top_right {
    float: right;
    margin-top: 12px;
}
.name {
    color: #ed7c5e;
    margin-bottom: 10px;
}
.name span {
    font-weight: bold;
}
.star {
    color: #e6aa0a;
}
.modalContent-text {
    color: #888888;
}
.modalContent-text p {
    line-height: 1.3;
}

.color-base{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;margin:0; text-align:right; font-size:5px; margin-right:auto;}