@charset "utf-8";

/* config.css */

body {
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "Yu Gothic Medium", "游ゴシック Medium", Yu Gothic, YuGothic, "游ゴシック体", "メイリオ", Meiryo, sans-serif;
margin:0;
padding:0;
color:#5a5046;
font-size:100%;
background:#fff url(../img/bg.png);
overflow-x:hidden;
}

div,p,article,section,nav,ul,li,header,footer,input,h1,h2,h3,h4,h5 {
padding:0;
margin:0;
word-wrap:break-word;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

li {
list-style:none;
}

a:link {color:#e7611a;text-decoration:none;font-weight:bold; }
a:visited {color:#e7611a;text-decoration:none;font-weight:bold; }
a:hover {color:#e7611a;text-decoration:none;font-weight:bold; }
img a:hover {opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7; }

img {
padding:0;
margin:0;
vertical-align:bottom;
border-style:none;
}

.c {text-align:center;}.l {text-align:left;}.r {text-align:right;}
.fss {font-size:80%;}.fs {font-size:90%;}.fm {font-size:120%;}.fl {font-size:150%;}.fll {font-size:200%;}
.b {font-weight:bold;}

.fw {color:#fff;}
.flg {color:#f0f0f0;}
.fg {color:#c8c8c8;}
.fr {color:#e61e1e;}
.fy {color:#fae600;}
.fo {color:#e7611a;}

.rbx {background-color:#e61e1e; }
.ybx {background-color:#fae600; }
.obx {background-color:#ff961e; }

.un3 { padding-bottom:3px; }
.un5 { padding-bottom:5px; }
.un7 { padding-bottom:7px; }
.un10 { padding-bottom:10px; }
.un15 { padding-bottom:15px; }
.un20 { padding-bottom:20px; }
.un30 { padding-bottom:30px; }
.un40 { padding-bottom:40px; }
.un50 { padding-bottom:50px; }
.un70 { padding-bottom:70px; }
.un100 { padding-bottom:100px; }

.cf:after {
    content:" ";
    display:block;
    clear:both;
}

.flex {
display:flex;
}


/* form */
input , button , select {
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
border:#dcd2c8 1px solid;
outline:none;
color:#5a5046;
}

input:focus , button:focus , select:focus {
border:#e7611a 1px dotted;
}

input[type="checkbox"]:checked , input[type="radio"]:checked {
background:#dcd2c8;
}


/* config PC */
@media(min-width:960px){
p {
letter-spacing:1px;
font-size:110%;
line-height:150%;
}
}


/* config SP */
@media(max-width:959px){
p {
letter-spacing:0.2vw;
font-size:4.5vw;
line-height:150%;
}
}