body {
background: #E2E2E2 !important;
}
.page a:link    {color: #4B5052; text-decoration: none;}
.page a:visited {color: #0288D1; text-decoration: none;}
.page a:hover   {color: #0288D1; text-decoration: underline; opacity: 0.5;}
.page a:active  {color: #0288D1; text-decoration: none;}

.mb10 {margin-bottom: 10px;}
.mb100 {margin-bottom: 100px;}
.mt20 {margin-top: 20px;}
.mt50 {margin-top: 50px;}
.mt100 {margin-top: 100px;}


.text-focus {
	background: linear-gradient(transparent 85%, #bde5f3 85%);
	padding:0 5px;
	line-height:200%;
}

.w90 { width:90% !important;}
.w85 { width:85% !important;}
.w80 { width:80% !important;}
.w75 { width:75% !important;}
.w70 { width:70% !important;}
.w50 { width:50% !important;}
.w40 { width:40% !important;}

.t-right { text-align:right;}


/*.mainimage img {
width: 100%;
}*/
#page-visual {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 250px;
	position: relative;
}
#page-visual {background-image: url(../images/page_title.jpg);}

#page-visual .inner {
	background: url(../images/bg_pagetitle_dot.png);
	width: 100%;
	height:100%;
}


.title {
text-align: center;
border-bottom: #0086B4 solid 1px;
color: #0086B4;
margin-bottom: 30px;
}

.title h1 {
margin: 20px 0 0 0;
padding: 0;
line-height: 100%;
}

.title .jp {
color: #0086B4;
font-size: 46px;
}

.title p {
color: #0086B4;
}

.title .en {
font-size: 15px;
}


.off {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
















/*----------------------------------------------store*/

#storebox {
width: 1270px;
margin: 0 auto;
}

.leftnavi {
width: 250px;
float: left;
}
  
.leftnavi dt {
background: #0086B4;
color: #FFFFFF;
font-size: 18px;
font-weight: normal;
text-align: center;
margin: 0;
padding: 0;
margin-bottom: 5px;
position: relative;
display: block;
height: 50px;
line-height: 50px;
}
.leftnavi dd {
border-left: #0086B4 solid 5px;

margin-bottom: 5px;
}

.leftnavi dt.tenpo-title a {
display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.leftnavi dt.tenpo-title a:link,
.leftnavi dt.tenpo-title a:visited {
	color: #fff !important;
}
.leftnavi dt.tenpo-title a:hover {
	color: #fff !important;
	text-decoration: none !important;
}

.leftnavi dd a {
display: block;
color: #4B5052;
text-decoration: none !important;
padding: 15px;

}

.leftnavi dd a:hover {
background: #9EC6D4;
opacity: 1.0;
}





.leftnavi h2 {
background: #0086B4;
color: #FFFFFF;
font-size: 18px;
font-weight: normal;
text-align: center;
margin: 0;
padding: 10px;
margin-bottom: 5px;
}
.leftnavi li {
border-left: #0086B4 solid 5px;

margin-bottom: 5px;
}

.leftnavi li a {
display: block;
color: #4B5052;
text-decoration: none !important;
padding: 15px;

}

.leftnavi li a:hover {
background: #9EC6D4;
opacity: 1.0;
}




















.storerightbox {
width: 940px;
float: right;
overflow: hidden;
padding-bottom: 100px;

}


.store {
width: 300px;
float:left;
margin-left: 20px;
margin-bottom: 50px;
}


/*.store img {
width: 300px !important;
height: 212px !important;
}*/

.store img {
width: 100%;
height: auto;
}

.storerightbox div.store:nth-child(3n+1) {
margin-left: 0px;
clear: both;
}



.store h3 {
font-size: 23px;
color: #4B5052;
font-weight: bold;
letter-spacing: 0;
text-align: center;

}

.store h3 a:link,
.store h3 a:visited {
font-size: 23px;
color: #4B5052;
font-weight: bold;
letter-spacing: 0;
text-align: center;

}




.storerightbox h1 {
background-color: #0086B4;
background-image: url(../images/storetitle_bg.png);
background-position: right 10px center;
background-repeat: no-repeat;
padding: 0 15px;
font-size: 40px;
color: #FFFFFF;
margin-bottom: 30px;
}



.store-icon li {
float: left;
margin: 0 11px;
}

.store-icon li:nth-of-type(1) {
float: left;
margin: 0 11px 0 0;
}

.store-icon li:nth-last-of-type(1) {
float: left;
margin: 0 0 0 11px;
}

.store-card li {
width: 50%;
height: auto;
float: left;
}

.store-photo img {
padding: 30px 0 20px;
}


.store-left {
width: 420px;
float: left;

}





.store-left .table-list {
    width: 100%;
    border-top: solid 1px #D3D3D3;
    margin-bottom: 20px;
	margin-top: 20px;
}

.store-left .table-list th,
.store-left .table-list td {
    border-bottom: solid 1px #D3D3D3;
    padding: 13px;
	background: #FFFFFF;
}

.store-left .table-list th {
    background-color: #F5F5F5;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    width: 125px;
    vertical-align: middle;
}


.store-right {
  position: relative;
  width: 500px;
  float: right;



}

.store-right iframe {
  width: 500px;
  height: 590px;
  border: 0;
  background: #FFFFFF;
    

}




.bluebtn a {
color: #FFFFFF !important;
background: #00a3d9;
background: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=1 );
opacity: 0.9;
display: block;
width: 450px;
padding: 15px 0;
margin: 0 auto;
font-size: 18px;
font-weight: bold;
margin-top: 50px;
border-color: rgba(13,171,223,1.0);
border-width:1px !important;
border-style: solid;
line-height: initial;
text-align: center;
text-decoration: none !important;
}


.bluebtn a:hover {
background: #00a3d9;
background: -moz-linear-gradient(left, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
background: -webkit-linear-gradient(left, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
background: linear-gradient(to right, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 163, 217, 0.7)', endColorstr='rgba(0, 133, 178, 0.7)',GradientType=1 );
border-color: rgba(13,171,223,1.0);
text-decoration: none;
}

.bluebtn a:after {
    font-family: FontAwesome;
    /*content: '\f078';*/
	content: '\f054';
    font-size: 14px;
    font-weight: normal;
    /* color: #15633B; */
    color: #FFFFFF;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	margin-left: 10px;

}





.storebox-bluebtn {
overflow: hidden;
position: relative;
}


.storebox-bluebtn .bluebtn a {
width: 300px;
margin-left: 20px;
}



.storebox-bluebtn ul {
  position: relative;
  left: 50%;
  float: left;
}

.storebox-bluebtn ul li {
  position: relative;
  left: -50%;
  float: left;
}



.feetablebox table .table-tr th {
background: #43484B;
color: #FFFFFF;
text-align: center;
}
.feetablebox table .table-tr th:nth-of-type(1) {
width: 220px;
}
.feetablebox table .table-tr th:nth-of-type(2) {
width: 85px;
}
.feetablebox table .table-tr th:nth-of-type(3) {
width: 85px;
}
.feetablebox table .table-tr th:nth-of-type(4) {
width: 250px;
}
.feetablebox table .table-tr th:nth-of-type(5) {
width: 100px;
}
.feetablebox table .table-tr th:nth-of-type(6) {
width: 100px;
}
.feetablebox table .table-tr th:nth-of-type(7) {
width: 100px;
}



.feetablebox table {
    width: 100%;
    margin-bottom: 20px;
	margin-top: 20px;
}

.feetablebox table th,
.feetablebox table td {
    border: solid 1px #D3D3D3;
    padding: 13px;
	background: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.feetablebox table th {
    background-color: #F5F5F5;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}



.storerightbox h2 {
color: #0085B2;
font-size: 26px;
border-bottom: #0085B2 solid 1px;
margin:0 0 20px 0;
padding: 50px 0 5px 0;
font-weight: bold;

}


.criterionbox-left,
.criterionbox-right {
width: 50%;
float: left;
}

.criterionbox p {
font-size: 18px;
}

.store-footerbox {

}

.store-footerbox h2 {
font-size: 30px;
text-align: center;
border-bottom: 0;
margin-top: 100px;
}

.store-footerbox ul {

}


.store-footerbox li {
width: 224px;
height: 100px;
margin-left: 10px;
margin-bottom: 10px;
float: left;

border: #0086B4 solid 1px;
position: relative;
text-align: center;
}
.store-footerbox li a {
display: block;
width: 224px;
height: 100px;
background: #FFFFFF;
color: #0086B4 !important;
}

.store-footerbox li a:hover {
background: #0086B4;
color: #FFFFFF !important;
opacity: 1.0;
}




.store-footerbox li span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
width: 224px;
font-size: 18px;
font-weight: bold;
}

.store-footerbox li:nth-of-type(1),
.store-footerbox li:nth-of-type(5),
.store-footerbox li:nth-of-type(9) {
margin-left: 0px;
}

.store-telbox h2 {
color: #4B5052;
border: 0;
text-align: center;
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
}

.store-telbox span {
font-size: 55px;
color: #0085B3;
display: block;
text-align: center;
margin-top:25px;

}
.store-telbox span img {
margin-right: 10px;
vertical-align: middle;
}

.store-telbox dl {
padding: 20px 0 0 0;
}

.store-telbox dl dt {
font-weight: bold;
}


.store-telbox dl:nth-of-type(1) {
/* border-bottom: #CCCCCC solid 1px; */
padding: 40px 0 20px 0;
display: inline-block;
text-align: left;
}


.store-telbox {
border: #D3D3D3 solid 1px;
background: #FFFFFF;
padding: 40px;
margin-top: 70px;
text-align: center;
}




.store-telbox td span {
font-size: 14px;
text-align: left;
}

form table .hiss {
background: #D93600;
}




.accessbox {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.accessbox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


.criterionbox-left, .criterionbox-right {
    width: 100%;
    float: none;
	margin-bottom: 20px;
}

.store-footerbox h2 {
margin-top:0; 
}

.storerightbox {

    padding-bottom: 5%;
}


/*----------------------------------------------howto*/

#howtobox {
width: 1000px;
margin: 0 auto;
padding-bottom: 50px;
}



#howtobox .store-footerbox {
padding-left: 30px;
}



#howtobox .store-footerbox li a:after {
    font-family: FontAwesome;
    content: '\f078';
	position: absolute;
	bottom: 0;
	left: 47%;
    font-size: 14px;
    font-weight: normal;
    color: #0086B4;

	display: block;
}

#howtobox .store-footerbox li a:hover:after {
color: #FFFFFF;
}






.bluebtn-pdf a {
color: #FFFFFF !important;
background: #00a3d9;
background: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=1 );
opacity: 0.9;
display: block;
width: 450px;
padding: 15px 0;
margin: 0 auto;
font-size: 18px;
font-weight: bold;
margin-top: 50px;
border-color: rgba(13,171,223,1.0);
border-width:1px !important;
border-style: solid;
line-height: 100%;
text-align: center;
text-decoration: none !important;
}


.bluebtn-pdf a:hover {
background: #00a3d9;
background: -moz-linear-gradient(left, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
background: -webkit-linear-gradient(left, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
background: linear-gradient(to right, rgba(0, 163, 217, 0.7) 0%,rgba(0, 133, 178, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 163, 217, 0.7)', endColorstr='rgba(0, 133, 178, 0.7)',GradientType=1 );
border-color: rgba(13,171,223,1.0);
text-decoration: none;
}
.bluebtn-pdf a:before {
content: url(../images/howto_icon_printer.png);
vertical-align: sub;
margin-right: 10px;
}
.bluebtn-pdf a:after {
content: url(../images/howto_icon_pdf.png);
vertical-align: sub;
margin-left: 10px;
}





#howtobox h2 {
color: #0085B4;
font-size: 30px;
text-align: center;
margin-top: 100px;

}


.howtobox-whitebox {
width: 920px;
border: #D3D3D3 solid 1px;
padding: 40px;
background: #FFFFFF;
}




.howtobox-whitebox h3 {
font-size: 26px;
text-align: center;
margin-bottom: 30px;
}

.howtobox-whitebox .howto-feature {
text-align: center;
}
.howtobox-whitebox .howto-feature img {
width: 222px;
height: 107px;
}


.howtobox-whitebox .howto-feature li {
width: 300px;
text-align: left;
display:inline-block;

}

.howtobox-whitebox .howto-feature li:nth-of-type(1) {
margin-left: 100px;
margin-bottom: 50px;
}


.howtobox-whitebox .howto-feature li:nth-of-type(2) {
width: 400px;
margin-bottom: 50px;
}

.howtobox-whitebox .howto-feature li:nth-of-type(3) {
width: 250px;
margin-left: 50px;
}


.howtobox-whitebox table.table-list.table-left {
float: left;
width: 49%;
}
.howtobox-whitebox table.table-list.table-right {
float: right;
width: 49%;
}

.howtobox-whitebox table.table-list.table-left .table-tr th:nth-of-type(1),
.howtobox-whitebox table.table-list.table-right .table-tr th:nth-of-type(1){
    width: 35%;
}



/* ---------- FAQ ------------ */

.faq {
	background-color: #FFF;
	margin-bottom: 3px;
	box-sizing: border-box;
	overflow: hidden;
	
}
.faq dl {
	clear: both;
	

}
.faq dl dt {

	font-size: 24px;
	color: #0288D1;
	
	margin-right: 15px;
	float: left;
}
.faq dl.answer dt { color:#A22B4C ;}

.faq dl dd {
	padding: 10px 0 13px;
	padding-left: 35px;
}
.faq dl.question dd {
	font-size: 14px;
	font-weight: bold;
	border-bottom-color: #0288D1;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}



.faq img {
float: right;
}

.qa-area {
float: left;
width: 520px;
}


span.faq-tel {
    font-size: 50px;
    color: #0085B3;
    display: block;
    text-align: center;
}


span.faq-tel img {
    margin-right: 10px;
    vertical-align: middle;
}







.howtobox-whitebox2 {
width: 1000px;
border: #D3D3D3 solid 1px;
background: #FFFFFF;
}


h3.h3-bg {
background: url(../images/howto_bg_dot.png);
font-size: 24px;
letter-spacing: 0;
color: #FFFFFF;
font-weight: bold;
padding: 40px;
padding-left: 110px;
}

h3.h3-bg  img {
float: left;
}


h3.h3-bg strong {
font-size: 36px;
}

.howtobox-inner {
width: 766px;
margin: 0 auto;
padding: 40px 0;
position: relative;

}

.step {
float: left;
}

.step dt {
color: #0085B2;
font-size:18px;
font-weight: bold;
}

.step dt img {
margin-right: 25px;
float: left;
}


.step dd {
margin-left: 113px;
}


.step dd > dl dd {
margin-left: 0px;
}


.step dd:after {
    font-family: FontAwesome;
    content: '\f078';
    font-size: 30px;
    font-weight: normal;
    color: #CCCCCC;
    display: block;
	margin-left: 150px;
	/*line-height: 40px;*/
	line-height: 80px;
}

.step dd:nth-last-of-type(1):after {
content: "";
}



.howtobox-inner figure {
font-size: 14px;
letter-spacing: 0;
position: absolute;
top: 40px;
right: -50px;
text-align: center;
color: #0085B3;
}



.icon-ex {
font-size: 18px;
font-weight: bold;
color: #0085B3;
display: block;
width: 100%;
clear: both;
padding-top: 30px;
margin-left: 62px;


}
.icon-ex img {
margin-right:  10px;
vertical-align: middle;
margin-left: -62px;
}

.icon-ex span img {
margin-right:  10px;
vertical-align: middle;
margin-left: 0px;
}


.futonbox .icon-ex {
    font-size: 14px;
    font-weight: normal;
    color: #4B5052;
    display: block;
    width: 100%;
    clear: both;
    padding-top: 30px;
    margin-left: 62px;
}

.futonbox .icon-ex strong {
    color: #0085B2;
    font-weight: bold;
    font-size: 18px;
}


.linebox {
border: #0085B2 solid 1px;
border-radius: 5px;
padding: 10px;
margin: 10px 0 0 0;
background: #F2F9FB;
}

.linebox02 {
border: #0085B2 solid 1px;
border-radius: 5px;
padding: 20px;
margin: 10px 0 0 0;
background: #F2F9FB;
float: right;
width:88%;
}

.linebox02 img {
	width: auto !important;
	height: auto !important;
}

.howtobox-whitebox table {
    width: 100%;
    margin-bottom: 20px;
	margin-top: 20px;
}



.howtobox-whitebox table .table-tr th {
background: #43484B;
color: #FFFFFF;
text-align: center;
}
.howtobox-whitebox table .table-tr.howtotable1 th:nth-of-type(1) {
width: 100px;
}
.howtobox-whitebox table .table-tr.howtotable1 th:nth-of-type(2) {
width: 100px;
}




.howtobox-whitebox table th {
    border: solid 1px #D3D3D3;
    padding: 13px;

    background-color: #F5F5F5;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}



.howtobox-whitebox table td {
    border: solid 1px #D3D3D3;
    padding: 13px;
	background: #FFFFFF;
	
	vertical-align: middle;
}



.howtobox-whitebox h3.table-title {
margin: 50px 0 0 0;
padding: 0;
line-height: 100%;
}


.howto-pay-leftbox {
float: left;
}
.howto-pay-rightbox {
width: 500px;
float: left;
margin-left: 20px;
display: block;
}

.howto-pay-rightbox strong {
color: #0085B2;
font-weight: bold;
font-size: 20px;
}





.howto-pay-rightbox .icon-ex {
font-size: 14px;
font-weight: normal;
color: #4B5052;
display: block;
width: 100%;
clear: both;
padding-top: 30px;
margin-left: 62px;


}
.howto-pay-rightbox .icon-ex img {
margin-right:  10px;
vertical-align: middle;
margin-left: -62px;
}







.howtobox-whitebox .howto-payoff {
text-align: left;
padding-left:30px;
}
.howtobox-whitebox .howto-payoff li {
width: 258px;
text-align: center;
display:inline-block;
position: relative;
margin-right: 30px;
vertical-align: top;
margin-bottom: 30px;

}




.howtobox-whitebox .howto-payoff li:after {
    font-family: FontAwesome;
    content: '\f054';
    font-size: 30px;
    font-weight: normal;
    color: #0085B3;
	position: absolute;
	top: 165px;
	right: -30px;
}

.howtobox-whitebox .howto-payoff li:nth-of-type(3):after,
.howtobox-whitebox .howto-payoff li:nth-of-type(5):after,
.howtobox-whitebox .howto-payoff li:nth-of-type(6):after {
content: "";
}


.howto-payoff-icon {
width: 250px;
display: block;
/*float: right;*/
margin-right: 50px;
letter-spacing: 0;
line-height: 120%;
margin-top: 100px;
position: relative;
}
.howto-payoff-icon p {
color: #0085B3;
font-size: 18px;
position: absolute;
top: -40px;
left: 60px;
width: 300px;
text-align: left;

}

.howto-payoff-icon img {
float: left;
margin-top: 50px;
}


.howto-machine figure {
display: inline-block;
margin-left: 10px;
font-size: 14px;
vertical-align: top;
}
.howto-machine figcaption {
color: #0085B3;
font-size: 15px;
text-align: center;
font-weight: bold;

}

.howto-machine figure:nth-of-type(1) {
margin-left: 0;
}







/*----------------------------------notesbox*/



#notesbox {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 50px;
}

#notesbox .icon-ex {
    font-size: 14px;
    font-weight: normal;
    color: #4B5052;
    display: block;
    width: 100%;
    clear: both;
    padding-top: 30px;
    margin-left: 62px;
}


#notesbox .icon-ex strong {
    color: #0085B2;
    font-weight: bold;
    font-size: 20px;
}

#notesbox .icon-ex span {
color: #0085B2;
font-weight: bold;
}




#notesbox .storebox-bluebtn .bluebtn a {
    width: 450px;
    margin-left: 20px;
}



.notesbox-leftbox {
float: left;
width: 550px;
}

.notesbox-rightbox {
float: right;
}


.submit {
text-align: center;
}


.form_submitbox .submit input {

	background-color: #00a3d9;
background-color: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background-color: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background-color: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
    padding: 20px 0;
    color: #FFFFFF;
    width: 50%;
    
    cursor: pointer;
    margin: 15px 0;
    font-size: 100%;
	text-align: center;

}

.form_submitbox .form_submitbox_right {
    float: left;
    text-align: center;
    display: block;
    width: 60%;
}

input[type="submit"] {
    border: 0;
}

input:disabled {
    background-color: #eee !important;
    cursor: not-allowed !important;
}
input[type="submit"], input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}


.form_submitbox .form_submitbox_left {
    clear: left;
    float: left;
    width: 40%;
    display: block;
    padding: 10px 0;
}





@media only screen and (max-width: 768px) {

#page-visual {height: 150px;}
.area {
    margin: 0 5%;
}
.linebox02 {
	width:85%;
	margin:0 !important;
}
.linebox02 img {
	width: 100% !important;
	height: auto !important;
}

.mainimage {

}
.title {
	margin-top: -20px;
	padding-bottom: 30px;
}
.title h1 {
margin: 0;
padding-top: 50px;
line-height: 140%;
}
.title .jp {
font-size: 30px;
}


#storebox {
width: 100%;
margin: 0 auto;
}

.leftnavi {
display: none;
}

.storerightbox {
width: 100%;
float: none;


}


.store {
width: 100%;
float:none;
margin-left: 0px;
}





.bluebtn a {
color: #FFFFFF;
background: #00a3d9;
background: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=1 );
opacity: 0.9;
display: block;
/*width: 80%;*/
width: 100%;
padding: 10px 0;
margin: 0 auto;
/*font-size: 3.3vw;*/
font-weight: bold;
margin-top: 3.0vw;
}


