@charset "utf-8";

* {
font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0px;
padding: 0px;
font-size: 14px;
line-height: 20px;
}
body {
-webkit-text-size-adjust: 100%;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
}
p{margin: 1.0rem 0;}
img {
border: none;
vertical-align: bottom;
}

#wap{
width: 980px;
margin: 0 auto;
}
#wap_in{
margin: 0 auto;
position: relative;
background-position:1px 500px;
margin:30 30px;
}
#Question1-1{
background-image:url(img/02.png);
background-repeat:no-repeat;
background-position:1px 1px;
width:1000px;
height:500px;
position:relative;
}
#Question1-1 p.txt_top{
text-align: left;
font-size: 29px;
left:70px;
top:20px;
line-height:135%;
font-family:"MS P明朝","MS 明朝",serif;
font-weight:900;
position:absolute;
width:870px
}

.txt_bottom{
position:absolute;
bottom:30px;
left:0;
}

.bottom_position{
position:relative;
width:100%;
height:50px;
font-size: 16px;
color:#FFF;
font-weight:900;
}

.bottom_span01{
	position:absolute;
	left:50px;
	top:0;
	width:220px
}

.bottom_span02{
	position:absolute;
	left:390px;
	top:0;
	width:220px
}

.bottom_span03{
	position:absolute;
	left:700px;
	top:0;
	width:220px
}


#Question1{
background-image:url(img/03.png);
background-repeat:no-repeat;
background-position:1px 1px;
width:1000px;
height:750px;
}
#Question1 p{
padding-left:10px;
padding-top:30px;
font-size:30px;
text-align: center;
line-height:120%;
font-family:"MS P明朝","MS 明朝",serif;
font-weight:900;
}
#Question1 p.fukidashi{
	padding-top: 140px;
	padding-left: 250px;
    font-family: inherit;
    font-size: 1.8rem;
}
#Question1 p.conf{
	padding-top: 148px;
    color: #fff;
    font-family: inherit;
    font-size: 2.5rem;
}
#Question1 p strong{
font-size:38px;
font-family:"MS P明朝","MS 明朝",serif;
color:#ff0000;
}
#Question2{
background-image:url(img/03-1.png);
background-repeat:no-repeat;
background-position:1px 1px;
width:1000px;
height:350px;
}
#Question2 p{
font-size:27px;
line-height:140%;
font-family:"MS P明朝","MS 明朝",serif;
font-weight:900;
}
.centertext{
padding-top:0;
text-align:center;
}
.righttext{
padding-left:300px;
padding-top:80px;
text-align:left;
}
#Question2 p strong{
font-size:35px;
font-family:"MS P明朝","MS 明朝",serif;
color:#ff0000;
}
#Question3{
background-image:url(img/04.png);
background-repeat:no-repeat;
background-position:1px 1px;
width:1000px !important;
height:740px !important;
}
#Question3 .subtitle{
padding-top:600px !important;
text-align:center;
color:#ffffff;
font-size:23px;
font-family:"MS P明朝","MS 明朝",serif;
}
#Question3 .subtitle strong{
font-size:34px;
font-family:"MS P明朝","MS 明朝",serif;
line-height:140%;
}


#compare{
	width:1000px;
}

.compare-title{
	font-family:Meiryo;
	font-size:20px;
	font-weight:bolder;
	color:white;
	margin:10px;
	padding:10px;
	background-color:#2790b3;
	width:50%;
}

.waterfilter{
	font-family:Meiryo;
	border:solid 5px #17c3e6;
	border-radius:15px;
	padding:15px;
	display:inline-block;
	vertical-align:top;
	width:40%;
	height:300px;
	*display:inline;
	*zoom:1;
}

.icon{
	display:inline-block;
	height:300px;
	*display:inline;
	*zoom:1;
}

.icon img{
	width:50px;
	padding-top:150px;
}

.mineralwater{
	font-family:Meiryo;
	border:solid 5px #17c3e6;
	border-radius:15px;
	padding:15px;
	display:inline-block;
	vertical-align:top;
	width:40%;
	height:300px;
	*display:inline;
	*zoom:1;
}

.waterfilter h1,.mineralwater h1{
	color:#061BFA;
}

.go_shop{
text-align: center;
}
.go_shop img{
text-align: center;
margin: 15px auto;
}
.top{
top: 20px;
left: 15px;
width: 500px;
}
.txt_on{position: relative;}
.txt_1{
line-height: 1.4em;
position: absolute;
top: 80px;
left: 50px;
width: 440px;}

