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

/* //////////////////////////////////////////////////
[RESET]
////////////////////////////////////////////////// */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, dfn, var {font-weight: normal; font-style: normal;}
pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}
abbr, acronym {font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, input[type=text], input[type=submit], textarea, select {font: inherit; -webkit-appearance: none;}
* {zoom: 1;}
/* CLEAR */
.clear {clear: both;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
/* exlude MacIE5 \*/
* html .clearfix {height: 1%;}
/* end MacIE5 */


/* IMAGE */
img {vertical-align: middle; margin: 0 auto;}
/* TYPE */
ul {list-style-type: none;}
li {list-style: none;}
a {color: #000000; outline: 0; text-decoration: none; cursor: pointer;}
a img {border: 0;}
strong, b{font-weight: bold;}
q, blockquote {quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {content: ""; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
thead, tbody, tfoot{width:100%;}
table th, table td {vertical-align: top; border: none;}
caption, th {text-align: left;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

/* wp用 */
p {display: block; margin:0;}
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
.aligncenter {display: block; margin: 0 auto;}
.alignright {float: right;}
.alignleft {float: left;}
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto; max-width: 100%;}

/* TEXT-ALIGN */
.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}
/* FLOAT */
.floatL {float: left;}
.floatR {float: right;}
/* DISPLAY */
.dpi {display: inline;}
.dpb {display: block;}


/* //////////////////////////////////////////////////
[COMMON]
////////////////////////////////////////////////// */

html{font-size: 62.5%;}/* 100%で16px 87.5%で14px 75%で12px 62.5%で10px*/
body {
    /*font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;*/
    font-size: 16.5px;
    font-size: 1.65rem;
    line-height: 1.6;
    font-weight: 300;
    display: block;
    color: #000000;
    position: relative;
    font-family: 'Poppins', 'Helvetica Neue', "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.pc{display:inline-block;}
.sp{display:none;}

/* タブレット */
@media only screen and (max-width: 1023px){
    body{
        font-size: 16.5px;
        font-size: 1.65rem;
    }
}

/* スマートフォン */
@media only screen and (max-width: 768px){
    html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, small, strong, sup, dl, dt, dd, ul, li, caption, tr, th, td, nav{ -webkit-text-size-adjust: 100%;}

    body{
        font-size: 12px;
        font-size: 1.2rem;
    }

    .pc{display:none;}
    .sp{display:block;}

    img{max-width: 100%;}
}