.store-left {
    width: 100%;
    float: none;
}

/*----------------------------------------------store*/


.storerightbox h1 {
    background-color: #0086B4;
    background-image: none;
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding: 10px 15px;
    font-size: 26px;
    color: #FFFFFF;
    margin-bottom: 30px;
	line-height: 120%;
	letter-spacing:-1px;
}

.store-icon li {
width: 30%;
margin: 0 0 3% 3%;
}
.store-icon li:nth-of-type(1),
.store-icon li:nth-of-type(4) {
width: 30%;
margin: 0 0 3% 1.5%;
}
.store-icon li img {
width: 100%;
}

.store-card li {
width: 99%;
}


.store-card li img {
width: 100%;
}


.store-photo img {
width: 100%;
}

.store-left img {
width: 200px;
height: auto;
}


.store-right {
display: none;
}





/*-----------スマホで縮小表示のテストコード


.store-right {
padding-top: 100%;
float: none;
}
.earthwind {
width:600px;
height:450px;
overflow:hidden;
position: relative;

}

.earthwind iframe {
position: absolute;
top: 0;
left: 0;
width:600px;
height:600px;
transform:scale(0.7);
-o-transform:scale(0.7);
-webkit-transform:scale(0.7);
-moz-transform:scale(0.7);
-ms-transform:scale(0.7);
transform-origin:0 0;
-o-transform-origin:0 0;
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;


}-----------*/

