@charset "UTF-8";

html {

    font-size: 62.5%;
}

body {
    margin: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    outline: none;
}

#main {

    position: relative;
    width: 100%;
    margin-top: 0;
    background-image: url(../images/bg.png), linear-gradient(0deg, #7f7170, #ffffff 15% 76%, #cfbcb8);
    background-repeat: repeat;

}





p {
    margin: 0;
    padding: 0;
}

.center {
    text-align: center;
}

/*radiko*/
.radiko {
    font-size: 12px;
    height: 24px;
    width: 230px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    background-image: url(/images/radiko_icon.gif);
    background-repeat: no-repeat;
    padding-left: 100px;
    background-position: left;
    line-height: 2;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #fff;
}

.radiko a:link {
    color: #F3F;
    text-decoration: none;
    color: #ff0000;
}

.radiko a:visited {
    color: #ff0000;
    text-decoration: none;
}

.radiko a:hover {
    text-decoration: underline;
}

.radiko a:active {
    text-decoration: none;
}

.radiko_narrow {
    display: none;
}

/*clearfix*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
a:hover img.btn_alfa {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

#global_header {
    display: block;
}

#nav_sp {
    display: none;
}

.foot_c {
    position: relative;
    width: 100%;

}

.footer_sp {
    display: none;
}

.big {
    display: block;
}

.sml {
    display: none;
}

/* flex */
.flex_center {
    position: relative;
    display: flex;
    justify-content: center;
}

/*-------------- ここから-----------------------*/

.header {
    position: relative;
    width: 100%;
    margin: 0;
}

.header h1 {

    font-weight: bold;
    text-align: center;
    position: relative;

    margin: auto;
    max-width: 1080px;
    padding: 4rem 0;
    color: #7f7170;

}

.header h1 img {
    width: 100%;
}

.header_under,
.header_under ul {
    width: 100%;
    position: relative;
    text-align: center;
    list-style-type: none;
    font-size: 3rem;
    margin: 2rem 0;
}

.header_under ul {
    padding: 0;
    margin: 1rem 0;
}

.header_under ul li:first-of-type {
    margin-bottom: 3rem;
}

.header_under ul li ul.flex_center li:first-of-type {
    width: 4rem;
    height: auto;


}

.header_under ul li ul.flex_center {
    gap: 0 2rem;
}

.options {
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
    border: none;
}

