@charset "UTF-8";

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

 sp_style.css

 Copyright (C) Ichizu

 individual layout
------------------------------------------------*/

/* root
================================================================================*/

:root {
    --color-blue: #0082cd;
    --color-blue-dark: #165f98;
    --color-red: #e50012;
    --color-red-dark: #a80e20;
    --color-green: #009c45;
    --color-green-dark: #006934;
    --color-hover: #fff100;
    --color-warning: #f00;
}

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

 デバイス別スタイル / スマートフォン（差分のみ）

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

@media only screen and (max-width: 768px) {


    /*================================================================================

    home

    ================================================================================*/
    /* main
    ================================================================================*/
    /* wrap
    ------------------------------------------------*/
    .home .wrap {
        padding: 40px 0;
    }

    /* mainVisual
    ================================================================================*/
    .mainVisual {
    	margin-bottom: 30px;
        border: none;
    }
    .mainImg:after {
        height: 60%;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0.7)), color-stop(60%, rgba(0, 0, 0, 0)));
        background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 60%);
    }
    .mainTxt {
        margin: -100px auto 0;
        padding: 0 0 40px;
    }
    .mainCopy {
        font-size: 3.0rem;
        line-height: 1.4;
    }
    .subCopy {
        margin: 0 0 10px;
        font-size: 2.0rem;
    }
    .mainCount li {
        padding: 10px 0;
        line-height: 1.4;
    }
    .mainCount li .num {
        font-size: 2.0rem;
    }
    .mainCount li .comma {
        display: none;
    }

    .specialInfo {
        max-width: none;
        padding: 20px;
    }
    .specialInfo dt {
        margin-bottom: 20px;
        font-size: 2.0rem;
    }
    .specialInfo dd p:first-child {
        font-size: 1.6rem;
    }

    /* youtube
    ================================================================================*/
    /* h
    ------------------------------------------------*/
    .movie h2 {
        font-size: 2.4rem;
    }

    /* movieList
    ------------------------------------------------*/
    .movieList {
        margin-top: -20px;
    }
    .movieList li {
        width: 100%;
        max-width: 600px;
        margin: 20px auto 0;
    }

    /* news
    ================================================================================*/
    /* h
    ------------------------------------------------*/
    .news h2 {
        margin-bottom: 30px;
    }
    .news h2 > span {
        font-size: 3.0rem;
    }
    .news h2 span .jp {
        margin: 0;
        font-size: 1.6rem;
    }

    /* slider
    ------------------------------------------------*/
    .slick-prev,
    .slick-next {
        display: none !important;
    }

    /* homeAbout
    ================================================================================*/
    /* wrap
    ------------------------------------------------*/
    .home .homeAbout {
        padding: 160px 0 40px;
        background-size: auto 200px;
    }

    /* h
    ------------------------------------------------*/
    .homeAbout h2 {
        margin: 0 0 30px;
        padding-top: calc( 160px * 538 / 600 + 20px );
        font-size: 3.0rem;
    }
    .homeAbout h2 rt {
        font-size: 1.0rem;
    }
    .homeAbout h2:before {
        width: 160px;
        height: calc( 160px * 538 / 600 );
        background-size: 160px auto;
    }

    /* homeAboutOutline
    ------------------------------------------------*/
    .homeAbout .homeAboutOutline {
        margin: 0 auto 30px;
    }
    .homeAboutNegai {
        width: auto;
        margin: 0 auto;
        font-size: 1.6rem;
    }
    .homeAboutMember {
        width: 100%;
    }

    /* homeDonRadio
    ================================================================================*/
    /* wrap
    ------------------------------------------------*/
    .home .homeDonRadio {
        padding: 40px 0;
    }
    .homeDonRadio .inner {
        width: 100%;
    }
    .homeDonRadio .inner > div {
        width: 100%;
        margin: 0 0 30px;
        padding: 80px 20px 30px;
    }
    .homeDonRadio .inner > div .circle {
        width: 100px;
        height: 100px;
        margin: -20px auto 10px;
        border-radius: 50px;
    }
    .homeDonRadio .btn a {
        width: 100%;
    }
    .homeDonRadio .inner > div p:not(.circle) {
        text-align: left;
    }

    /* h
    ------------------------------------------------*/
    .homeDonRadio .inner > div h2 {
        margin: 0 0 20px;
        font-size: 2.4rem;
    }

    /* homeRadio
    ------------------------------------------------*/
    .homeDonRadio .inner > div.homeRadio .circle a {
        padding: 20px 0 0;
        font-size: 1.6rem;
    }
    .homeDonRadio .inner > div.homeRadio .circle a:before {
        content: "";
        position: absolute;
        bottom: 33px;
        left: 0;
        right: 0;
        width: 70%;
    }
    .homeDonRadio .inner > div.homeRadio .circle a:after {
        bottom: 15px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 1.0rem;
    }

    /* homeBlog
    ================================================================================*/
    /* wrap
    ------------------------------------------------*/
    .home .homeBlog {
        padding: 80px 0 40px;
    }
    .homeBlog .inner {
        width: 100%;
        padding: 0 5%;
    }

    /* h
    ------------------------------------------------*/
    .homeBlog h2 {
        margin-bottom: 30px;
    }
    .homeBlog h2 > span {
        font-size: 3.0rem;
    }
    .homeBlog h2 span .jp {
        font-size: 1.6rem;
    }

    /* homeBlogIllust
    ------------------------------------------------*/
    .homeBlogIllust {
        top: -120px;
        left: 0;
        right: 0;
        width: 200px;
        margin: 0 auto;
    }

    /* homeBlogList
    ------------------------------------------------*/
    .homeBlogList {
        margin: -30px 0 30px;
    }
    .homeBlogList li {
        width: 80%;
        margin: 30px auto 0;
    }
    .homeBlogList li .blogDate {
        margin: 0 0 5px;
    }


    /*================================================================================

    message

    ================================================================================*/
    /* main
    ================================================================================*/
    /* title
    ------------------------------------------------*/
    .message .title {
        min-height: 380px;
        background: url(/message/img/title_bg_01.jpg) no-repeat left -20px  top,
                    url(/message/img/title_bg_02.jpg) no-repeat right -20px top;
        background-size: 26% auto;
        text-align: center;
    }
    .message .title .negai {
        top: 160px;
        max-height: 13em;
        font-size: 1.6rem;
    }

    /* h
    ------------------------------------------------*/
    .message h2 {
        margin-bottom: 40px;
        font-size: 2.2rem;
    }

    /* mission
    ================================================================================*/
    .missionList li {
      padding: 0 0 10px 30px;
      font-size: 1.6rem;
    }
    .missionList li:before {
      top: -4px;
      font-size: 2.0rem;
    }

    /* たまごはちみつしおあじ
    ================================================================================*/
    .ruleSubTitle {
      padding: 10px;
      font-size: 1.6rem;
    }
    .ruleList dt {
      font-size: 1.8rem;
    }
    .ruleList dt:first-letter {
      margin: 0 2px 0 0;
    }
    .ruleList dd {
      padding: 0 0 0 20px;
    }
    .ruleEgg {
      position: absolute;
      top: 90px;
      left: auto;
      right: 50px;
    }
    .ruleEgg img {
      width: 30px;
      height: auto;
    }
    .ruleHunny {
      position: absolute;
      top: 580px;
      right: 20px;
    }
    .ruleHunny img {
      width: 50px;
      height: auto;
    }
    .ruleSalt {
      position: absolute;
      bottom: -60px;
      right: 10px;
    }
    .ruleSalt img {
      width: 50px;
      height: auto;
    }
    /* reason
    ================================================================================*/
    .reasonImg  img {
      width: 200px;
    }

    /* linkWrap
    ================================================================================*/
    .linkWrap .inner .col3 li {
        width: 80%;
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;
    }
    .linkWrap .inner .col3 li a .linkTitle {
        font-size: 1.8rem;
    }


    /*================================================================================

    about common

    ================================================================================*/
    /* main
    ================================================================================*/
    .about #main {
        padding-bottom: 0;
    }

    /* title
    ------------------------------------------------*/
    .about .title {
        padding: 110px 0 0;
        background-size: auto 130px;
    }

    /* pageLink
    ------------------------------------------------*/
    .about.index .pageLink .navIndex a,
    .about.live .pageLink .navLive a,
    .about.voice .pageLink .navVoice a,
    .about.request .pageLink .navRequest a,
    .about.history .pageLink .navHistory a,
    .about.book .pageLink .navBook a {
        border: 1px solid #e50012;
        border: 1px solid var(--color-red);
    }


    /*================================================================================

    about index

    ================================================================================*/
    /* main
    ================================================================================*/
    /* title
    ------------------------------------------------*/
    .about.index .title {
        padding: 160px 0 0;
        background-size: auto 180px;
    }

    /* movie
    ================================================================================*/
    .about .movie .inner {
        width: 90%;
        margin: 0 auto;
        padding: 40px 0 0;
        text-align: left;
    }
    .about .movie h2 {
        margin: 0 0 30px;
        font-size: 2.0rem;
        text-align: center;
    }

    /* movieList */
    .about .movieList {
        margin: 0 0 10px;
    }
    .about .movieList li {
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }
    .about .movieList li dl {
        margin: 20px 0 0;
    }
    .about .movieList li dt {
        margin: 0 0 10px;
        font-size: 1.8rem;
        text-align: center;
    }

    /* member
    ================================================================================*/
    .index .member .lead {
        margin-bottom: 30px;
        font-size: 1.4rem;
        text-align: left;
    }
    .index .member h2 {
        margin: 0 0 30px;
        font-size: 1.8rem;
    }
    .about .member ul {
        margin: 0 0 30px;
    }
    .about .member ul li {
        width: 31%;
    }
    .about .member ul li .nickname {
        font-size: 1.6rem;
    }
    .about .member ul li .nickname span {
        font-size: 1.4rem;
    }
    .about .member ul li .university span {
        display: none;
    }
    .about .member a.snsIcon {
        width: 30px;
        height: 30px;
        border-radius: 15px;
    }
    .about .member a.snsIcon img {
        width: 16px;
    }

    /* linkContact
    ================================================================================*/
    .linkContact {
        padding-bottom: 1px;
    }
    .linkContact .inner {
        max-width: 840px;
        padding: 0;
        background: url(/about/img/link_contact.jpg) no-repeat center top;
        background-size: cover;
    }


    /*================================================================================

    about live

    ================================================================================*/
    /* count
    ================================================================================*/
    .count {
        padding: 0 0 40px;
    }

    /* infoWrap
    ================================================================================*/
    .live .infoWrap .answer {
        font-size: 1.6rem;
        text-align: left;
    }
    .live.infoWrap .liveImg {
        margin: 0 0 30px;
    }


    /*================================================================================

    about voice

    ================================================================================*/
    /* voiceList
    ================================================================================*/
    #loopList .loopSingle {
        padding: 20px;
        border-radius: 14px;
    }
    #loopList .loopSingle .loopNum {
        top: -30px;
        right: 20px;
        width: 70px;
        height: 70px;
        font-size: 1.4rem;
        border-radius: 35px;
    }
    #loopList .loopSingle .loopHeader {
        margin: 0 0 30px;
    }
    #loopList .loopSingle .loopTitle {
        padding: 0 60px 0 0;
        font-size: 2.0rem;
    }
    #loopList .loopSingle .loopFrom {
        font-size: 1.6rem;
    }
    /* page nation
    ------------------------------------------------*/
    .wp-pagenavi {
        margin: 20px 0 30px;
        text-align: center;
    }


    /*================================================================================

    about request

    ================================================================================*/

    /*================================================================================

    about history

    ================================================================================*/
    /* allHistory
    ================================================================================*/
    .allHistory .inner .col3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .allHistory .inner .col3 li {
        padding-bottom: 70px;
        background-image: url(/common_img/kuma.png);
        background-repeat: no-repeat;
        background-position: center bottom 10px;
        background-size: auto 60px;
        color: #0082cd;
        color: var(--color-blue);
        font-weight: bold;
        font-size: 1.6rem;
        text-align: center;
    }
    .allHistory .inner .col3 li:nth-of-type(2) {
        background-image: url(/common_img/don.png);
        color: #e50012;
        color: var(--color-red);
    }
    .allHistory .inner .col3 li:nth-of-type(3) {
        background-image: url(/common_img/mikko.png);
        color: #009c45;
        color: var(--color-green);
    }
    .allHistory table {
        table-layout: fixed;
        margin-bottom: 10px;
        border-top: 1px solid #eee;
    }
    .allHistory table tbody tr:nth-of-type(odd) {
        display: table-row;
        width: 100%;
    }
    .allHistory table tbody tr:nth-of-type(odd) th {
        padding: 6px;
        font-weight: bold;
    }
    .allHistory table thead tr,
    .allHistory table tbody tr:nth-of-type(even) th {
        display: none;
    }
    .allHistory table tbody tr:nth-of-type(even) td {
        padding: 10px;
    }
    .allHistory table tbody tr:nth-of-type(even) td:not(:last-of-type) {
        border-right: 1px solid #eee;
    }
    .allHistory table tbody td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 10px;
        background: #0082cd;
        background: var(--color-blue);
        color: #fff;
        font-size: 1.2rem;
        text-align: center;
    }
    .allHistory table tbody td:nth-of-type(2)::before {
        background: #e50012;
        background: var(--color-red);
    }
    .allHistory table tbody td:nth-of-type(3)::before {
        background: #009c45;
        background: var(--color-green);
    }
    .historyEnd {
        margin-top: 20px;
        font-size: 1.8rem;
        text-align: center;
    }

    /*================================================================================

    don common

    ================================================================================*/
    /* main
    ================================================================================*/
    .don #main {
        padding-bottom: 0;
    }

    /* title
    ------------------------------------------------*/
    .don .title {
        padding: 110px 0 0;
        background-size: auto 130px;
    }
    .don .title .titleTxt:before {
        width: 80px;
        height: 80px;
        background-size: 80px auto;
        border-radius: 80px;
    }

    /* pageLink
    ------------------------------------------------*/
    .don.index .pageLink .navIndex a,
    .don.voice .pageLink .navVoice a {
        border: 1px solid #009c45;
        border: 1px solid var(--color-green);
    }


    /*================================================================================

    don index

    ================================================================================*/
    /* main
    ================================================================================*/
    /* title
    ------------------------------------------------*/
    .don.index .title {
        min-height: 460px;
        padding: 160px 0 0;
        background-size: auto 180px;
    }
    .don.index .title .negai {
        top: 310px;
        font-size: 1.6rem;
    }

    /* donInfo
    ================================================================================*/
    .don .donInfo .inner {
        width: 90%;
        margin: 0 auto;
        padding: 40px 0 0;
        text-align: left;
    }
    .donIllust {
        position: absolute;
        top: -58px;
        right: 4%;
        width: 60px;
    }
    .donYoutube {
        width: 100%;
        margin: 30px auto;
        padding-top: calc( 100% / 560 * 315 );
    }
    .donFaq {
        margin: -30px auto 0;
    }
    .donFaq > div {
        width: 100%;
        margin: 20px 0 0;
    }
    .donFaq > div:first-of-type {
        margin-top: 30px;
    }
    .donFaq > div dt {
        margin: 0 0 10px;
        padding: 0 0 0 20px;
        font-size: 1.6rem;
    }
    .donFaq > div dt:before {
        font-size: 1.6rem;
    }
    .donFaq > div dd {
        margin: 0 0 20px 20px;
    }

    /* member
    ================================================================================*/
    .donProfile {
    }
    .donProfileImg {
        width: 60%;
        margin: 0 auto 30px;
    }
    .donProfileTxt {
        width: 100%;
    }


    /*================================================================================

    don voice

    ================================================================================*/
    /* voiceList
    ================================================================================*/
    .don.voice #loopList .loopSingle .loopHeader {
        margin-bottom: 20px;
    }
    .don.voice #loopList .loopSingle .loopTitle {
        padding: 0;
    }
    .don.voice #loopList .loopSingle .donVoiceSubject {
        margin-top: 20px;
        font-size: 1.2rem;
    }

    /*================================================================================

    radio common

    ================================================================================*/
    /* main
    ================================================================================*/
    /* title
    ------------------------------------------------*/
    .radio .title {
        padding: 0;
    }

    /* pageLink
    ------------------------------------------------*/
    .radio.index .pageLink .navIndex a,
    .radio.archive .pageLink .navArchive a,
    .radio.form .pageLink .navForm a {
        border: 1px solid #0082cd;
        border: 1px solid var(--color-blue);
    }

    /*================================================================================

    radio index

    ================================================================================*/
    /* main
    ================================================================================*/
    /* lead
    ------------------------------------------------*/
    /* .radio.index .lead {
        text-align: left;
    } */

    /* h
    ------------------------------------------------*/
    .radio h2 {
        margin-bottom: 40px;
    }
    .radio h2.centerLine.doubleLine span {
        font-size: 2.2rem;
        line-height: 1.4;
    }

    /* radioAccepting
    ================================================================================*/
    .infoWrap.radioAccepting .inner h2 {
        font-size: 1.8rem;
    }
    .radio .radioBtn {
        margin-bottom: 30px;
    }
    .radio .btn.radioBtn a {
        width: 100%;
        max-width: 500px;
        padding: 20px 0;
        font-size: 2.0rem;
        border-radius: 40px;
    }
    .radioAccepting .radioAcceptingTxt {
        text-align: left;
    }
    .radio .btn.radioBtn a:after {
        font-size: 2.4rem;
    }

    /* radioAccepting
    ================================================================================*/
    .radioLatest .lead {
        text-align: left;
    }
    .radioLatest #loopList {
        margin-bottom: 30px;
    }

    /* loopList
    ------------------------------------------------*/
    .radioLatest #loopList {
        margin-bottom: 30px;
    }
    .radioLatest #loopList .loopSingle {
        padding: 20px;
    }
    .radio .loopHeader .loopTitle {
        display: block;
        margin: 0 0 10px;
        font-size: 2.0rem;
    }
    .radio .loopHeader .radioDate {
        font-size: 1.8rem;
    }
    .radio .loopContent {
        margin: 0 0 30px;
    }
    .radio #loopList .loopSingle .loopFrom {
        margin-bottom: 20px;
        font-size: 1.6rem;
    }
    .radio .radioBgm {
        padding: 10px 0 0;
    }
    .radio .radioBgm dt {
        margin: 0 0 5px;
        font-size: 1.4rem;
    }


    /*================================================================================

    radio form

    ================================================================================*/
    /* formWrap
    ================================================================================*/
    /* h
    ------------------------------------------------*/
    .formWrap h3 {
        margin-bottom: 20px;
    }
    .formWrap h3 span {
        padding: 10px 30px;
        font-size: 2.0rem;
    }

    .formWrap .required {
        font-size: 1.2rem;
    }

    /* lead
    ------------------------------------------------*/
    .formWrap .lead {
        margin-bottom: 40px;
        padding: 20px;
        text-align: left;
        border-radius: 10px;
    }
    .formWrap .lead .reply {
        color: #009c45;
        color: var(--color-green);
        font-size: 1.8rem;
    }

    /* inputArea
    ================================================================================*/
    .inputArea dt {
        width: 100%;
        margin: 0;
        padding: 20px 0 10px;
        border-top: 1px solid #eee;
    }
    .inputArea dt span {
        position: absolute;
        top: 24px;
        right: 10px;
    }
    .inputArea dd {
        width: 100%;
        margin: 0;
        padding: 0 10px 20px;
        border-top: none;
    }
    .inputArea .note {
        font-size: 1.2rem;
    }
    .btnArea {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        margin-top: 30px;
    }
    .btnArea form {
        width: 100%;
    }

    /*  error
    ================================================================================*/
    .errorList {
        margin: 0 0 20px;
        padding: 20px;
    }

    /* comfirm
    ================================================================================*/
    .btnArea form:nth-of-type(2) {
        margin: 0 0 20px;
    }

    /* finish
    ================================================================================*/
    .btnArea form:nth-of-type(2) {
        margin: 0 0 20px;
    }
    .contact .inner .taR{
        text-align: center;
    }
    .contact .inner .taR .btn a {
        padding: 0 30px;
    }


    /*================================================================================

    performance

    ================================================================================*/
    /* main
    ================================================================================*/
    .performance #main {
        padding-bottom: 0;
    }

    /* schedule
    ================================================================================*/
    #schedule iframe {
        height: 400px;
    }
    #schedule h2 {
        margin-bottom: 40px;
    }
    #schedule h2.centerLine.doubleLine span {
        font-size: 2.4rem;
    }

    /* lead
    ================================================================================*/
    .performance .lead {
        margin: 0 auto 60px;
        padding: 0 5%;
    }
    .performance .lead .btn a {
        padding: 15px;
    }
    .performance .lead p:not(.btn) {
        text-align: left;
    }

    /* priceWrap
    ================================================================================*/
    .priceWrap .col2 dl dd {
        padding: 10px 2px;
        color: #e50012;
        color: var(--color-red);
        font-size: 2.8rem;
        line-height: 1;
    }
    .priceWrap .col2 dl dd span {
        font-size: 1.4rem;
    }
    .priceWrap .indent1em {
        text-align: left;
    }


    /*================================================================================

    magazine

    ================================================================================*/
    /* main
    ================================================================================*/
    /* title
    ------------------------------------------------*/
    .magazine .title {
        background: url(/magazine/img/title_bg.jpg) no-repeat top center;
        background-size: cover;
    }
    .magazine .title .titleTxt img.titleL {
        width: 300px;
    }
    .magazine .title .titleTxt img.titleS {
        width: 140px;
    }

    /* laad
    ------------------------------------------------*/
    .magazine .lead {
        margin: 0 auto 40px;
        padding: 0 5%;
    }

    /* magazineLatestWrap
    ================================================================================*/
    .magazineLatestWrap .inner {
        padding: 30px;
        border-radius: 20px;
    }
    .magazineLatest .magazineLatestTxt {
        width: 100%;
        text-align: center;
    }
    .magazineLatest .magazineLatestTxt h2 {
        margin: 0 0 10px;
        font-size: 2.0rem;
    }
    .magazineLatest .magazineLatestTxt .magazineTitle {
        font-size: 2.0rem;
    }
    .magazineLatest .magazineLatestTxt .magazineDate {
        margin-bottom: 20px;
    }
    .magazineLatest .magazineLatestTxt .magazineContents {
        display: inline-block;
        font-size: 1.2rem;
        text-align: left;
    }
    .magazineLatest .magazineLatestImg {
        width: 80%;
        max-width: 400px;
        margin: 0 auto 30px;
        text-align: center;
    }
    .magazineLatestVol {
        top: -30px;
        right: 40px;
        width: 80px;
        height: 80px;
        font-size: 1.6rem;
        border-radius: 40px;
    }

    /* magazineList
    ================================================================================*/
    .magazineList {
        margin-top: -10%;
    }
    .magazineList .magazineSingle {
        width: 47%;
        margin: 10% 0 0;
    }
    .magazineList .magazineSingle:nth-of-type(4n+3):last-of-type,
    .magazineList .magazineSingle:nth-of-type(4n+2):last-of-type {
        margin-right: 0;
    }
    .magazineList .magazineSingle .magazineTitle {
        line-height: 1;
    }
    .magazineList .magazineSingle .magazineTitle span {
        display: block;
        margin: 10px 0 0;
        font-size: 1.8rem;
    }
    .magazineList .magazineSingle .magazineDate {
        margin-bottom: 5px;
    }
    .magazineList .magazineSingle .btn {
        margin: 10px auto 0;
        text-align: center;
    }
    .magazineList .magazineSingle .btn a {
        padding: 8px 10px;
        font-size: 1.2rem;
    }
    .magazineList .magazineSingle .btn a:before {
        display: none;
    }


    /*================================================================================

    magazine single

    ================================================================================*/
    /* main
    ================================================================================*/
    /* pageLink
    ------------------------------------------------*/
    .magazine .title + .pageLink {
        display: block;
        margin: -20px auto 20px;
    }
    .magazine .pageLink li {
        margin: 0 auto;
    }
    /* wrap
    ------------------------------------------------*/
    .magazine.single .magazineTitle {
        font-size: 2.0rem;
    }
    .magazine.single .magazineTitle span {
        font-size: 2.4rem;
    }

    /* スライダー調整
    ================================================================================*/
    .magazine.single .nextend-arrow-previous:before,
    .magazine.single .nextend-arrow-next:before {
        top: 8px;
        width: 36px;
        font-size: 0.8rem;
    }


    /*================================================================================

    media

    ================================================================================*/
    /* main
    ================================================================================*/
    /* title
    ------------------------------------------------*/
    /* .media .title {
        padding: 150px 0 0;
        background: url(/media/img/title_bg.jpg) no-repeat top right -60px;
        background-size: auto 130px;
    } */

    /* leadWrap
    ================================================================================*/
    .media .leadWrap .inner {
        text-align: left;
    }
    .media .leadWrap .btn {
        text-align: center;
        margin-bottom: 20px;
    }
    .media .leadWrap dl {
        text-align: center;
    }
    .media .leadWrap dt span {
        display: block;
        font-size: 2.0rem;
    }

    /* loopList
    ================================================================================*/
    .media #loopList .loopSingle {
        margin-bottom: 30px;
        padding: 0 30px 30px;
    }
    .media #loopList .loopSingle .mediaDate {
        margin: 0 0 10px;
    }
    .media #loopList .loopTitle {
        margin-bottom: 30px;
        padding: 0;
        font-size: 2.0rem;
    }
    .media #loopList .loopContent {
        padding: 0;
    }
    .media #loopList .mediaName {
        margin-top: 10px;
        padding: 0;
        font-size: 1.2rem;
    }

    /* mediaEnd
    ================================================================================*/
    .mediaEnd {
        margin-top: 20px;
        font-size: 1.6rem;
    }

    /*================================================================================

    sponsor

    ================================================================================*/
    /* main
    ================================================================================*/
    .sponsor #main {
        padding-bottom: 0;
    }

    /* h
    ------------------------------------------------*/
    .sponsor h2 {
        margin-bottom: 40px;
    }
    .sponsor h2 > span {
        font-size: 2.2rem;
    }
    .sponsor h3 {
        margin: 0 0 30px;
        text-align: center;
    }
    .sponsor h3 span {
        padding: 8px 60px;
        font-size: 1.6rem;
    }

    /* lead
    ------------------------------------------------*/
    .sponsor .lead {
        margin: 0 0 40px;
        text-align: left;
    }

    /* sponsorElem
    ------------------------------------------------*/
    .sponsor .wrap .sponsorElem {
        margin: 0 auto 50px;
    }

    /* .sponsorLead
    ================================================================================*/
    .sponsor .sponsorLead h2 {
        margin: 0 0 30px;
        font-size: 1.8rem;
    }
    .sponsor .sponsorLead .col2 {
        margin-bottom: 20px;
    }

    /* sponsorInfo
    ================================================================================*/
    /* sponsorList
    ------------------------------------------------*/
    .sponsor #sponsorInfo .sponsorList {
        margin: 0 0 30px;
    }
    .sponsor #sponsorInfo .sponsorList li {
        width: 50%;
        padding: 20px;
        text-align: center;
    }
    .sponsor #sponsorInfo .sponsorList li .position {
        font-size: 1.2rem;
    }
    .sponsor #sponsorInfo .sponsorList li .btn {
        margin-top: 10px;
    }
    .sponsor #sponsorInfo .sponsorList li .btn a {
        padding: 10px 20px;
        font-size: 1.4rem;
    }

    /* sponsorListBnr
    ------------------------------------------------*/
    .sponsor #sponsorInfo .sponsorListBnr {
        margin: -1% 0 30px;
    }
    .sponsor #sponsorInfo .sponsorListBnr li {
        width: 49%;
        margin: 1% 0 0;
    }
    .sponsor #sponsorInfo .sponsorListBnr li:nth-of-type(4n+3):last-of-type,
    .sponsor #sponsorInfo .sponsorListBnr li:nth-of-type(4n+2):last-of-type {
        margin-right: auto;
    }

    /* sponsorListTxt
    ------------------------------------------------*/
    .sponsor #sponsorInfo .sponsorListTxt {
        margin: -1% 0 0;
    }
    .sponsor #sponsorInfo .sponsorListTxt li {
        width: 49%;
        margin: 1% 0 0;
        padding: 4px;
        font-size: 1.3rem;
    }
    .sponsor #sponsorInfo .sponsorListTxt li:nth-of-type(4n+3):last-of-type,
    .sponsor #sponsorInfo .sponsorListTxt li:nth-of-type(4n+2):last-of-type {
        margin-right: auto;
    }

    /* guideline
    ================================================================================*/
    /* benefits
    ------------------------------------------------*/
    .sponsor #guideline .benefits table.pc.tb {
        display: none;
    }
    .sponsor #guideline .benefits table.sp {
        display: table;
        margin: 0 0 30px;
    }
    .sponsor #guideline .benefits table th,
    .sponsor #guideline .benefits table td {
        padding-right: 10px;
        padding-left: 10px;
    }

    /* flow
    ------------------------------------------------*/
    .sponsor #guideline .flow section {
        margin: 0 0 30px;
        padding: 30px;
    }
    .sponsor #guideline .flow section:not(:last-of-type):after {
        bottom: -20px;
        left: 50%;
        margin-left: -10px;
        border-top: 10px solid #009c45;
        border-top: 10px solid var(--color-green);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }
    .sponsor #guideline .flow section h4 {
        margin: 0 0 30px;
        padding: 0 0 14px 30px;
        font-size: 1.6rem;
    }
    .sponsor #guideline .flow section h4:before {
        top: 2px;
        width: 20px;
        font-size: 1.4rem;
        line-height: 20px;
    }
    .sponsor #guideline .flow section .col2 {
        margin-top: -10px;
    }
    .sponsor #guideline .flow section .col2 li {
        width: 94%;
        margin: 10px auto;
    }
    .sponsor #guideline .flow section dt {
        width: 100%;
        margin: 0 0 10px;
    }

    /* outline
    ================================================================================*/
    .sponsor #outline {
        padding-bottom: 0;
    }
    .sponsor #outline table th {
        white-space: nowrap;
    }
    .sponsor #outline .manager {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .sponsor #outline .manager div {
        width: 280px;
        margin: 30px auto 0;
    }
    .sponsor #outline .manager div:nth-of-type(2) {
        width: 280px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .sponsor #outline .manager div:last-of-type {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }


    /*================================================================================

    sponsor single

    ================================================================================*/
    /* main
    ================================================================================*/
    /* h
    ------------------------------------------------*/
    .sponsor.single h1 {
        font-size: 2.0rem;
        line-height: 1;
    }

    /* pageLink
    ------------------------------------------------*/
    .sponsor.single .pageLink li {
        width: 100%;
    }

    /* wrap
    ================================================================================*/
    .sponsorRepresentative {
        margin: 0 0 30px;
    }
    .sponsorRepresentative .name {
        font-size: 1.8rem;
    }


    /*================================================================================

    contact

    ================================================================================*/
    /* main
    ================================================================================*/
    /* h
    ------------------------------------------------*/
    .contact h2 {
        margin: 0 auto 30px;
        font-size: 1.6rem;
    }
    .contact h2#contactForm {
        margin: 40px 0 20px;
    }
    .contact h2.centerLine.doubleLine {
        font-size: 2.4rem;
    }

    /* contactTel
    ================================================================================*/
    .contactTel {
        margin: 0 auto 40px;
        padding: 30px;
        border-radius: 14px;
    }
    .contactTel dt {
        margin: -44px 0 20px;
        font-size: 1.6rem;
    }
    .contactTel dt span {
        padding: 0 10px;
    }
    .contactTel .tel {
        font-size: 3.0rem;
    }
    .contactTel .tel .time {
        display: block;
        margin: 10px 0;
        font-size: 1.6rem;
    }
    .contactTel .indent1em {
        font-size: 1.2rem;
    }

    /* inputArea
    ================================================================================*/
    .contact .inputArea label {
        display: block;
        margin: 0 0 10px;
    }
    .inputArea input.reason {
        width: 180px;
        margin-left: 10px;
    }
    .contact .addTitle {
        margin: 30px auto;
    }
    .contact .addTitle span {
        padding: 8px 60px;
        font-size: 1.6rem;
    }



    /*================================================================================

    privacy

    ================================================================================*/
    /*privacyTxt
    ================================================================================*/
    .privacy .privacyTxt {
        margin: 30px 0 0;
        padding: 0 0 30px;
    }
    .privacy .privacyTxt:first-of-type {
        padding-top: 30px;
    }
    .privacy .privacyTxt dt {
        margin: 0 0 20px;
        font-weight: bold;
    }
    .privacy .privacyTxt .aboutCookie dt {
        margin: 0 0 10px;
        font-size: 1.2rem;
    }
    .privacy .privacyTxt .aboutCookie dd {
        font-size: 1.2rem;
    }


    /*================================================================================

    error404

    ================================================================================*/
    /* wrap
    ================================================================================*/
    .error404 .wrap {
        padding: 30px 0;
    }
    .error404 .inner {
        text-align: left;
    }



    }

/*---- デバイス別スタイル / スマートフォン ----*/

/* iPhone5サイズの分岐
================================================================================*/

@media only screen and (max-width: 360px) {



}

/*---- iPhone5サイズの分岐 ----*/