.feetablebox {
  width: 100%;
  overflow-x:scroll;
}

.feetablebox.overflownone {
  width: 100%;
  overflow-x: hidden;
}
 
.feetablebox table {
  border-collapse: collapse;
  width: 940px;
}


.store-footerbox h2 {
    font-size: 24px;

}

.store-footerbox li
{
    width: 46%;
    height: 80px;
	line-height: 120%;
	
	}
.store-footerbox li a {
    width:  auto;
	
    height: 80px;
}
	
	
.store-footerbox li span {
width: 100%;
font-size: 14px;

}

.store-footerbox li {
	margin: 5px !important;
}

/*
.store-footerbox li:nth-of-type(1),
.store-footerbox li:nth-of-type(5),
.store-footerbox li:nth-of-type(9) {
margin-left: 0px;
}

.store-footerbox li:nth-of-type(6) {
margin-left: 10px;
}
*/
.store-telbox {
padding: 20px;
}

.store-telbox span img {
    margin-right: 10px;
    vertical-align: middle;
	width: 30px;
}
.store-telbox span {
    font-size: 30px;
}

.store-telbox h2 {
font-size: 18px;
}












/*----------------------------------------------howto*/




#howtobox {
    width: 100%;
}


#howtobox .store-footerbox {
    padding-left: 0px;
}