.mail {
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.header_under ul li a {
    text-decoration: none;
}

.mail:hover {
    border-bottom: 1px solid #000;

}

.contents {
    position: relative;
    width: 80%;
    max-width: 1080px;
    font-size: 2.4rem;
    line-height: 1.5;
    margin: 0 auto;
    color: #796f6e;
    padding-bottom: 30rem;
}

.about {
    font-size: 2.4rem;
    position: relative;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8rem;
    color: #7f7170;
    line-height: 1.8;
    text-align: center;

}

.contents dl {
    width: 100%;
    position: relative;
}

.contents dl dt {
    position: relative;
    color: #ff00c2;
    font-weight: bold;
    font-size: 3rem;
}

.block {
    margin-bottom: 4rem;
}

.contents dl dd {
    padding-left: 3rem;
    font-size: 2.4rem;
}

.flex {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.flex .block {
    width: 48%;
    position: relative;
}

.flex .block dl dd {
    width: 100%;
    text-align: center;
}

.date {
    font-size: 3rem;
    font-weight: bold;
}

.ftsml {
    font-size: 2rem;
}

.contents dl dt.clyl {
    color: #fff9a1
}

dd a {
    color: #fff;
    text-decoration: none;
}

dd a:hover {
    border-bottom: 1px solid #fff;
}

dd a:visited {
    color: #fff;
}

.block ul {
    position: relative;
    width: 100%;
    font-size: 2.4rem;
    padding-top: 3rem;
}

.block ul li {
    padding-left: 1em;
    padding: .5rem 0;
}

.block ul li::before {
    content: "※";
    margin-left: -1em;
}

.contents .ft18 {
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10rem;
}

.contents .ft18 dl dt,
.contents .ft18 dl dd {
    font-size: 1.8rem;
}

ul.goods {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 2rem auto;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

ul.goods li {
    margin-bottom: 1rem;
}

.block ul.goods li::before,
.block ul.goods_link li::before {
    margin-left: 0;
    content: "";
}

.title_border {
    border-bottom: #F3F 1px solid;
}

.block ul.goods_link {
    padding-top: 0;
}

.diago {
    color: #7f7170;
    font-size: 2.8rem;
    font-weight: 600;
    padding: 0.25em 0.5em;
    /*上下 左右の余白*/

    background: transparent;
    /*背景透明に*/
    border-left: solid 5px #c2bbaf;

}

.box {
    padding-bottom: 8rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.box_inner {
    padding-top: 1rem;
}

.box_inner ul {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}

.box_inner ul li {
    width: 50%;
    font-size: 2.4rem;
}

.box_inner ul li img {
    width: 100%;
    max-width: 400px;
}

.box_inner ul li a,
.box_inner ul li a:visited,
.box_inner a {
    color: #796f6e;
    text-decoration: none;
}

.box_inner ul li a:hover {
    text-decoration: underline;
}

.box_inner p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* 下向き▼ */
.triangle-down-clip {
    width: 2rem;
    height: 2rem;
    background-color: #7f7170;
    /* 背景色 */
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    border: none;
    margin-right: 1rem;
}

.diago_triangle {
    border: none;
    display: flex;
    justify-content: start;
    align-items: center;

}

.box_inner ul.order_list {
    display: block;
    padding-top: 2rem;
}

.box_inner ul.order_list li {
    width: 100%;
    font-size: 1.6rem;
}

.order_list li:before {

    content: "＊";
    /*空の疑似要素を生成する*/
    width: 2rem;
    /*幅指定*/
    height: 2rem;
}

a.eplus {
    border-bottom: 1px solid #796f6e;
}

a.eplus:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.program {
    padding-bottom: 1rem;
    margin-top: 5rem;

}

.box .program_inner {
    /* width:80%; */
    font-size: 1.8rem;
}

.box19 {
    padding-top: 4rem;
    color: #b3a7a4;

}

.box19 p {
    font-size: 1.8rem;

}

.box19_in {
    display: flex;
    font-size: 2rem;
    border-bottom: 1px solid #b3a7a4;
    ;
    justify-content: center;
}

.box_inner ul li .box19_in img {
    width: 3rem;
    padding-right: 1rem;
}

    .box_inner p.comment {
    line-height: 1.5;
    padding-top: 1rem;
    width:94%;

}

/*===============================================
●style.css 画面の横幅が1000pxまで
===============================================*/

@media screen and (max-width: 1000px) {
    #global_footer {
        display: none;
    }

    .footer_sp {
        display: block;
        margin-top: -30px;
    }

    #nav_sp {
        display: block;
    }

    #global_header {
        display: none;
    }

    .radiko {
        display: none;
    }

    #main {
        margin-top: 10px;
    }

    .radiko_narrow {
        display: block;
        width: 100%;
        position: relative;
    }

    .radiko_narrow a img {
        position: relative;
        width: 100%;
        height: auto;
    }

}

/*===============================================
●style.css 画面の横幅が960pxまで　タブレット
===============================================*/

@media screen and (max-width: 960px) {}

/*===============================================
●style.css 画面の横幅が520pxまで　スマホ
===============================================*/

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

    input,
    button,
    select,
    textarea {
        -webkit-appearance: none;
    }

    .wimg {
        width: 100%;
    }

    /* twitter埋め込みあり */
    .twitter-widget-wrapper iframe {
        width: 740px !important;
    }

    .big {
        display: none;
    }

    .sml {
        display: block;
    }

    .about {
        font-size: 1.8rem;
        text-align: left;
    }

    .flex {
        display: block;
    }

    .flex .block {
        width: 100%;
    }

    .flex .block img {
        width: 100%;
    }

    .header h1 {
        width: 90%;
    }

    .contents dl dt,
    .date {
        font-size: 2rem;
    }

    .contents dl dd {
        font-size: 1.6rem;
    }

    .ftsml {
        font-size: 1.4rem;
    }

    .contents dl dd {
        padding-left: 0;
    }

    .block ul {
        font-size: 2rem;
    }

    .contents dl dd ul li {
        padding-left: 2rem;
        word-break: break-all;
    }

    .contents .ft18 {
        width: 100%;
    }

    .contents .ft18 dl dt,
    .contents .ft18 dl dd {
        font-size: 1.5rem;
    }

    ul.goods {
        display: block;
        width: 100%;

    }

    ul.goods li {
        padding-left: 0;

    }

    ul.goods li img {
        width: 100%;
    }

    ul.goods_link {
        font-size: 1.3rem;
    }

    .sml_left {
        text-align: left;
    }

    .box {
        width: 100%;
    }

    .box_inner ul {
        width: 90%;
    }

    .contents,
    .box_inner p {
        width: 90%;
        font-size: 1.8rem;
    }

    .diago {
        font-size: 2rem;
    }

    .box_inner ul.order_list li {
        font-size: 1.4rem;
    }

    .ftsml {
        font-size: 1.6rem;
    }
    .box19_in{
        font-size:1.8rem;
    }
    .box19_in img {
        width: 3rem;
        padding-right: 1rem;
    }
    .box19 p{
        font-size:1.6rem;
    }
    .box_inner p.comment{
        width:90%;
    }

}