.txt_1 p{
margin: 1em 0;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
/*----------------------------
横一列　row
-----------------------------*/
.row{
clear:both;
display: block;
width: 110%;
margin-bottom: 15px;
}

.row:before,
.row:after {
content: " ";
display: table;
}

.row:after {
clear: both;
}

.row {
*zoom: 1;
}
.red{
color: #B22222;}
/*----------------------------
商品
-----------------------------*/
.details{
height: 5em;
display: block;
}
.items{
position: relative;
width: 224px;
float: left;
border: 2px solid #CCCCCC;
text-align: center;
margin:30px 8px;
}
.item_in{width: 200px;
margin: 0 auto;}
.items p{
text-align: left;
}
.btn-go-shop{
margin: 5px auto 10px;}
.pickup{
position: absolute;
top: -30px;
left: -10px;
}
.item-img {
width: 200px;}
#wap_in .price{
width: 200px;
font-weight: bold;
text-align: center;
margin: 0 auto;
}
#wap_in .price p{
margin: 0;
}
#top_right{
padding-top:10px;
padding-bottom:10px;
text-align:right;
}
#top_right a{
font-size:20px;
font-weight:900;

}

/*----------------------------
footer 店舗情報
-----------------------------*/
.storeInfo p {
    font-size: 1.3rem;
    margin:0.5rem 0;
    padding-left:20px;
}

.storeInfo p a{
    font-size: 1.3rem
}


/*----------------------------
footer コピーライト
-----------------------------*/

.address{
    width:48%;
    display:inline-block;
    vertical-align:middle;
    *display:inline;
    *zoom:1;
}

.nyuusan02link{
    width:45%;
    height:120px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
    /*padding-top:1em;*/
    *display:inline;
    *zoom:1;
}
.copy{
text-align: center;}
#copy{
text-align:center;
}
#copy h2{
font-size:12px;
}
#copy h3{
font-size:12px;
}
#copy p{
font-size:10px;
}


/*================================*
追記　2016.05.18～
================================*/
.top_img{
clear:both;
}
.top_rabel{
width:100%;
}

.top01{

width:50%;
float:left;
}
.top02{

width:-50%;
float:right;
}

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

.family{
position:relative;
text-align: center;
margin: 0 auto;
background-image:url(./img/05.png);
background-repeat:no-repeat;
background-position:1px 1px;
width:980px;
height:500px;
}

p.family_text{
position:absolute;
bottom:30px;
left:100px;
text-align:center;
color:#054b13;
font-size:30px;
font-weight:bold;
font-family:"MS P明朝","MS 明朝",serif;
line-height:30px;
margin:0 !important;
}

/*-----------------------------------*/
.shop{
text-align: center;
margin: 15px auto;
background-image:url(./img/06.png);
background-repeat:no-repeat;
background-position:1px 1px;
width:820px;
height:200px;
}

.tel{
padding-top:8px;
}

.white{
color:#fff;
margin-top:20px !important;
text-align:center;
}

.white h1{
font-size:30px;
margin:10px 0 !important;
}

.white p{
font-size:18px;
margin:10px 0 !important;
}

.black{
color:#000;
text-align:center;
margin-top:14px !important;
}

.black p{
font-size:18px;
margin:10px 0 !important;
}

.black .s-tel{
font-size:40px;
font-weight:bold;
margin:10px 0 !important;
}

.black .s-small{
font-size:14px;
text-align:right;
margin:10px 55px 10px 0 !important;
line-height:16px;
}


/* review */
.review{
    width: 460px;
    margin: 20px auto 0 auto;
    padding: 30px;
    border: 1px solid #cccccc;
    overflow: auto;
    height: 200px;
}
.review .under_line{
	border-bottom: 1px solid gray;
	width: 460px;
	margin: auto;
}
.review h2{
	/* color: gray; */
    text-align: center;
    font-size: 40px;
    height: 40px;
}
.review .comment{
	margin-bottom: 50px;
}
.review .bold{
	font-size: 17px;
	font-weight: bold;
}
.yellow{
	color:#FF6928;
}
.gray{
	color:#cccccc;
}

.price{
    font-size: 1.3rem;
    font-weight: bold;
    color: red;
}



    .top_img{
        background-image: url('img/01_2.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        height: 417px;
    }
    .top_img p.orange {
        font-family: "ヒラギノ丸ゴ ProN W4", "Arial", "メイリオ",sans-serif;
        font-size: 60px;
        position: absolute;
        top: 10px;
        left: 30px;
        color: #EF693E;
        line-height: 1.2;
        text-align: center;
        text-shadow: #FEE 5px 8px 18px;

    }
    .top_img p.orange span{
        font-size: 36px;
    }

    .top_img p.black {
        font-size: 32px;
        position: absolute;
        top: 190px;
        left: 115px;
        color: #444;
        text-align: center;
        width: 300px;
        line-height: 1.3;
        font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    }

.telNumberWrap {
    display: flex; align-items:center;
}

.m0{
    margin: 0;
}

.mt15{
    margin-top: 15px;
}

.fs23{
    font-size: 23px;
}

.cgrey{
    color: dimgray;
}