.howtobox-whitebox {
    width: 100%;

}

.howtobox-whitebox .howto-feature li {
width: 100%;
text-align: left;
display:block;
margin-bottom: 50px;
}

.howtobox-whitebox .howto-feature li:nth-of-type(1) {
margin-left: 0px;

}


.howtobox-whitebox .howto-feature li:nth-of-type(2) {
width: 100%;

}

.howtobox-whitebox .howto-feature li:nth-of-type(3) {
width:100%;
margin-left: 0px;
}



.howtobox-whitebox table.table-list.table-left {
float: none;
width: 100%;
}
.howtobox-whitebox table.table-list.table-right {
float: none;
width: 100%;
}

.howtobox-whitebox table.table-list.table-left .table-tr th:nth-of-type(1),
.howtobox-whitebox table.table-list.table-right .table-tr th:nth-of-type(1){
    width: 50%;
}


/* ---------- FAQ ------------ */





.faq img {
float: none;
}

.qa-area {
float: none;
width: 100%;
}

.howtobox-whitebox {
width: 90%;
padding: 5%;

}

.howtobox-whitebox table {
    width: 700px;
	
}

.howtobox-whitebox img {
width: 100%;
}

.howtobox-whitebox2 {
    width: 100%;
}

.howtobox-whitebox h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
}


