@charset "utf-8";
/* CSS Document */

/* body */
body {
    width: 100%;
    margin: auto;
    background-color: #fff;
    padding: 0;
    font:18px "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; -webkit-text-size-adjust:none; line-height:1.5;
}

/*clearfix*/
.cf:before,.cf:after {content:""; display:block; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/*style*/
p{text-align:justify; font-weight: 500; text-justify:inter-ideograph; line-height: 1.5em; margin:0 0 1.5em; font-size: 14px;}
p:last-of-type{margin:0;}
a{text-decoration: underline; color:#4682b4;}
a:hover{color:#b22222;}

.widthfix{width:100%; max-width:640px; margin:0 auto;}
img{width:100%; vertical-align: middle;}

p.imageBox{width:100%; padding:0; /*border: solid 1px #F0F0F0;*/}

.mTop{margin-top:1.5em;}

/* ul */
ul,ol{padding:0;}
ol li,ul li{padding:0 0 1em 0; list-style:none;}


/* 共通 */
.sBox{padding: 20px 20px 40px;}
section{width:100%; padding: 0;}
.dot{position: relative;}
.dot:after{left:0; top:-20px; content: "・・・・・・・・"; position: absolute;}
span.pink{color:#e4007f; margin: 20px 0 10px;}
span.purple{color:#aa00aa}
div.photoBox{margin-bottom: 40px;}
div.photoBox p.photo{max-width: 300px; margin: 0 auto; border: 1px #888 solid;}
div.photoBox p.photo img{border: 10px solid #fff;}
div.photoBox p.text{text-align: center; color:#aaa; font-size:14px; margin-top: 5px;}


/* ボタン */
.btnBox{padding: 40px 10px 0; font-weight: bold; max-width: 800px; margin: 0 auto;}
.btnBox .btn{margin-bottom:10px;}
.btnBox .btnText{text-align: center; color: #000;}
.btnBox ul.btnList{padding: 20px 0 0;}
.btnBox ul.btnList li{padding-bottom:10px; font-size:14px; color: #007814;}
.btnBox ul.btnList li:last-of-type{padding:0;}


/* ヘッダー */
header{width:100%; padding:0; border-bottom:30px solid #edd05c; border-top: 10px solid #edd05c;}
header #mainVisual{max-width:640px; margin:0 auto;padding:0;}
header #mainVisual img{width:100%; vertical-align: middle;}
header h2{text-align:left; line-height: 1.5em;}
header h2 span{color: #edd05c;}
header .sBox{padding: 20px;}
header .moneyList{
    display: flex;
    justify-content: space-between;
    margin:0 0 1em;
}
header .moneyList li{
    font-size: 1em;
    width: 20%;
    text-align: center;
    line-height: 1;
    padding: 10px 0;
    margin-right: 1.25%;
    color: #fff;
    font-weight: bold;
}

/* 見出し */
h1{padding: 40px; font-size: 28px;}
h2{
    font-size: 1.1em;
    width: 100%;
    margin: 0 auto 10px;
    text-align: center;
    line-height: 1;
    padding: 10px 0;
    background-color: #edd05c;
    color: #fff;
}
h2 img{max-width: 30px; margin-right: 10px; margin-top: -5px;}


/* impressions */
section#impressions ul.iList{padding:20px 0 40px;}
section#impressions ul.iList li{font-weight:bold;}
section#impressions ul.iList li span{color:#aaa; margin-top: 5px; display:block; font-size:14px;}
section#impressions ul.iList li:last-of-type{padding:0;}

/* intro */
section#intro{padding: 20px 20px 40px; background: rgba(14,5,10,.51); color: #fff;}
section#intro .sBox{padding: 20px 0;}
#intro h2{width: 100%; font-size:2em; font-weight: 800; border-bottom: 3px solid #e4007f; padding: 0 0 10px; margin: 0 auto;}
#intro h2 span{display: block;}
#intro h2 span.pink{margin: 20px 0 10px;}
#intro h2 img{width: 60px;}
#intro .left{margin-right:10px;}
#intro .right p{font-size: 16px; line-height: 1.5em;}

#intro .sBox{display: flex;}


/* voice */
section#voice{padding: 0 0 20px;}
section#voice h2{color:#fff; background:#323c3c; padding: 30px 0;}
section#voice ul{margin-bottom: 20px;}
section#voice ul li{width: 70%; padding-bottom: 30px;}


/* appraiser */
section#appraiser{padding: 0;}


/* fortune */
section#fortune .sBox{padding: 20px;}
section#fortune div.photoBox{padding-top:40px; margin-bottom:0;}
section#fortune div.photoBox p.photo{max-width: 600px;}

/* comment */
section#comment .sBox .cBox{max-width:800px; padding: 20px; margin:0 auto; border: 1px #888 solid; color: #3264b4;}
section#comment .sBox .cBox h2{padding-bottom: 20px; background:none; color: #3264b4; text-align: left;}
section#comment .sBox .cBox ul li{padding: 20px 0; border-top: 1px solid #888;}
section#comment .sBox .mailBox{padding-top: 20px;}
section#comment .sBox .mailBox p{text-align: center;}

/* 引用 */
blockquote{
    background-color: #f3f3f3;
    background-image: url(../images/quote.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 50px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 20px;
}



/* リンクボタン */

/* フッター */
footer{width:100%; background:#edd05c; margin:20px 0 0 0; padding: 20px 0;}
footer p{text-align: center; font-size:12px; color: #fff;}

@media only screen and (max-width: 769px){
    header{border-top:5px solid #edd05c; border-bottom:10px solid #edd05c;}
    h1{font-size: 22px; padding: 20px;}
}