@charset "UTF-8";
    *,
    *::before,
    *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    body,
    header,
    main,
    section,
    footer,
    h1,
    h2,
    h3,
    ul,
    li,
    dl,
    dt,
    dd,
    p,
    img {
        margin: 0;
        padding: 0;
    }
    
    li {
        list-style-type: none;
    }
    
    img {
        vertical-align: bottom;
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    
    body {
        width: 100%;
        padding-bottom: 2em;
        background-image: url(../images/common/bg.jpg);
        font-family: Helvetica, "メイリオ", "游ゴシック", "Yu Gothic", sans-serif;
        line-height: 1.8;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    
    @media only screen and (min-width: 769px) {
        body {
            font-size: 16px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        body {
            font-size: 3.73333vw;
        }
    }
    
    main {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    
    a {
        text-decoration: none;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }
    
    a:hover {
        opacity: .8;
    }
    
    a:link,
    a:hover,
    a:visited {
        color: #040f15;
    }
    
    a:hover {
        opacity: .7;
    }
    /*********************
共通設定
*********************/
    
    @media only screen and (max-width: 768px) {
        .wrap,
        .wrapSp {
            width: 86.66667vw;
            margin: 0 auto;
        }
    }
    
    @media only screen and (min-width: 769px) {
        .wrap,
        .wrapPc {
            width: 1000px;
            margin: 0 auto;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .pc {
            display: none;
        }
    }
    
    @media only screen and (min-width: 769px) {
        .sp {
            display: none;
        }
    }
    
    .txt {
        text-align: justify;
        text-justify: inter-ideograph;
    }
    
    .txtBlue {
        color: #1a7ff0;
    }
    
    .txtPink {
        color: #f01a4d;
    }
    
    .txtS {
        font-size: .8em;
    }
    
    .bgTxt {
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
    
    .border::after {
        content: "";
        display: block;
        margin: 0 auto;
        background-image: url(../images/common/bd_line.png);
        background-size: contain;
    }
    
    @media only screen and (min-width: 769px) {
        .border::after {
            width: 1000px;
            height: 6px;
            margin: 35px auto;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .border::after {
            width: 86.66667vw;
            height: 3px;
            margin: 4vw auto;
        }
    }
    
    h2.ttl {
        margin: 0 auto 2em;
        color: #f01a4d;
        font-weight: bold;
        text-align: center;
    }
    
    @media only screen and (min-width: 769px) {
        h2.ttl {
            font-size: 28px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        h2.ttl {
            font-size: 4.26667vw;
        }
    }
    
    h2.ttl b {
        padding: .1em;
        font-size: 1.4em;
        background-color: #ffeb8b;
    }
    /*********************
メインラップ	#content
*********************/
    
    #content {
        margin: 0 auto 2em;
        padding-bottom: 3em;
        background-color: #fff;
        -webkit-box-shadow: 0 0 10px rgba(240, 26, 77, 0.2);
        box-shadow: 0 0 10px rgba(240, 26, 77, 0.2);
    }
    
    @media only screen and (min-width: 769px) {
        #content {
            width: 1100px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #content {
            width: 94.66667vw;
        }
    }
    /*********************
ヘッダー	#header
*********************/
    
    @media only screen and (max-width: 768px) {
        header#header::after {
            margin: 14px auto;
        }
    }
    
    @media only screen and (max-width: 768px) {
        header#header::after {
            width: 100%;
            margin: 0 auto;
        }
    }
    /*********************
フッター	#footer
*********************/
    
    #footer {
        padding: 2em 0;
        background-color: #fff;
    }
    
    #footer .footNav ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    #footer .footNav ul li {
        margin: 0 1em;
    }
    /*********************
home	#home
*********************/
    
    #home .lead {
        margin: 2em auto;
    }
    
    #home .leadInner {
        margin: 0 auto;
    }
    
    @media only screen and (min-width: 769px) {
        #home .leadInner {
            width: 940px;
            font-size: 16px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .leadInner {
            font-size: 3.2vw;
        }
    }
    
    #home .leadList {
        margin: 1em auto;
    }
    
    @media only screen and (min-width: 769px) {
        #home .leadList {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .leadList {
            font-size: 4.26667vw;
        }
    }
    
    #home .leadList li {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        font-weight: bold;
    }
    
    #home .leadList li::before {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    @media only screen and (min-width: 769px) {
        #home .leadList li::before {
            width: 33px;
            height: 29px;
            margin-top: .2em;
            margin-right: 9px;
            margin-left: 24px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .leadList li::before {
            width: 4.4vw;
            height: 3.86667vw;
            margin-top: .3em;
            margin-right: 0.93333vw;
            margin-left: 2.13333vw;
        }
    }
    
    #home .leadList li::before {
        background-image: url(../images/common/icon_check.png);
    }
    
    #home .leadList li::before {
        background-image: url(../images/common/icon_check02.png);
    }
    
    #home .leadList li span {
        width: 100%;
        -ms-flex-negative: 9999;
        flex-shrink: 9999;
    }
    
    @media only screen and (min-width: 769px) {
        #home .lead .graph {
            width: 930px;
            margin: 3em auto;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .lead .graph {
            margin: 1.5em auto;
        }
    }
    
    #home .choose p {
        max-width: 900px;
        margin: 0 auto;
    }
    
    #home .chooseConts {
        margin: 0 auto 1.5em;
        padding-bottom: .5em;
        background-color: rgba(255, 235, 139, 0.2);
    }
    
    @media only screen and (min-width: 769px) {
        #home .chooseConts {
            width: 900px;
        }
    }
    
    #home .chooseConts li dl dt {
        padding-top: 1em;
        position: relative;
        font-size: 1.2em;
        line-height: 1.2;
    }
    
    @media only screen and (min-width: 769px) {
        #home .chooseConts li dl dt {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
    }
    
    #home .chooseConts li dl dt::before {
        content: '';
        display: block;
        width: 100%;
        height: 15px;
        background-color: #ffeb8b;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    #home .chooseConts li dl dt span {
        display: block;
        position: relative;
        z-index: 2;
    }
    
    #home .chooseConts li dl dt span.point {
        margin: 0 1em;
    }
    
    @media only screen and (max-width: 768px) {
        #home .chooseConts li dl dt span.point {
            width: 18.66667vw;
        }
    }
    
    #home .chooseConts li dl dt span.ttl {
        -ms-flex-negative: 9999;
        flex-shrink: 9999;
        width: 100%;
        padding-right: 1em;
    }
    
    @media only screen and (max-width: 768px) {
        #home .chooseConts li dl dt span.ttl {
            padding-left: 1em;
        }
    }
    
    #home .chooseConts li dl dd {
        margin: 0 auto;
        padding: 1.5em 0;
    }
    
    @media only screen and (min-width: 769px) {
        #home .chooseConts li dl dd {
            width: 800px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .chooseConts li dl dd {
            width: 80vw;
        }
    }
    
    @media only screen and (min-width: 769px) {
        #home .chooseConts li dl dd .imgCont {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
    }
    
    @media only screen and (min-width: 769px) {
        #home .chooseConts li dl dd .imgCont .img {
            width: 370px;
        }
    }
    
    @media only screen and (min-width: 769px) {
        #home .chooseConts li dl dd .imgCont p {
            width: 400px;
        }
    }
    
    #home .chooseConts li dl dd .box {
        margin: 1em auto;
        padding: 0 1em;
        background-color: #fff;
        border: solid 1px #adadad;
        border-radius: 10px;
    }
    
    @media only screen and (min-width: 769px) {
        #home .chooseConts li dl dd .box {
            width: 650px;
        }
    }
    
    #home .chooseConts li dl dd .box h3 {
        margin-top: 1em;
    }
    
    #home .chooseConts li dl dd .box .type {
        padding: 1em;
    }
    
    #home .chooseConts li dl dd .box .type1 {
        border-bottom: solid 1px #adadad;
    }
    
    #home .chooseConts li dl dd .box .type1 strong {
        color: #6c6;
    }
    
    #home .chooseConts li dl dd .box .type2 strong {
        color: #cc9966;
    }
    
    #home .rankingBox {
        margin-bottom: 5em;
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox {
            width: 900px;
            margin: 0 auto 5em;
        }
    }
    
    #home .rankingBox h3 {
        padding: .1em 0;
        background-color: #ffeb8b;
        position: relative;
        font-weight: bold;
        text-align: center;
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox h3 {
            font-size: 36px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .rankingBox h3 {
            font-size: 4.8vw;
        }
    }
    
    #home .rankingBox h3::before {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: .5em;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox h3::before {
            width: 131px;
            height: 131px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .rankingBox h3::before {
            width: 17.46667vw;
            height: 17.46667vw;
        }
    }
    
    #home .rankingBox.ranking01 h3::before {
        background-image: url(../images/common/icon_rank01.png);
    }
    
    #home .rankingBox.ranking02 h3::before {
        background-image: url(../images/common/icon_rank02.png);
    }
    
    #home .rankingBox.ranking03 h3::before {
        background-image: url(../images/common/icon_rank03.png);
    }
    
    #home .rankingBox.ranking04 h3::before {
        background-image: url(../images/common/icon_rank04.png);
    }
    
    #home .rankingBox.ranking05 h3::before {
        background-image: url(../images/common/icon_rank05.png);
    }
    
    #home .rankingBox h3 span {
        padding-left: 1em;
    }
    
    #home .rankingBox .topCont {
        padding: 1.5em 0;
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .topCont {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 800px;
            margin: 0 auto;
        }
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .topCont .imgCont {
            width: 300px;
            margin: 0 auto;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .rankingBox .topCont .imgCont {
            margin-bottom: .5em;
        }
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .topCont dl.txtCont {
            width: 400px;
        }
    }
    
    #home .rankingBox .topCont dl.txtCont dt {
        border: solid 3px #f01a4d;
        text-align: center;
        color: #f01a4d;
        margin-bottom: .5em;
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .topCont dl.txtCont dt {
            border-radius: 10px;
            font-size: 26px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .rankingBox .topCont dl.txtCont dt {
            border-radius: 5px;
            font-size: 4.8vw;
        }
    }
    
    #home .rankingBox .topCont dl.txtCont dd {
        font-weight: bold;
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .topCont dl.txtCont dd {
            font-size: 18px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .rankingBox .topCont dl.txtCont dd {
            font-size: 4vw;
        }
    }
    
    #home .rankingBox .topCont dl.txtCont dd ul li {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: .5em;
    }
    
    #home .rankingBox .topCont dl.txtCont dd ul li::before {
        content: "";
        display: block;
        margin-right: .5em;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/common/icon_check03.png);
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .topCont dl.txtCont dd ul li::before {
            width: 27px;
            height: 23px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .rankingBox .topCont dl.txtCont dd ul li::before {
            width: 6.66667vw;
            height: 6.13333vw;
            margin-top: .2em;
        }
    }
    
    #home .rankingBox .bottomCont {
        border-bottom: 1px solid #a0a0a0;
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .bottomCont {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 800px;
            margin: 0 auto;
        }
    }
    
    #home .rankingBox .bottomCont dl {
        border-top: 1px solid #a0a0a0;
        border-left: 1px solid #a0a0a0;
        text-align: center;
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .bottomCont dl {
            width: 400px;
        }
        #home .rankingBox .bottomCont dl:nth-child(2n) {
            border-right: 1px solid #a0a0a0;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .rankingBox .bottomCont dl {
            border-right: 1px solid #a0a0a0;
        }
    }
    
    #home .rankingBox .bottomCont dl dt {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 50px;
        background: #fff8d9;
        font-weight: bold;
        line-height: 1.2;
    }
    
    #home .rankingBox .bottomCont dl dd {
        padding: 1em 0;
        border-top: 1px solid #a0a0a0;
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .bottomCont dl dd {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: calc(100% - 50px);
        }
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .bottomCont dl dd b {
            font-size: 26px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .rankingBox .bottomCont dl dd b {
            font-size: 5.06667vw;
        }
    }
    
    #home .rankingBox .btn {
        margin: 1.5em auto;
    }
    
    @media only screen and (min-width: 769px) {
        #home .rankingBox .btn {
            width: 600px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .rankingBox .btn {
            width: 80vw;
        }
    }
    
    #home .rankingBox .btn a {
        display: block;
    }
    
    #home .matomeInner {
        margin: 0 auto;
    }
    
    @media only screen and (min-width: 769px) {
        #home .matomeInner {
            width: 900px;
            font-size: 16px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .matomeInner {
            font-size: 3.2vw;
        }
    }
    
    #home .matomeInner p a {
        background-color: #ffeb8b;
        font-size: 1.2em;
        text-decoration: underline;
        font-weight: bold;
    }
    
    #home .matomeInner p a:link,
    #home .matomeInner p a:hover,
    #home .matomeInner p a:visited {
        color: #f01a4d;
    }
    
    #home .matomeInner p a:hover {
        opacity: .7;
    }
    
    #home .matome .cv {
        margin: 2em auto;
        padding: 1.5em 0;
        background-color: #fff0f4;
        border: solid 3px #f01a4d;
    }
    
    @media only screen and (min-width: 769px) {
        #home .matome .cv {
            width: 850px;
            border-radius: 10px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .matome .cv {
            border-radius: 5px;
        }
    }
    
    #home .matome .cv h2 {
        margin-bottom: .5em;
    }
    
    @media only screen and (min-width: 769px) {
        #home .matome .cv .topCont {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 800px;
            margin: 0 auto;
        }
    }
    
    @media only screen and (min-width: 769px) {
        #home .matome .cv .topCont .imgCont {
            width: 240px;
            margin: 0 auto;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .matome .cv .topCont .imgCont {
            width: 53.33333vw;
            margin: 0 auto .5em;
        }
    }
    
    #home .matome .cv .topCont .txtCont {
        font-weight: bold;
    }
    
    @media only screen and (min-width: 769px) {
        #home .matome .cv .topCont .txtCont {
            width: 400px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .matome .cv .topCont .txtCont {
            width: 77.33333vw;
            margin: 0 auto;
        }
    }
    
    @media only screen and (min-width: 769px) {
        #home .matome .cv .topCont .txtCont {
            font-size: 18px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .matome .cv .topCont .txtCont {
            font-size: 4vw;
        }
    }
    
    #home .matome .cv .topCont .txtCont ul li {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: .5em;
    }
    
    #home .matome .cv .topCont .txtCont ul li::before {
        content: "";
        display: block;
        margin-right: .5em;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/common/icon_check03.png);
    }
    
    @media only screen and (min-width: 769px) {
        #home .matome .cv .topCont .txtCont ul li::before {
            width: 27px;
            height: 23px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .matome .cv .topCont .txtCont ul li::before {
            width: 6.66667vw;
            height: 6.13333vw;
            margin-top: .2em;
        }
    }
    
    #home .matome .cv .btn {
        margin: 1.5em auto;
    }
    
    @media only screen and (min-width: 769px) {
        #home .matome .cv .btn {
            width: 600px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .matome .cv .btn {
            width: 66.66667vw;
        }
    }
    
    #home .matome .cv .btn a {
        display: block;
    }
    
    #home .postList h2 {
        margin-bottom: 1em;
        font-weight: bold;
        text-align: center;
        font-size: 1.5em;
    }
    
    #home .postList ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    @media only screen and (min-width: 769px) {
        #home .postList ul {
            width: 650px;
            margin: 0 auto;
        }
    }
    
    #home .postList ul li {
        margin-bottom: 1em;
        font-size: .8em;
    }
    
    @media only screen and (min-width: 769px) {
        #home .postList ul li {
            width: 200px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #home .postList ul li {
            width: 37.33333vw;
        }
    }
    
    #home .postList ul li a {
        display: block;
        text-decoration: none;
    }
    
    #home .postList ul li a .ttl {
        padding-top: 1em;
    }
    /*********************
検索結果	#search
*********************/
    
    @media only screen and (min-width: 769px) {
        #search {
            padding-bottom: 120px;
            margin-bottom: 120px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #search {
            padding-bottom: 16vw;
            margin-bottom: 16vw;
        }
    }
    
    #search .hit {
        margin: 0 auto;
    }
    
    @media only screen and (min-width: 769px) {
        #search .hit {
            width: 830px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #search .hit {
            width: 80vw;
        }
    }
    
    #search .result {
        margin: 3em auto;
    }
    
    @media only screen and (min-width: 769px) {
        #search .result {
            width: 830px;
            border: solid 2px #ece0da;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #search .result {
            width: 80vw;
        }
    }
    
    #search .result h3 {
        text-align: center;
        color: #000;
    }
    
    @media only screen and (min-width: 769px) {
        #search .result h3 {
            font-size: 30px;
            margin: 20px 0;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #search .result h3 {
            font-size: 4.8vw;
            margin: 4vw 0;
        }
    }
    
    #search .result .imgCont {
        margin: 0 auto;
    }
    
    @media only screen and (min-width: 769px) {
        #search .result .imgCont {
            width: 450px;
        }
    }
    
    #search .result p {
        font-weight: bold;
        text-align: center;
        color: #000;
    }
    
    @media only screen and (min-width: 769px) {
        #search .result p {
            font-size: 24px;
            line-height: 1.5em;
            margin-top: 25px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #search .result p {
            margin-top: 3.33333vw;
        }
    }
    
    #search .result .btn {
        margin: 0px auto 5em;
    }
    
    #search .result .btn:hover {
        opacity: .8;
    }
    
    @media only screen and (min-width: 769px) {
        #search .result .btn {
            width: 750px;
        }
    }
    
    #search .result dl {
        background: #fff8d9;
        border-right: 1px solid #a0a0a0;
        border-bottom: 1px solid #a0a0a0;
        border-left: 1px solid #a0a0a0;
        color: #040f15;
    }
    
    @media only screen and (min-width: 769px) {
        #search .result dl {
            width: 470px;
            margin: 30px auto;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #search .result dl {
            margin: 4vw auto;
        }
    }
    
    #search .result dt,
    #search .result dd {
        padding: 10px 10px 0 10px;
        border-top: 1px solid #a0a0a0;
    }
    
    #search .result dt {
        width: 40%;
        float: left;
    }
    
    #search .result dd {
        background: #fffdf4;
        margin-left: 40%;
        padding-bottom: 10px;
        border-left: 1px solid #a0a0a0;
    }
    
    #search .result dd:after {
        content: '';
        display: block;
        clear: both;
    }
    
    #search .result li {
        display: inline-block;
    }
    
    .searchBox h2 {
        text-align: center;
        color: #f01a4d;
    }
    
    @media only screen and (min-width: 769px) {
        .searchBox h2 {
            font-size: 28px;
            margin: 20px 0;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .searchBox h2 {
            font-size: 4.8vw;
            margin: 4vw 0;
        }
    }
    
    .searchBox h2 span {
        display: inline-block;
        padding: 0 .5em;
        border-bottom: solid 3px #f01a4d;
    }
    
    .searchBox h2 span::after {
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/search/search_icon.png);
    }
    
    @media only screen and (min-width: 769px) {
        .searchBox h2 span::after {
            width: 34px;
            height: 34px;
            margin-left: 5px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .searchBox h2 span::after {
            width: 4.53333vw;
            height: 4.53333vw;
            margin-left: 1.33333vw;
        }
    }
    
    .searchBox dl {
        background: #fff8d9;
        border-right: 1px solid #a0a0a0;
        border-bottom: 1px solid #a0a0a0;
        border-left: 1px solid #a0a0a0;
        color: #040f15;
    }
    
    @media only screen and (min-width: 769px) {
        .searchBox dl {
            width: 600px;
            margin: 30px auto;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .searchBox dl {
            margin: 4vw auto;
        }
    }
    
    .searchBox dt,
    .searchBox dd {
        padding: 10px;
        border-top: 1px solid #a0a0a0;
    }
    
    .searchBox dt {
        text-align: center;
    }
    
    @media only screen and (min-width: 769px) {
        .searchBox dt {
            width: 200px;
            float: left;
        }
    }
    
    .searchBox dd {
        background: #fffdf4;
    }
    
    .searchBox dd ul {
        display: -webkit-inline-box;
    }
    
    @media only screen and (min-width: 769px) {
        .searchBox dd {
            margin-left: 200px;
            border-left: 1px solid #a0a0a0;
        }
    }
    
    @media only screen and (min-width: 769px) {
        .searchBox dd ul {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
    }
    
    .searchBox dd select {
        padding: .3em;
    }
    
    .searchBox dd:after {
        content: '';
        clear: both;
    }
    
    @media only screen and (min-width: 769px) {
        .searchBox .check {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
        }
    }
    
    .searchBox .check li {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 1em;
        position: relative;
        display: -webkit-inline-box;
        cursor: pointer;
    }
    
    .searchBox .check li::before {
        content: "";
        display: block;
        width: 1.2em;
        height: 1.2em;
        margin-right: .2em;
        background-color: #fff;
        border-radius: 1.2em;
        border: solid 1px #a0a0a0;
        -webkit-box-shadow: 0 0 5px rgba(204, 204, 204, 0.5) inset;
        box-shadow: 0 0 5px rgba(204, 204, 204, 0.5) inset;
    }
    
    .searchBox .check li.checked::after {
        content: "";
        width: .6em;
        height: .6em;
        border-radius: 1em;
        background-color: #f01a4d;
        position: absolute;
        top: .6em;
        left: .3em;
    }
    
    #searchBtn {
        margin: 2em auto;
        cursor: pointer;
    }
    
    @media only screen and (min-width: 769px) {
        #searchBtn {
            width: 400px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #searchBtn {
            width: 80vw;
        }
    }
    /*********************
記事	#single

*********************/
    
    #single h1 {
        text-align: center;
    }
    
    @media only screen and (min-width: 769px) {
        #single h1 {
            font-size: 30px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #single h1 {
            font-size: 4.8vw;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #single h1::after {
            width: 100%;
            margin: 0 auto;
        }
    }
    
    #single h1 span {
        display: inline-block;
        padding: 1em;
    }
    
    #single h2 {
        margin: 2em auto 1em;
        padding: .2em 0;
        background-color: #ffe7f4;
        font-weight: bold;
        text-align: center;
        border-bottom: solid 1px #ccc;
    }
    
    @media only screen and (min-width: 769px) {
        #single h2 {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #single h2 {
            font-size: 4vw;
        }
    }
    
    #single h3 {
        margin: 1em auto .5em;
        font-size: 1.2em;
        font-weight: bold;
        color: #f01a4d;
    }
    
    #single h3::before {
        content: '●';
    }
    
    #single h4 {
        margin: 1em;
        font-weight: bold;
    }
    
    #single p {
        margin: 1em;
    }
    
    #single .img {
        margin: 1.5em auto;
    }
    
    @media only screen and (min-width: 769px) {
        #single .img {
            width: 510px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #single .img {
            width: 80vw;
        }
    }
    
    #single .content {
        margin: 1.5em auto;
    }
    
    @media only screen and (min-width: 769px) {
        #single .content {
            width: 755px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #single .content {
            width: 86.66667vw;
        }
    }
    
    #single dl {
        margin-bottom: 2em;
    }
    
    #single dl dt {
        padding: .3em;
        border: solid 1px #040f15;
        text-align: center;
        font-weight: normal;
    }
    
    #single dl dd {
        padding: .8em .2em;
    }
    
    #single dl dd dl {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    @media only screen and (min-width: 769px) {
        #single dl dd dl {
            width: 500px;
            margin: 0 auto;
        }
    }
    
    #single dl dd dl dt {
        width: 10em;
        border: none;
    }
    
    #single dl dd dl dd {
        -ms-flex-negative: 9999;
        flex-shrink: 9999;
        text-align: center;
    }
    
    @media only screen and (min-width: 769px) {
        #single dl dd dl dd {
            width: 300px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        #single dl dd dl dd {
            width: 53.33333vw;
        }