h3.h3-bg {
    font-size: 20px;
    letter-spacing: 0;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
    padding-left: 0px;
}


h3.h3-bg strong {
    font-size: 26px;
}

.step {
    float: none;
}
.step dt {
text-align: center;
	
}
.step dt img {
    margin-right: 25px;
    float: none;
	clear: both;
	
}
.step dd {
    margin-left: 0px;
}

.step dt span:after {
content:"\A";
white-space:pre;
}


.step dd:after {
    text-align: center;
    margin-left: 0px;
    line-height: 40px;
}


h3.h3-bg img {
    float: none;
}
h3.h3-bg span {
text-align: center;
display: block;
}
h3.h3-bg span:after {
content:"\A";
white-space:pre;
}

h3.h3-bg {
font-size: 16px;
padding: 5%;
}

h3.h3-bg strong {
    font-size: 20px;
}

.howtobox-inner {
    width: 90%;
	padding: 5%;

}

.howtobox-inner figure {

    position: relative;
    top: 0;
    right: 0;

}


.howtobox-inner figure img {
max-width: 100%;
}


.icon-ex {
    font-size: 18px;
    font-weight: bold;
    color: #0085B3;
    display: block;
    width: 90%;
	padding: 5%;
    clear: both;
    padding-top: 30px;
    margin-left: 20px;
}


