@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-color: #FFF
    /*
    background-size:50% 50%;
    -moz-background-size:50% 50%;
    -webkit-background-size:50% 50%;
    */
}

#wrapper {
    position: relative;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
}
#wrapper:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}
#content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#okoe{
	 background-image: url(41.jpg);    
     background-repeat: no-repeat;    
	 width: 100%;
	 height: 1000px;
	 position: relative; 
	 background-position: center; 
     }

.scrollsell{
	overflow: auto;
	height: 100%;
	text-align: left;
	text-transform: capitalize;
	font-size: 9px;
	position: absolute;
	width: 80%;
	left: 10%;
	top: 39%;
	
}

.scrollsell .waku {
	padding:10px 10px 10px 10px;
	font-size:18px;
}
.scrollsell .koe1{line-height:24px;
    padding:10px 30px 10px 10px;
}
.koe2{padding-left:500px;}
.catch{background-color:#FFFF99;}
.star{color:#FFCC33;}


  vertical-align: bottom;
}

img {
  display: block;
  max-width: 100%;
}

/* タップ時の反転色
-------------------------------------*/
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;
    max-width:900px;
}
.btnarea1{
    margin:4px 10px 10px;
}
.mbg{
    background-color: #000033
}
.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;
}




.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:#ebf7f7
}

/*------------------------------------
/  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;
}

/*-----------------------------
/ もち動かすよ
/------------------------------*/


.fuwafuwa {
animation-name:fuwafuwa;
animation-duration:1.5s;
animation-iteration-count:infinite;
animation-timing-function:linear;
animation-direction:alternate;

}



@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(0deg);}
50% {-webkit-transform:translate(0, 0) rotate(1deg);}
100% {-webkit-transform:translate(0, 0)rotate(2deg);}

}

@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(0deg);}
50% {transform:translate(0, 0) rotate(1deg);}
100% {transform:translate(0, 0)rotate(2deg);}

}

/*-----------------------------
/ もち載せるよ
/------------------------------*/


.bg {
        width:100%;
        height:auto;
        margin:0;
}
.button1 {
        width:auto;
        position: absolute;
        height:px;
        margin:0px;
        top:30%;
        left:60%;

}


.hoge { position: relative; }
.kirakira { position: absolute; width:50%; height:50%; left: 40%; top: 35%; overflow:hidden; }
.kirakira_inner { position: relative; display: none; }
.kirakira_one { position: absolute; left:0; top: 0; overflow:hidden; }

/*-- キラキラ構成要素 : 横 --*/
.kirakira-x { position: relative; width: 20px; height: 20px; }
.kirakira-x::before { position: absolute; left: 50%; top: 50%; content: ''; width: 0; height: 0; margin-top:-10%; border-width:2px 10px; border-style:solid; border-color: transparent; border-left-color: #faf74a; }
.kirakira-x::after { position: absolute; right: 50%; top: 50%; content: ''; width: 0; height: 0; margin-top:-10%; border-width:2px 10px; border-style:solid; border-color:transparent; border-right-color: #faf74a; }

/*-- キラキラ構成要素 : 縦 --*/
.kirakira-y { position: relative; width: 20px; height: 20px; }
.kirakira-y::before { position: absolute; left: 50%; top: 50%; content: ''; width: 0; height: 0; margin-left: -10%; border-width: 10px 2px; border-style: solid; border-color: transparent; border-top-color: #faf74a; }
.kirakira-y::after { position: absolute; left: 50%; bottom: 50%; content: ''; width: 0; height: 0; margin-left: -10%; border-width: 10px 2px; border-style: solid; border-color: transparent; border-bottom-color: #faf74a; }

/*--オファー光らせる--*/

.reflection-img { width: 100%; height: auto; position: relative; overflow: hidden;
}
.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}



/* オファー背景 */
#offer1{background:url(8-1a.jpg)no-repeat;
       background-size:100%; margin:0;
	   position:relative; top:0px; left:0;}
#offer2{background:url(43-1a.jpg)no-repeat;
       background-size:100%; margin:0;
	   position:relative;}



.offer1 .offer2　img:hover {
			opacity: 0.7 ;
		}

.offerbutton01{
	margin:0;
}

/*------------------------------------
/  アコーディオン
/ ------------------------------------*/
.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;}
18:54