.icon-ex img {
    margin-right: 10px;
    vertical-align: middle;
    margin-left: -30px;
	width: 20px;
}





.futonbox .icon-ex {
    font-size: 14px;
    font-weight: normal;
    color: #4B5052;
    display: block;
    width: 90%;
	padding: 5%;
    clear: both;
    padding-top: 30px;
    margin-left: 20px;
}




.icon-ex span img {
width: 100%;
}















.howtobox-whitebox table .table-tr.howtotable1 th:nth-of-type(1),
.howtobox-whitebox table .table-tr.howtotable1 th:nth-of-type(2) {
width: 100px;
}
.howtobox-whitebox table .table-tr.howtotable2 th {
width: 150px;
}

.howtobox-whitebox table .table-tr.howtotable3 th {
width: 100px;
}



/*#howtobox .store-footerbox li a:after {
    left: 40%;
}*/


#howtobox .store-footerbox li a:after {
    bottom: 0%;
left: 50%;
-webkit-transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%);
-ms-transform: translate(-50%,0%);
-o-transform: translate(-50%,0%);
transform: translate(-50%,0%);
}


.bluebtn-pdf a {
width: 90%;
}

span.faq-tel img {
    margin-right: 10px;
    vertical-align: middle;
    width: 30px;

}
span.faq-tel {
    font-size: 30px;
}

dl.mb100 {
    margin-bottom: 20px;
}
figure.mt100 {
margin-top: 20px;
}


.howto-pay-leftbox {
    float: none;
	width: 60%;
	margin: 0 auto;
}

.howto-pay-rightbox {
    width: 100%;
    float: none;
    margin-left: 0px;
    display: block;
}

.howto-pay-rightbox .icon-ex {
    font-size: 14px;
    font-weight: normal;
    color: #4B5052;
    display: block;
    width: 90%;
    clear: both;
    padding-top: 30px;
    margin-left: 0px;
}

.howto-pay-rightbox .icon-ex img {
    margin-right: 10px;
    vertical-align: middle;
   margin-left: 0px; 
}


.howtobox-whitebox .howto-payoff li:after,
.howtobox-whitebox .howto-payoff li:nth-of-type(3):after {
    font-family: FontAwesome;
    content: '\f078';
    font-size: 30px;
    font-weight: normal;
    color: #0085B3;
    position: relative;
    bottom: 0px;
    right: 0px;
	top: 0;
	left: 0;
	text-align: center;
	display: block;
}

.howto-payoff-icon {
    width: 100%;
    display: block;
    float: none;
    color: #0085B3;
    font-size: 14px;
    margin-right: 0px;
    letter-spacing: 0;
    line-height: 120%;
    margin-top: 0px;

}

.howto-payoff-icon img {
width: 30%;
    float: left;
    margin-top: 0px;
	margin-left: 10%;
}

.howto-payoff-icon p {
font-size: 14px;

position: relative;
top: 0px;
left: 0px;
width: 100%

}

.howto-machine {
text-align: center;
}


.howto-machine figure {
margin-bottom: 20px;
}



.howtobox-whitebox .howto-feature img {
width: 80%;
height: auto;
margin-left: 10%;
}

.howtobox-whitebox .howto-payoff {
padding: 0;
}

.howtobox-whitebox .howto-payoff li {
    /*width: 80%;*/
	width: 100%;
    text-align: center;
    display: block;
    position: relative;
    margin-right: 0px;
	margin: 0 auto;
    vertical-align: top;
    margin-bottom: 30px;
}

/*----------------------------------------------notes*/




#notesbox {
    width: 100%;
}


#notesbox .icon-ex {

    margin-left: 10px;
	/*width: 50%;*/
	width: 95%;
}


.notesbox-rightbox {
text-align: center;
width: 100%;
}


#notesbox .bluebtn a {
font-size: 16px;
}

.notesbox-leftbox {
float: none;
width: 100%;
}

.notesbox-rightbox {
float: none;
}


.form_submitbox .form_submitbox_left {
    clear: both;
    float: none;
    width: 100%;
    display: block;
    padding: 10px 0;
}
.form_submitbox .form_submitbox_right {
    float: none;
    text-align: center;
    display: block;
    width: 100%;
}

.form_submitbox .form_submitbox_btn {
    width: 100%;
}

}




.page .entry-title{
	display: none;
}





.news-list {
 width: 100%;
 }
 
 
.news-list dt {
  font-weight: bold;
  }
  
.news-list dd {
  border-bottom: #4B5052 dotted 1px;
  padding: 0px 0 13px 0;
  margin-bottom: 13px;
  }



.news-list dd span {
  color: #0086B4;
     display: block;
     float: left;
     width: 70px;
     margin: 0 10px 10px 0;
     padding: 0px 0px;
     text-align: center;
     font-size: 12px;
	 background: #FFFFFF;
	 border: #0087B5 solid 1px;
}




/*----------------------------------------------店舗詳細にメニューを追加*/


.menu {
	width: 90%;
	margin: 0 auto;
	padding: 0;
}

.menu a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}

label {
color: #FFFFFF;
background: #00a3d9;
background: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
background: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
background: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=1 );
opacity: 0.9;
display: block;
/*width: 80%;*/
padding: 10px;
margin: 0 auto;
/*font-size: 3.3vw;*/
font-weight: bold;
margin-top: 3.0vw;
text-align: center;
}

label:after {
    font-family: FontAwesome;
    content: '\f078';
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
	margin-left: 10px;

}



.menu input {
	display: none;
}

.menu ul {
	margin: 0;
	padding: 0;
  background :#FFFFFF;
	list-style: none;
}

.menu li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#menu_bar01:checked ~ ul li {
	max-height: 3.0em;
  opacity: 1;
  padding: 10px;
      border-bottom: 1px #00a3d9 solid;
}



.thanksbtn a {
    background-color: #00a3d9;
    background-color: -moz-linear-gradient(left, #00a3d9 0%, #0085b2 100%);
    background-color: -webkit-linear-gradient(left, #00a3d9 0%,#0085b2 100%);
    background-color: linear-gradient(to right, #00a3d9 0%,#0085b2 100%);
    padding: 20px 0;
    color: #FFFFFF;
    width: 50%;
    cursor: pointer;
    margin: 15px auto;
    font-size: 100%;
    text-align: center;
	text-decoration: none;
	display: block;
	
}

.thanksbtn a:visited {
color: #FFFFFF;
}

.thanksbtn a:hover {
color: #FFFFFF;
text-decoration: none;
}