@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Cormorant+Infant:400,500");
@import url("https://fonts.googleapis.com/css?family=Cormorant:400,500");
@import url("https://fonts.googleapis.com/earlyaccess/hannari.css");

/*
.example{
    @include widtnPercent(960, 300);
}
*/
/*
.example{
    @include heightPercent(500, 300);
}
*/
/*
.example{
    @include marginPercent(500, 20, 5, 20, 5);
}
*/
/*
.example{
    @include paddingPercent(500, 20, 5, 20, 5);
}
*/
/* IEハック用mixin */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: 400;
    font-style: normal;
    vertical-align: baseline;
    background: transparent;
    font-size: 10px;
}

@media print,
screen and (min-width: 767px) and (max-width: 959px) {

    html,
    body,
    div,
    span,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    abbr,
    address,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    samp,
    small,
    strong,
    sub,
    sup,
    var,
    b,
    i,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        font-size: 10px;
    }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

a:hover {
    opacity: .5;
}

::-moz-selection {
    background: #744A2E;
}

::selection {
    background: #744A2E;
}

::-moz-selection {
    background: #744A2E;
}

input,
select {
    vertical-align: middle;
    border: none;
}

textarea {
    resize: none;
}

/* スクロールバーの有無によるズレ対策 */
html {
    overflow-x: hidden;
    overflow-y: scroll;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body {
    min-height: 100vh;
    color: #000000;
    line-height: 1;
    word-break: normal;
    word-wrap: break-word;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    letter-spacing: 2px;
    -webkit-text-size-adjust: 100%;
    background: #ffffff;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: bottom;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    vertical-align: middle;
}

hr {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
}

input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}

/* リンク要素:初期設定
 ---------------------------------------- */
a {
    text-decoration: none;
}

/* 確認線 */
.test {
    border: solid 1px red;
}

/* フロート */
.left {
    float: left;
}

.right {
    float: right;
}

/* フロート解除 clerfix
 ---------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

/* ブロック要素にする */
.block {
    display: block;
}

/* インライン要素にする */
.inline {
    display: inline;
}

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

header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

header .header_area {
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(white 0%, rgba(255, 255, 255, 0) 100%);
}

header .header_area.on {
    background: #ffffff;
}

header .header_area h1 {
    margin-right: auto;
}

header nav {
    display: none;
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px #744A2E solid;
}

header nav .info {
    color: #ffffff;
    text-align: center;
    background: #744A2E;
}

@media print,
screen and (min-width: 768px) {
    br.pc {
        display: block;
    }

    br.sp {
        display: none;
    }

    header .header_area {
        padding: 20px;
    }

    header .header_area h1 {
        width: 80px;
    }

    header .header_area .menu_btn {
        width: 92px;
        height: 32px;
        background: #744A2E;
        position: relative;
        cursor: pointer;
    }

    header .header_area .menu_btn span {
        position: absolute;
        z-index: 9;
        left: 0;
        width: 33px;
        height: 2px;
        -webkit-transition: .3s;
        transition: .3s;
        background-color: #fff;
    }

    header .header_area .menu_btn span:nth-child(1) {
        top: 10px;
        left: 10px;
    }

    header .header_area .menu_btn.active span:nth-child(1) {
        -webkit-transform: translateY(6px) rotate(-35deg);
        transform: translateY(6px) rotate(-35deg);
    }

    header .header_area .menu_btn span:nth-of-type(2) {
        top: 15px;
        left: 10px;
    }

    header .header_area .menu_btn.active span:nth-of-type(2) {
        opacity: 0;
    }

    header .header_area .menu_btn span:nth-of-type(3) {
        top: 20px;
        left: 10px;
    }

    header .header_area .menu_btn.active span:nth-of-type(3) {
        -webkit-transform: translateY(-5px) rotate(35deg);
        transform: translateY(-5px) rotate(35deg);
    }

    header .header_area .menu_btn small {
        position: absolute;
        font-size: .8rem;
        font-weight: 500;
        line-height: 1;
        top: 11px;
        right: 6px;
        margin: auto;
        display: block;
        text-align: center;
        color: #fff;
    }

    header .header_area .tel {
        font-size: 2.4rem;
        line-height: 1.4;
        margin: 0 14px 0 0;
    }

    header .header_area .tel a {
        color: #744A2E;
        font-family: 'Cormorant Infant', 'Cormorant';
    }

    header .header_area .tel a img {
        vertical-align: middle;
        width: 22px;
        margin: 0 10px 0 0;
    }

    header .header_area .btn {
        margin: 0 10px 0 0;
        padding: 0 10px;
        height: 32px;
        font-size: 1.2rem;
        text-align: center;
        background: #ffffff;
        border: 1px #744A2E solid;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header .header_area .btn a {
        padding: 0 10px;
        color: #744A2E;
        display: block;
    }

    header nav .inner {
        margin: 0 auto;
        padding: 73px 0 25px 0;
        max-width: 1060px;
    }

    header nav .inner .flex {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    header nav .inner .flex ul li {
        font-size: 19px;
        line-height: 2.2;
    }

    header nav .inner .flex ul li ul {
        margin: 0 0 0 1rem;
    }

    header nav .inner .flex ul li ul li {
        font-size: 15px;
    }

    header nav .inner .btns {
        margin: 30px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: space-evenly;
        -webkit-box-align: space-evenly;
        align-items: space-evenly;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    header nav .inner .btns .tel {
        padding: 0 0 0 36px;
        width: 28%;
        color: #744A2E;
        font-family: 'Cormorant Infant', 'Cormorant';
        font-size: 3rem;
        line-height: 2;
        background: url(../img/tel.png) no-repeat 0 center;
        background-size: 26px;
    }

    header nav .inner .btns .btn {
        padding: 10px 0;
        width: 30%;
        color: #ffffff;
        font-size: 1.9rem;
        line-height: 1.2;
        text-align: center;
        background: #A26740;
    }

    header nav .inner .btns .btn span {
        font-size: 1rem;
        display: block;
    }

    header nav .info {
        padding: 25px 0;
    }

    header nav .info p {
        font-size: 1.5rem;
        line-height: 2;
    }

    footer {
        margin: 40px 0 0 0;
    }

    footer .inner {
        margin: 0 auto;
        max-width: 1060px;
    }

    footer .btns {
        padding: 50px;
        background: url(../img/bg_footer.jpg) no-repeat center 0;
        background-size: cover;
    }

    footer .btns .inner {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    footer .btns .inner .tel {
        margin-right: auto;
    }

    footer .btns .inner .tel a {
        margin: 0 0 10px 0;
        padding: 0 0 0 30px;
        color: #744A2E;
        font-family: 'Cormorant Infant', 'Cormorant';
        font-size: 2.9rem;
        background: url(../img/tel.png) no-repeat 0 center;
        background-size: 19px;
        display: block;
    }

    footer .btns .inner .tel p {
        color: #744A2E;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    footer .btns .inner .btn {
        margin: 0 0 0 20px;
        width: 25%;
        text-align: center;
        background: #ffffff;
        position: relative;
    }

    footer .btns .inner .btn a {
        padding: 20px 0 0 0;
        width: 100%;
        height: 100%;
        font-size: 1.6rem;
        line-height: 1.2;
        display: block;
    }

    footer .btns .inner .btn a span {
        font-size: 1.2rem;
        display: block;
    }

    footer .btns .inner .btn a:before {
        content: '';
        width: 98%;
        height: 94%;
        display: block;
        border: 1px #cccccc solid;
        position: absolute;
        top: 3%;
        left: 1%;
    }

    footer .btns .inner .btn.fair {
        margin: 0;
        background: #f8f8ee;
    }

    footer .btns .inner .btn.fair a {
        color: #744A2E;
    }

    footer .btns .inner .btn.fair a:before {
        border: 1px #744a2e solid;
    }

    footer .sp_utilities {
        display: none;
    }

    footer .flex {
        padding: 40px 0;
    }

    footer .flex .inner {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: space-between;
        -webkit-box-align: space-between;
        align-items: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    footer .flex .inner ul li {
        margin: 20px 0;
        font-size: 1.5rem;
        line-height: 1.2;
    }

    footer .flex .inner ul li ul {
        padding: 0 0 0 1rem;
    }

    footer .flex .inner ul li ul li {
        padding: 0 0 0 1.8rem;
        font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        font-size: 1.2rem;
        position: relative;
    }

    footer .flex .inner ul li ul li:before {
        content: '';
        width: 10px;
        height: 1px;
        background: #744A2E;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    /*
  footer .flex .inner ul li.recruit_link {}

  footer .flex .inner ul li ul.recruit_list {}
*/
    footer .flex .inner ul li.recruit_link ul.recruit_list li {
        margin: 10px 0 0 0;
        line-height: 1.1em;
    }


    footer .btm_area {
        padding: 40px 0;
        /*background: $key__color;*/
        background: #558154;
    }

    footer .btm_area .inner {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        vertical-align: middle;
    }

    footer .btm_area .inner .sns {
        margin-right: auto;
        vertical-align: middle;
    }

    footer .btm_area .inner .sns li {
        margin: 0 6px 0 0;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        display: inline-block;
    }

    footer .btm_area .inner .sns li img {
        max-height: 100%;
    }

    footer .btm_area .sns li.lineSend {
        display: none;
    }

    footer .btm_area .inner small {
        color: #ffffff;
    }

    #p2t {
        display: none;
    }

    #sp_btns {
        display: none;
    }
}

@media print,
screen and (min-width: 767px) and (max-width: 959px) {
    header nav .inner {
        padding: 25px 0 0 0;
    }

    header nav .inner .flex {
        padding: 0 15px;
    }

    header nav .inner .flex ul li {
        font-size: 1.4rem;
    }

    header nav .inner .flex ul li ul li {
        font-size: 1.2rem;
    }

    header nav .inner .btns .tel {
        font-size: 2.2rem;
    }

    footer {
        margin: 30px auto 0 auto;
    }

    footer .flex .inner {
        padding: 0 20px;
    }

    footer .flex .inner ul li {
        font-size: 1.2rem;
        letter-spacing: 0;
    }

    footer .btm_area {
        padding: 30px 20px;
    }
}

@media print,
screen and (max-width: 767px) {
    br.pc {
        display: none;
    }

    br.sp {
        display: block;
    }

    header .header_area {
        padding: 10px;
        background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(white 0%, rgba(255, 255, 255, 0) 100%);
    }

    header .header_area h1 {
        width: 60px;
    }

    header .header_area .tel {
        display: none;
    }

    header .header_area .btn {
        margin: -10px 10px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    header .header_area .btn a {
        padding: 5px 10px;
        color: #744A2E;
        font-size: 1rem;
        line-height: 1;
        text-align: center;
        border: 1px #744A2E solid;
        background: rgba(255, 255, 255, 0.8);
        display: block;
    }

    header .header_area .btn.fair {
        display: none;
    }

    header .header_area .menu_btn {
        width: 38px;
        height: 36px;
        border-radius: 3px;
        position: relative;
    }

    header .header_area .menu_btn span {
        position: absolute;
        z-index: 9;
        left: 0;
        width: 100%;
        height: 1px;
        -webkit-transition: .3s;
        transition: .3s;
        background-color: #744A2E;
    }

    header .header_area .menu_btn span:nth-child(1) {
        top: 5px;
    }

    header .header_area .menu_btn.active span:nth-child(1) {
        -webkit-transform: translateY(6px) rotate(-35deg);
        transform: translateY(6px) rotate(-35deg);
    }

    header .header_area .menu_btn span:nth-of-type(2) {
        top: 12px;
    }

    header .header_area .menu_btn.active span:nth-of-type(2) {
        opacity: 0;
    }

    header .header_area .menu_btn span:nth-of-type(3) {
        top: 19px;
    }

    header .header_area .menu_btn.active span:nth-of-type(3) {
        -webkit-transform: translateY(-8px) rotate(35deg);
        transform: translateY(-8px) rotate(35deg);
    }

    header .header_area .menu_btn small {
        position: absolute;
        font-size: .8rem;
        line-height: 1;
        bottom: 1px;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        text-align: center;
        color: #744A2E;
    }

    header nav {
        overflow-y: scroll;
    }

    header nav .inner {
        padding: 0 20px 20px 20px;
    }

    header nav .inner ul {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    header nav .inner ul li {
        font-size: 1.6rem;
        line-height: 1;
    }

    header nav .inner ul li a {
        padding: 20px 0;
        border-bottom: 1px #cccccc solid;
        display: block;
        position: relative;
    }

    header nav .inner ul li a br {
        display: none;
    }

    header nav .inner ul li a.plus:before {
        content: '';
        width: 1px;
        height: 10px;
        background: #000000;
        display: block;
        position: absolute;
        top: 50%;
        right: 9px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    header nav .inner ul li a.plus:after {
        content: '';
        width: 10px;
        height: 1px;
        background: #000000;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    header nav .inner ul li a.minus:before {
        display: none;
    }

    header nav .inner ul li a.minus:after {
        content: '';
        width: 10px;
        height: 1px;
        background: #000000;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    header nav .inner ul li>ul {
        display: none;
    }

    header nav .inner ul li>ul li a {
        text-indent: 1.8rem;
    }

    header nav .btns {
        margin: 20px 0 0 0;
        text-align: center;
    }

    header nav .btns a {
        margin: 0 0 10px 0;
        padding: 10px 0;
        color: #744A2E;
        font-size: 3rem;
        display: block;
    }

    header nav .btns a.btn {
        color: #ffffff;
        font-size: 1.9rem;
        line-height: 1.6;
        background: #A26740;
    }

    header nav .btns a.btn span {
        display: block;
    }

    header nav .btns a:first-child {
        padding-left: 30px;
        background: url(../img/tel.png) no-repeat 0 center;
        background-size: 20px;
        display: inline-block;
    }

    header nav .btns a:last-child {
        margin: 0;
    }

    header nav .info {
        padding: 10px;
        font-size: 1.2rem;
        line-height: 1.6;
    }

    footer {
        margin: 25px auto 0 auto;
        padding: 0 0 70px 0;
    }

    footer .btns .tel {
        margin: 0 0 15px 0;
        padding: 20px 0;
        text-align: center;
        background: url(../img/bg_footer.jpg) no-repeat center 0;
    }

    footer .btns .tel a {
        margin: 0 0 6px 0;
        padding: 0 0 0 18px;
        color: #744A2E;
        font-size: 2rem;
        background: url(../img/tel.png) no-repeat 0 center;
        background-size: 12px;
        display: inline-block;
    }

    footer .btns .tel p {
        color: #744A2E;
        font-size: 1rem;
        line-height: 1.4;
    }

    footer .btns .btn {
        margin: 0 auto;
        width: 70%;
        text-align: center;
        background: #ffffff;
        position: relative;
    }

    footer .btns .btn a {
        padding: 15px 0;
        width: 100%;
        height: 100%;
        font-size: 1.4rem;
        line-height: 1.4;
        display: block;
    }

    footer .btns .btn a span {
        font-size: 1rem;
        display: block;
    }

    footer .btns .btn a:before {
        content: '';
        width: 98%;
        height: 94%;
        display: block;
        border: 1px #cccccc solid;
        position: absolute;
        top: 3%;
        left: 1%;
    }

    footer .btns .btn.fair {
        margin: 0 auto 10px auto;
        background: #f8f8ee;
    }

    footer .btns .btn.fair a {
        color: #744A2E;
    }

    footer .btns .btn.fair a:before {
        border: 1px #744a2e solid;
    }

    footer .sp_utilities {
        margin: 25px 0 20px 0;
    }

    footer .sp_utilities ul {
        margin: 0 auto;
        padding: 0 0 20px 0;
        width: 85%;
        text-align: center;
        border-bottom: 1px #cccccc solid;
    }

    footer .sp_utilities ul li {
        display: inline-block;
    }

    footer .sp_utilities ul li:last-child:before {
        margin: 0 10px;
        content: '|';
    }

    footer .flex {
        display: none;
    }

    /*
  footer .btm_area .sns {
    display: none;
  }
*/

    footer .btm_area .sns {
        width: 68%;
        margin: 0 auto;
        padding: 1.0rem 0 3.4rem 0;
        text-align: center;
    }

    footer .btm_area .sns li {
        width: 12%;
        display: inline-block;
        text-align: center;
    }

    footer .btm_area .sns li img {
        width: auto;
        height: 22px;
    }

    footer .btm_area .sns li.lineSend {
        width: auto;
        display: block;
        padding: 0 0 2.6rem 0;
    }

    footer .btm_area .sns li.lineSend a {
        width: 100%;
        height: 36px;
        display: block;
        line-height: 36px;
        color: #fff;
        background: #00B900 url(../img/ico_line.png) no-repeat 15px 48%;
        ;
        background-size: 22px auto;
        -webkit-background-size: 22px auto;
        /* Safari,Google Chrome */
        -moz-background-size: 22px auto;
        /* Firefox */
        -o-background-size: 22px auto;
        /* Opera */
    }

    footer .btm_area .sns li.lineSend a span {
        width: auto;
        font-size: 13px;
    }


    footer .btm_area small {
        text-align: center;
        display: block;
    }

    #p2t {
        width: 35px;
        position: fixed;
        bottom: 57px;
        right: 6px;
    }

    #sp_btns {
        background: #744A2E;
        position: fixed;
        bottom: 0;
        z-index: 10;
    }

    #sp_btns ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #sp_btns ul li {
        padding: 10px 0;
        width: calc(100vw / 3);
        font-size: 1rem;
        line-height: 1.4;
        text-align: center;
        border-right: 1px #ffffff solid;
    }

    #sp_btns ul li:last-child {
        border: 0;
    }

    #sp_btns ul li a {
        width: 100%;
        height: 100%;
        color: #ffffff;
        vertical-align: middle;
    }

    #sp_btns ul li a span {
        font-size: .8rem;
        display: block;
    }

    #sp_btns ul li a img {
        width: 10px;
    }
}

p.nodata {
    text-align: center;
}

@media print,
screen and (min-width: 768px) {
    .index__content #key {
        margin: 0 0 70px 0;
        position: relative;
        height: 100vh;
        overflow: hidden;
    }

    .index__content #key h2 {
        width: 100%;
        color: #ffffff;
        font-size: 2.8rem;
        line-height: 1.6;
        text-align: center;
        text-shadow: 0px 0px 10px #000;
        -moz-text-shadow: 0px 0px 10px #000;
        -webkit-text-shadow: 0px 0px 10px #000;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .index__content #key h2 span {
        font-size: 1.6rem;
        display: block;
    }

    .index__content #key ul {
        height: 100%;
    }

    .index__content #key ul li {
        height: 100vh;
        background-repeat: repeat;
        background-position: center center;
        background-size: cover;
    }

    .index__content #key ul li img {
        opacity: 0;
    }

    .index__content #key .gradient {
        width: 100%;
        height: 40vh;
        background: red;
        position: absolute;
        top: 0;
        left: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 100%);
    }

    .index__content #key .scroll {
        width: 14px;
        position: absolute;
        bottom: 70px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .index__content #key .slick-dots {
        height: 10px;
        position: absolute;
        bottom: 40px;
    }

    .index__content #key .slick-dots li {
        height: 10px;
    }

    .index__content h3 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .index__content h3:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .index__content h3 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .index__content .title {
        margin: 0 0 40px 0;
        color: #868686;
        font-size: 1.3rem;
        text-align: center;
    }

    .index__content .btn_list {
        margin: 50px auto 0;
        padding: 14px 85px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #744A2E solid;
        display: inline-block;
    }

    .index__content .btn_detail {
        margin: 30px auto 0;
        padding: 12px 10px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: inline-block;
    }

    .index__content .slick-slide img {
        -webkit-transition: .3s;
        transition: .3s;
    }

    .index__content .slick-slide:hover img {
        opacity: .5;
    }

    .index__content .block_pickup {
        margin: 0 0 80px 0;
        text-align: center;
    }

    .index__content .block_pickup ul {
        width: 100%;
        max-width: 1090px;
        padding: 0 5px;
        margin: 0 auto;
    }

    .index__content .block_pickup ul li {
        margin: 0 15px;
    }

    .index__content .block_pickup ul li a {
        outline: none;
    }

    .index__content .block_pickup ul li figure {
        margin: 0 0 20px 0;
        overflow: hidden;
        position: relative;
        padding-top: 64%;
    }

    .index__content .block_pickup ul li figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .index__content .block_pickup ul li dl {
        padding: 0 15px;
        text-align: left;
    }

    .index__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        text-align: center;
    }

    .index__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.3rem;
        line-height: 1.5;
        text-align: center;
    }

    .index__content .block_topics {
        margin: 0 0 80px 0;
        text-align: center;
    }

    .index__content .block_topics ul {
        width: 100%;
        max-width: 1090px;
        margin: 0 auto;
    }

    .index__content .block_topics ul li {
        margin: 0 20px;
    }

    .index__content .block_topics ul li a {
        outline: none;
    }

    .index__content .block_topics ul li figure {
        margin: 0 0 20px 0;
        overflow: hidden;
        position: relative;
        padding-top: 45%;
    }

    .index__content .block_topics ul li figure img {
        position: absolute;
        left: 50%;
        top: 50%;
        max-width: none;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .index__content .block_topics ul li figure:after {
        content: '';
        width: 98%;
        height: 98%;
        border: 1px #ffffff solid;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .index__content .block_topics ul li p {
        color: #888;
        font-size: 2rem;
        line-height: 1.5;
    }

    .index__content .block_concept {
        margin: 0 0 120px 0;
        text-align: center;
    }

    .index__content .block_concept .inner {
        height: 417px;
        padding: 90px 0 0 0;
        background: url(../img/concept.jpg) repeat-x 0 0;
        -webkit-animation: bgroop 500s linear infinite;
        animation: bgroop 500s linear infinite;
    }

    .index__content .block_concept .inner h4 {
        margin: 0 0 20px 0;
        color: #202020;
        font-size: 2.6rem;
        line-height: 1.7;
    }

    .index__content .block_concept .inner p {
        font-size: 1.4rem;
        line-height: 1.7;
    }

    .index__content .block_concept .inner a {
        margin: 20px auto 0;
    }

    @-webkit-keyframes bgroop {
        from {
            background-position: 0 0;
        }

        to {
            background-position: -10720px 0;
        }
    }

    @keyframes bgroop {
        from {
            background-position: 0 0;
        }

        to {
            background-position: -10720px 0;
        }
    }

    .index__content .block_ceremony {
        margin: 0 0 120px 0;
        text-align: center;
    }

    .index__content .block_ceremony .catch {
        margin: -10px 0 20px 0;
        color: #202020;
        font-size: 2.1rem;
    }

    .index__content .block_ceremony .desc {
        margin: 0 0 60px 0;
        font-size: 1.4rem;
        line-height: 1.7;
    }

    .index__content .block_ceremony ul {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .index__content .block_ceremony ul li {
        width: 33.33%;
    }

    .index__content .block_ceremony ul li a {
        outline: none;
    }

    .index__content .block_ceremony ul li img {
        width: 100%;
        height: auto;
        margin: 0 0 30px 0;
    }

    .index__content .block_ceremony ul li img.img_pc {
        display: block;
    }

    .index__content .block_ceremony ul li img.img_sp {
        display: none;
    }

    .index__content .block_ceremony ul li dl dt {
        margin: 0 0 10px 0;
        color: #212121;
        font-size: 2.1rem;
    }

    .index__content .block_ceremony ul li dl dd {
        margin: 0 0 15px 0;
        color: #878787;
        font-size: 1.2rem;
    }

    .index__content .block_ceremony ul li p {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_venue {
        text-align: center;
        background: #f8f8f5;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .index__content .block_venue .box_txt {
        width: 50%;
        padding: 20px;
    }

    .index__content .block_venue .box_txt .catch {
        margin: 0 0 20px 0;
        color: #202020;
        font-size: 2.1rem;
    }

    .index__content .block_venue .box_txt .desc {
        font-size: 1.4rem;
        line-height: 1.7;
    }

    .index__content .block_venue .box_txt a {
        margin: 30px auto 0;
    }

    .index__content .block_venue .box_image {
        width: 50%;
    }

    .index__content .block_venue .box_image ul.col4 {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .index__content .block_venue .box_image ul.col4 li {
        width: 50%;
    }

    .index__content .block_venue .box_image ul.col4 li a {
        display: block;
        position: relative;
    }

    .index__content .block_venue .box_image ul.col4 li a .inner {
        color: #fff;
        width: calc(100% - 14px);
        height: calc(100% - 14px);
        background: rgba(85, 129, 84, 0.8);
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 7px;
        left: 7px;
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .index__content .block_venue .box_image ul.col4 li a .inner dl {
        width: 100%;
    }

    .index__content .block_venue .box_image ul.col4 li a .inner dl dt {
        margin: 0 0 10px 0;
        font-size: 2.2rem;
    }

    .index__content .block_venue .box_image ul.col4 li a .inner dl dd {
        margin: 0 0 10px 0;
        font-size: 1.2rem;
    }

    .index__content .block_venue .box_image ul.col4 li a .inner p.txt {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_venue .box_image ul.col4 li a .inner p.btn_detail {
        margin: 30px auto 0;
        padding: 12px 10px;
        color: #fff;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #fff solid;
        display: inline-block;
    }

    .index__content .block_venue .box_image ul.col4 li a:hover {
        opacity: 1;
    }

    .index__content .block_venue .box_image ul.col4 li a:hover div {
        opacity: 1;
    }

    .index__content .block_venue .box_image ul.col3 {
        width: 100%;
    }

    .index__content .block_venue .box_image ul.col3 li {
        height: 200px;
        overflow: hidden;
    }

    .index__content .block_venue .box_image ul.col3 li a {
        display: block;
        position: relative;
    }

    .index__content .block_venue .box_image ul.col3 li a figure {
        overflow: hidden;
        position: relative;
        padding-top: 50%;
    }

    .index__content .block_venue .box_image ul.col3 li a figure img {
        position: absolute;
        left: 50%;
        top: 50%;
        max-width: none;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .index__content .block_venue .box_image ul.col3 li a .inner {
        color: #fff;
        width: calc(100% - 14px);
        height: calc(200px - 14px);
        background: rgba(85, 129, 84, 0.8);
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 7px;
        left: 7px;
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .index__content .block_venue .box_image ul.col3 li a .inner dl {
        width: 100%;
    }

    .index__content .block_venue .box_image ul.col3 li a .inner dl dt {
        margin: 0 0 10px 0;
        font-size: 2.2rem;
    }

    .index__content .block_venue .box_image ul.col3 li a .inner dl dd {
        margin: 0 0 10px 0;
        font-size: 1.2rem;
    }

    .index__content .block_venue .box_image ul.col3 li a .inner p.txt {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_venue .box_image ul.col3 li a .inner p.btn_detail {
        margin: 30px auto 0;
        padding: 12px 10px;
        color: #fff;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #fff solid;
        display: inline-block;
    }

    .index__content .block_venue .box_image ul.col3 li a:hover {
        opacity: 1;
    }

    .index__content .block_venue .box_image ul.col3 li a:hover div {
        opacity: 1;
    }

    .index__content .block_venue .box_image ul.col2 {
        width: 100%;
    }

    .index__content .block_venue .box_image ul.col2 li {
        height: 300px;
        overflow: hidden;
    }

    .index__content .block_venue .box_image ul.col2 li a {
        display: block;
        position: relative;
    }

    .index__content .block_venue .box_image ul.col2 li a figure {
        overflow: hidden;
        position: relative;
        padding-top: 55%;
    }

    .index__content .block_venue .box_image ul.col2 li a figure img {
        position: absolute;
        left: 50%;
        top: 50%;
        max-width: none;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .index__content .block_venue .box_image ul.col2 li a .inner {
        color: #fff;
        width: calc(100% - 14px);
        height: calc(300px - 14px);
        background: rgba(85, 129, 84, 0.8);
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 7px;
        left: 7px;
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .index__content .block_venue .box_image ul.col2 li a .inner dl {
        width: 100%;
    }

    .index__content .block_venue .box_image ul.col2 li a .inner dl dt {
        margin: 0 0 10px 0;
        font-size: 2.2rem;
    }

    .index__content .block_venue .box_image ul.col2 li a .inner dl dd {
        margin: 0 0 10px 0;
        font-size: 1.2rem;
    }

    .index__content .block_venue .box_image ul.col2 li a .inner p.txt {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_venue .box_image ul.col2 li a .inner p.btn_detail {
        margin: 30px auto 0;
        padding: 12px 10px;
        color: #fff;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #fff solid;
        display: inline-block;
    }

    .index__content .block_venue .box_image ul.col2 li a:hover {
        opacity: 1;
    }

    .index__content .block_venue .box_image ul.col2 li a:hover div {
        opacity: 1;
    }

    .index__content .block_venue .box_image ul {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .index__content .block_venue .box_image ul li {
        width: 100%;
    }

    .index__content .block_venue .box_image ul li figure img {
        width: 100%;
    }

    .index__content .block_venue .box_image ul li figure img.img_pc {
        display: block;
    }

    .index__content .block_venue .box_image ul li figure img.img_sp {
        display: none;
    }

    .index__content .block_venue .box_image ul li a {
        display: block;
        position: relative;
    }

    .index__content .block_venue .box_image ul li a .inner {
        color: #fff;
        width: calc(100% - 14px);
        height: calc(100% - 14px);
        background: rgba(85, 129, 84, 0.8);
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 7px;
        left: 7px;
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .index__content .block_venue .box_image ul li a .inner dl {
        width: 100%;
    }

    .index__content .block_venue .box_image ul li a .inner dl dt {
        margin: 0 0 10px 0;
        font-size: 2.2rem;
    }

    .index__content .block_venue .box_image ul li a .inner dl dd {
        margin: 0 0 10px 0;
        font-size: 1.2rem;
    }

    .index__content .block_venue .box_image ul li a .inner p.txt {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_venue .box_image ul li a .inner p.btn_detail {
        margin: 30px auto 0;
        padding: 12px 10px;
        color: #fff;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #fff solid;
        display: inline-block;
    }

    .index__content .block_venue .box_image ul li a:hover {
        opacity: 1;
    }

    .index__content .block_venue .box_image ul li a:hover div {
        opacity: 1;
    }

    .index__content .block_cuisine {
        text-align: center;
        background: #f8f8f5;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .index__content .block_cuisine .box_txt {
        width: 50%;
        padding: 20px;
        background: #f8f8f5;
    }

    .index__content .block_cuisine .box_txt img {
        display: none;
    }

    .index__content .block_cuisine .box_txt .catch {
        margin: 0 0 20px 0;
        color: #202020;
        font-size: 2.1rem;
    }

    .index__content .block_cuisine .box_txt .desc {
        font-size: 1.4rem;
        line-height: 1.7;
    }

    .index__content .block_cuisine .box_txt a {
        margin: 30px auto 0;
    }

    .index__content .block_cuisine .box_image {
        width: 50%;
    }

    .index__content .block_dress {
        text-align: center;
        background: #f8f8f5;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .index__content .block_dress.sp {
        display: none;
    }

    .index__content .block_dress .box_txt {
        width: 50%;
        padding: 20px;
        background: #f8f8f5;
    }

    .index__content .block_dress .box_txt img {
        display: none;
    }

    .index__content .block_dress .box_txt .catch {
        margin: 0 0 18px 0;
        color: #202020;
        font-size: 2.1rem;
        line-height: 1.6;
    }

    .index__content .block_dress .box_txt .desc {
        font-size: 1.4rem;
        line-height: 1.7;
    }

    .index__content .block_dress .box_txt a {
        margin: 30px auto 0;
    }

    .index__content .block_dress .box_image {
        width: 50%;
    }

    .index__content .block_fair {
        width: 100%;
        margin: 0 0 60px 0;
        padding: 60px 0;
        text-align: center;
        background: url(../img/bg_fair.jpg) no-repeat center center/cover;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .index__content .block_fair h3 {
        margin: 0 0 10px 0;
    }

    .index__content .block_fair h3:after {
        display: none;
    }

    .index__content .block_fair .title {
        margin: 0 0 30px 0;
    }

    .index__content .block_fair .title:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .index__content .block_fair .pickup {
        width: 50%;
        padding: 0 5%;
        border-right: 1px solid #aaa;
    }

    .index__content .block_fair .pickup .slick-arrow {
        display: none !important;
    }

    .index__content .block_fair .pickup a {
        outline: none;
    }

    .index__content .block_fair .pickup figure {
        margin: 0 0 20px 0;
        overflow: hidden;
        position: relative;
        padding-top: 50%;
    }

    .index__content .block_fair .pickup figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .index__content .block_fair .pickup dl dt {
        margin: 0 0 5px 0;
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_fair .pickup dl dd {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_fair .calendar {
        width: 50%;
        padding: 0 5%;
    }

    .index__content .block_fair .calendar ul {
        margin: 0 0 25px 0;
        padding: 0 5%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .index__content .block_fair .calendar ul.sp {
        display: none;
    }

    .index__content .block_fair .calendar ul li.prev {
        margin: 10px 0 0 0;
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        position: relative;
    }

    .index__content .block_fair .calendar ul li.prev span {
        font-size: 1.7rem;
    }

    .index__content .block_fair .calendar ul li.prev:after {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        width: 10px;
        height: 10px;
        border-left: 1px solid #744A2E;
        border-bottom: 1px solid #744A2E;
        -webkit-transform: rotate(45deg) translate(-50%, -50%);
        transform: rotate(45deg) translate(-50%, -50%);
    }

    .index__content .block_fair .calendar ul li.next {
        margin: 10px 0 0 0;
        padding: 0 15px 0 0;
        font-size: 1.2rem;
        position: relative;
    }

    .index__content .block_fair .calendar ul li.next span {
        font-size: 1.7rem;
    }

    .index__content .block_fair .calendar ul li.next:after {
        content: "";
        position: absolute;
        right: 0;
        top: 10px;
        width: 10px;
        height: 10px;
        border-top: 1px solid #744A2E;
        border-right: 1px solid #744A2E;
        -webkit-transform: rotate(45deg) translate(-50%, -50%);
        transform: rotate(45deg) translate(-50%, -50%);
    }

    .index__content .block_fair .calendar ul li.current {
        padding: 0 10px;
        font-size: 1.4rem;
    }

    .index__content .block_fair .calendar ul li.current span {
        font-size: 3rem;
    }

    .index__content .block_fair .calendar table {
        width: 100%;
    }

    .index__content .block_fair .calendar table th:nth-child(6),
    .index__content .block_fair .calendar table td:nth-child(6) a {
        color: #0059b2;
    }

    .index__content .block_fair .calendar table th:nth-child(7),
    .index__content .block_fair .calendar table td:nth-child(7) a,
    .index__content .block_fair .calendar table td.holiday a,
    .index__content .block_fair .calendar table td.holiday {
        color: #d90000;
    }

    .index__content .block_fair .calendar table th {
        padding: 15px 0;
        font-size: 1.2rem;
    }

    .index__content .block_fair .calendar table td {
        padding: 15px 0;
        font-size: 1.6rem;
    }

    .index__content .block_fair .calendar table td a {
        text-decoration: underline;
    }

    .index__content .block_plan {
        margin: 0 0 80px 0;
        text-align: center;
    }

    .index__content .block_plan ul {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
    }

    .index__content .block_plan ul li {
        margin: 0 20px;
    }

    .index__content .block_plan ul li a {
        outline: none;
    }

    .index__content .block_plan ul li figure {
        margin: 0 0 20px 0;
        overflow: hidden;
        position: relative;
        padding-top: 68%;
    }

    .index__content .block_plan ul li figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .index__content .block_plan ul li dl dt {
        margin: 0 0 10px 0;
        color: #A26740;
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_plan ul li dl dd {
        font-size: 1.6rem;
    }

    .index__content .block_plan ul li p {
        display: none;
    }

    .index__content .block_link {
        margin: 0 0 80px 0;
        text-align: center;
    }

    .index__content .block_link ul {
        width: 100%;
        max-width: 1090px;
        margin: 0 auto;
        padding: 0 20px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .index__content .block_link ul li {
        width: 49.5%;
    }

    .index__content .block_link ul li:nth-child(2n) {
        margin: 0 0 0 1%;
    }

    .index__content .block_link ul li img {
        width: 100%;
        height: auto;
        margin: 0 0 30px 0;
    }

    .index__content .block_link ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 2rem;
    }

    .index__content .block_link ul li dl dd {
        margin: 0 0 20px 0;
        color: #888;
        font-size: 1.2rem;
    }

    .index__content .block_link ul li p.txt {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_link ul li p.btn_detail {
        -webkit-transition: .3s;
        transition: .3s;
    }

    .index__content .block_link ul li p.btn_detail:hover {
        opacity: .5;
    }

    .index__content .block_banner {
        margin: 0 0 80px 0;
        text-align: center;
    }

    .index__content .block_banner ul {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .index__content .block_banner ul li {
        width: 33.33%;
        margin: 0 0 0 2%;
    }

    .index__content .block_banner ul li:first-child {
        margin: 0;
    }

    .index__content .block_banner ul li img {
        width: 100%;
        height: auto;
    }
}

@media print,
screen and (max-width: 767px) {
    .index__content #key {
        height: 70vh;
        overflow: hidden;
        position: relative;
    }

    .index__content #key h2 {
        width: 100%;
        color: #ffffff;
        font-size: 1.8rem;
        line-height: 1.6;
        text-align: center;
        text-shadow: 0px 0px 10px #000;
        -moz-text-shadow: 0px 0px 10px #000;
        -webkit-text-shadow: 0px 0px 10px #000;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .index__content #key h2 span {
        font-size: 1.2rem;
        display: block;
    }

    .index__content #key ul {
        height: 100%;
    }

    .index__content #key ul li {
        height: 70vh;
        background-repeat: repeat;
        background-position: center center;
        background-size: cover;
    }

    .index__content #key ul li img {
        opacity: 0;
    }

    .index__content #key .gradient {
        width: 100%;
        height: 30vh;
        background: red;
        position: absolute;
        top: 0;
        left: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 100%);
    }

    .index__content #key .scroll {
        display: none;
    }

    .index__content #key .slick-dots {
        height: 10px;
        position: absolute;
        bottom: 15px;
    }

    .index__content #key .slick-dots li {
        height: 10px;
    }

    .index__content h3 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .index__content h3:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .index__content h3 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .index__content .title {
        margin: 0 0 20px 0;
        color: #868686;
        font-size: 1.1rem;
        text-align: center;
    }

    .index__content .catch {
        font-size: 1.6rem;
        line-height: 2;
        text-align: center;
    }

    .index__content .btn_list {
        margin: 25px auto 0;
        padding: 13px 0;
        width: 50%;
        color: #744A2E;
        font-size: 1rem;
        line-height: 1;
        text-align: center;
        border: 1px #744A2E solid;
        display: inline-block;
    }

    .index__content .btn_detail {
        margin: 25px auto 0;
        padding: 13px 0;
        width: 50%;
        color: #744A2E;
        font-size: 1rem;
        line-height: 1;
        text-align: center;
        border: 1px #744A2E solid;
        display: inline-block;
    }

    .index__content .slick-slide img {
        -webkit-transition: .3s;
        transition: .3s;
    }

    .index__content .slick-slide:hover img {
        opacity: .5;
    }

    .index__content .block_pickup {
        padding: 40px 30px;
        text-align: center;
    }

    .index__content .block_pickup ul {
        width: 100%;
        margin: 0 auto;
    }

    .index__content .block_pickup ul li {
        padding: 0 5px;
    }

    .index__content .block_pickup ul li a {
        outline: none;
    }

    .index__content .block_pickup ul li figure {
        margin: 0 0 15px 0;
        padding-top: 72%;
        overflow: hidden;
        position: relative;
        border: 5px solid #fff;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .index__content .block_pickup ul li figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .index__content .block_pickup ul li dl {
        text-align: left;
    }

    .index__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        text-align: center;
    }

    .index__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.3rem;
        line-height: 1.5;
        text-align: center;
    }

    .index__content .block_pickup .slick-next {
        top: 35%;
    }

    .index__content .block_pickup .slick-prev {
        top: 35%;
    }

    .index__content .block_topics {
        padding: 40px 30px;
        text-align: center;
        background: #f8f8f6;
    }

    .index__content .block_topics ul {
        width: 100%;
    }

    .index__content .block_topics ul li {
        padding: 5px;
    }

    .index__content .block_topics ul li a {
        outline: none;
    }

    .index__content .block_topics ul li figure {
        margin: 0 0 20px 0;
        padding-top: 72%;
        overflow: hidden;
        position: relative;
        border: 5px solid #fff;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .index__content .block_topics ul li figure img {
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .index__content .block_topics ul li p {
        color: #888;
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .index__content .block_topics .slick-next {
        top: 35%;
    }

    .index__content .block_topics .slick-prev {
        top: 35%;
    }

    .index__content .block_concept {
        padding: 40px 0 0 0;
        text-align: center;
    }

    .index__content .block_concept .inner {
        padding: 20px 10px 50px 10px;
        background: url(../img/concept_sp.jpg) no-repeat center top/cover;
    }

    .index__content .block_concept .inner h4 {
        margin: 0 0 20px 0;
        color: #202020;
        font-size: 1.6rem;
        line-height: 1.7;
    }

    .index__content .block_concept .inner p {
        margin: 0 0 5px 0;
        font-size: 1.2rem;
        line-height: 1.7;
        letter-spacing: 1px;
    }

    .index__content .block_ceremony {
        padding: 40px 0;
        text-align: center;
    }

    .index__content .block_ceremony .catch {
        margin: 0 10px 20px 10px;
        color: #202020;
        font-size: 1.6rem;
    }

    .index__content .block_ceremony .desc {
        margin: 0 10px 20px 10px;
        font-size: 1.2rem;
        line-height: 1.7;
        display: none;
    }

    .index__content .block_ceremony ul {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .index__content .block_ceremony ul li {
        width: 33.33%;
    }

    .index__content .block_ceremony ul li a {
        outline: none;
    }

    .index__content .block_ceremony ul li img {
        width: 100%;
        height: auto;
        margin: 0 0 30px 0;
    }

    .index__content .block_ceremony ul li img.img_pc {
        display: none;
    }

    .index__content .block_ceremony ul li img.img_sp {
        display: block;
    }

    .index__content .block_ceremony ul li dl dt {
        margin: 0 0 10px 0;
        color: #212121;
        font-size: 1.8rem;
    }

    .index__content .block_ceremony ul li dl dd {
        margin: 0 0 15px 0;
        color: #878787;
        font-size: 1.2rem;
    }

    .index__content .block_ceremony ul li p {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_venue {
        padding: 40px 0;
        text-align: center;
        background: #f8f8f5;
    }

    .index__content .block_venue .box_txt {
        padding: 0 20px 30px 20px;
    }

    .index__content .block_venue .box_txt .catch {
        margin: 0 0 20px 0;
        color: #202020;
        font-size: 1.6rem;
    }

    .index__content .block_venue .box_txt .desc {
        font-size: 1.2rem;
        line-height: 1.7;
        display: none;
    }

    .index__content .block_venue .box_txt a {
        margin: 0 auto;
    }

    .index__content .block_venue .box_image ul li a {
        display: block;
        position: relative;
        outline: none;
    }

    .index__content .block_venue .box_image ul li a img {
        width: 100%;
        height: auto;
    }

    .index__content .block_venue .box_image ul li a img.img_pc {
        display: none;
    }

    .index__content .block_venue .box_image ul li a img.img_sp {
        display: block;
    }

    .index__content .block_venue .box_image ul li a .inner {
        margin: 20px 0 0 0;
    }

    .index__content .block_venue .box_image ul li a .inner dl {
        width: 100%;
    }

    .index__content .block_venue .box_image ul li a .inner dl dt {
        margin: 0 0 10px 0;
        font-size: 1.8rem;
    }

    .index__content .block_venue .box_image ul li a .inner dl dd {
        margin: 0 0 10px 0;
        font-size: 1.2rem;
    }

    .index__content .block_venue .box_image ul li a .inner p.txt {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .index__content .block_venue .box_image ul li a:hover {
        opacity: 1;
    }

    .index__content .block_venue .box_image ul li a:hover div {
        opacity: 1;
    }

    .index__content .block_cuisine {
        padding: 40px 0;
        text-align: center;
    }

    .index__content .block_cuisine .box_txt img {
        margin: 0 0 20px 0;
    }

    .index__content .block_cuisine .box_txt .catch {
        margin: 0 20px 20px 20px;
        color: #202020;
        font-size: 1.6rem;
    }

    .index__content .block_cuisine .box_txt .desc {
        margin: 0 20px;
        font-size: 1.2rem;
        line-height: 1.7;
    }

    .index__content .block_cuisine .box_txt a {
        margin: 30px auto 0;
    }

    .index__content .block_cuisine .box_image {
        display: none;
    }

    .index__content .block_dress {
        padding: 40px 0;
        text-align: center;
    }

    .index__content .block_dress.pc {
        display: none;
    }

    .index__content .block_dress.sp {
        display: block;
    }

    .index__content .block_dress .box_txt img {
        margin: 0 0 20px 0;
    }

    .index__content .block_dress .box_txt .catch {
        margin: 0 20px 20px 20px;
        color: #202020;
        font-size: 1.6rem;
    }

    .index__content .block_dress .box_txt .desc {
        margin: 0 20px;
        font-size: 1.2rem;
        line-height: 1.7;
    }

    .index__content .block_dress .box_txt a {
        margin: 30px auto 0;
    }

    .index__content .block_dress .box_image {
        display: none;
    }

    .index__content .block_fair {
        width: 100%;
        padding: 40px 0;
        text-align: center;
        background: #f8f8f5;
    }

    .index__content .block_fair .pickup {
        padding: 0 30px 50px 30px;
    }

    .index__content .block_fair .pickup ul {
        width: 100%;
    }

    .index__content .block_fair .pickup ul li {
        padding: 0 5px;
    }

    .index__content .block_fair .pickup ul li a {
        outline: none;
    }

    .index__content .block_fair .pickup ul li figure {
        margin: 0 0 20px 0;
        padding-top: 72%;
        overflow: hidden;
        position: relative;
        border: 5px solid #fff;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .index__content .block_fair .pickup ul li figure img {
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .index__content .block_fair .pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .index__content .block_fair .pickup ul li dl dd {
        font-size: 1.2rem;
        line-height: 1.5;
        text-align: left;
    }

    .index__content .block_fair .pickup .slick-next {
        top: 35%;
    }

    .index__content .block_fair .pickup .slick-prev {
        top: 35%;
    }

    .index__content .block_fair .calendar {
        margin: 0 20px;
    }

    .index__content .block_fair .calendar ul.pc li em {
        display: none;
    }

    .index__content .block_fair .calendar ul.pc li.next {
        display: none;
    }

    .index__content .block_fair .calendar ul.pc li.prev {
        display: none;
    }

    .index__content .block_fair .calendar ul.pc li.current {
        color: #A26740;
        font-size: 1.2rem;
    }

    .index__content .block_fair .calendar ul.pc li.current span {
        font-size: 2rem;
    }

    .index__content .block_fair .calendar ul.sp {
        padding: 10px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .index__content .block_fair .calendar ul.sp li.prev {
        margin: 5px 0 0 0;
        padding: 0 0 0 15px;
        color: #744A2E;
        font-size: 1rem;
        position: relative;
    }

    .index__content .block_fair .calendar ul.sp li.prev span {
        font-size: 1.4rem;
    }

    .index__content .block_fair .calendar ul.sp li.prev:after {
        content: "";
        position: absolute;
        left: 4px;
        top: 8px;
        width: 8px;
        height: 8px;
        border-left: 1px solid #744A2E;
        border-bottom: 1px solid #744A2E;
        -webkit-transform: rotate(45deg) translate(-50%, -50%);
        transform: rotate(45deg) translate(-50%, -50%);
    }

    .index__content .block_fair .calendar ul.sp li.next {
        margin: 5px 0 0 0;
        padding: 0 15px 0 0;
        color: #744A2E;
        font-size: 1rem;
        position: relative;
    }

    .index__content .block_fair .calendar ul.sp li.next span {
        font-size: 1.4rem;
    }

    .index__content .block_fair .calendar ul.sp li.next:after {
        content: "";
        position: absolute;
        right: 4px;
        top: 8px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #744A2E;
        border-right: 1px solid #744A2E;
        -webkit-transform: rotate(45deg) translate(-50%, -50%);
        transform: rotate(45deg) translate(-50%, -50%);
    }

    .index__content .block_fair .calendar ul.sp li.current {
        padding: 0 10px;
        font-size: 1.2rem;
        display: none;
    }

    .index__content .block_fair .calendar ul.sp li.current span {
        font-size: 2rem;
    }

    .index__content .block_fair .calendar table {
        width: 100%;
    }

    .index__content .block_fair .calendar table th:nth-child(6),
    .index__content .block_fair .calendar table td:nth-child(6) a {
        color: #0059b2;
    }

    .index__content .block_fair .calendar table th:nth-child(7),
    .index__content .block_fair .calendar table td:nth-child(7) a,
    .index__content .block_fair .calendar table td.holiday a,
    .index__content .block_fair .calendar table td.holiday {
        color: #d90000;
    }

    .index__content .block_fair .calendar table th {
        padding: 15px 0;
        font-size: 1.2rem;
    }

    .index__content .block_fair .calendar table td {
        padding: 10px 0;
        font-size: 1.6rem;
    }

    .index__content .block_fair .calendar table td a {
        text-decoration: underline;
    }

    .index__content .block_plan {
        padding: 40px 30px;
        text-align: center;
    }

    .index__content .block_plan ul {
        width: 100%;
    }

    .index__content .block_plan ul li {
        padding: 5px;
    }

    .index__content .block_plan ul li a {
        outline: none;
    }

    .index__content .block_plan ul li figure {
        margin: 0 0 20px 0;
        padding-top: 72%;
        overflow: hidden;
        position: relative;
        border: 5px solid #fff;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .index__content .block_plan ul li figure img {
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .index__content .block_plan ul li dl dt {
        margin: 0 0 10px 0;
        color: #A26740;
        font-size: 1.3rem;
        line-height: 1.5;
        text-align: left;
    }

    .index__content .block_plan ul li dl dd {
        color: #A26740;
        font-size: 1.6rem;
        text-align: left;
    }

    .index__content .block_plan ul li .stroke {
        margin: 10px 0 0 0;
        padding: 5px 12px;
        color: #A26740;
        font-size: 1.3rem;
        text-align: left;
        border: 1px #A26740 solid;
        display: table;
    }

    .index__content .block_plan ul li .txt {
        margin: 15px 0 0 0;
        padding: 15px 0 0 0;
        font-size: 1.2rem;
        line-height: 1.6;
        text-align: left;
        border-top: 1px #dddddd solid;
    }

    .index__content .block_link {
        text-align: center;
    }

    .index__content .block_link ul {
        width: 100%;
        padding: 40px 20px 10px 20px;
    }

    .index__content .block_link ul li {
        margin: 0 0 30px 0;
    }

    .index__content .block_link ul li img {
        width: 100%;
        height: auto;
    }

    .index__content .block_link ul li .inner {
        margin: -25px 20px 0 20px;
        padding: 15px 10px 20px 10px;
        background: #f8f8f6;
        position: relative;
        z-index: 2;
    }

    .index__content .block_link ul li .inner dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.6rem;
    }

    .index__content .block_link ul li .inner dl dd {
        margin: 0 0 20px 0;
        color: #888;
        font-size: 1.2rem;
    }

    .index__content .block_link ul li .inner p.txt {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .index__content .block_banner {
        padding: 0 20px 20px;
        text-align: center;
    }

    .index__content .block_banner ul {
        width: 100%;
    }

    .index__content .block_banner ul li {
        margin: 0 0 20px 0;
    }

    .index__content .block_banner ul li img {
        width: 100%;
        height: auto;
    }
}

@media print,
screen and (min-width: 768px) {
    .archives-plan__content {
        padding: 150px 0 0 0;
    }

    .archives-plan__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-plan__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-plan__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-plan__content .desc {
        max-width: 1000px;
        margin: 0 auto 50px;
        padding: 0 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .archives-plan__content .block_list {
        margin: 0 0 80px 0;
    }

    .archives-plan__content .block_list ul {
        width: 100%;
        margin: 0 0 60px 0;
    }

    .archives-plan__content .block_list ul li {
        width: 100%;
        padding: 25px 0;
        background: #f8f8f6;
    }

    .archives-plan__content .block_list ul li:nth-child(2n) {
        background: #fff;
    }

    .archives-plan__content .block_list ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 20px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-plan__content .block_list ul li .image {
        width: 42%;
        height: auto;
    }

    .archives-plan__content .block_list ul li .image figure {
        overflow: hidden;
        position: relative;
        padding-top: 64%;
    }

    .archives-plan__content .block_list ul li .image figure img {
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-plan__content .block_list ul li .box {
        width: 54%;
    }

    .archives-plan__content .block_list ul li .box .icon {
        margin: 0 0 20px 0;
        padding: 5px 5px 3px 5px;
        color: #A26740;
        font-size: 1.3rem;
        line-height: 1;
        border: 1px solid #744a2e;
        display: inline-block;
    }

    .archives-plan__content .block_list ul li .box h3 {
        margin: 0 0 10px 0;
        color: #A26740;
        font-size: 1.6rem;
    }

    .archives-plan__content .block_list ul li .box p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .archives-plan__content .block_list ul li .box .btn {
        width: 230px;
        margin: 20px 0 0 0;
        padding: 15px 20px;
        color: #fff;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .archives-plan__content .block_list ul li .box .btn span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_glass.png) no-repeat left center/8px 8px;
    }

    .archives-plan__content .block_pickup {
        padding: 60px 0 80px 0;
        text-align: center;
        background: #f8f8f6;
    }

    .archives-plan__content .block_pickup h3 {
        margin: 0 0 50px 0;
        font-size: 2.1rem;
    }

    .archives-plan__content .block_pickup h3 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .archives-plan__content .block_pickup ul {
        width: 100%;
        max-width: 1180px;
        padding: 0 40px;
        margin: 0 auto;
    }

    .archives-plan__content .block_pickup ul li {
        margin: 0 20px;
    }

    .archives-plan__content .block_pickup ul li a {
        outline: none;
    }

    .archives-plan__content .block_pickup ul li figure {
        margin: 0 0 20px 0;
        overflow: hidden;
        position: relative;
        padding-top: 64%;
    }

    .archives-plan__content .block_pickup ul li figure img {
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-plan__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .archives-plan__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.4rem;
        text-align: left;
        line-height: 1.4;
        text-align: center;
    }
}

@media print,
screen and (max-width: 767px) {
    .archives-plan__content {
        padding: 70px 0 0 0;
    }

    .archives-plan__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .archives-plan__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-plan__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .archives-plan__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .archives-plan__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .archives-plan__content .block_list {
        margin: 0 0 40px 0;
    }

    .archives-plan__content .block_list ul {
        width: 100%;
    }

    .archives-plan__content .block_list ul li {
        width: 100%;
        padding: 25px 0;
        background: #f8f8f6;
    }

    .archives-plan__content .block_list ul li:nth-child(2n) {
        background: #fff;
    }

    .archives-plan__content .block_list ul li .inner {
        padding: 0 20px;
    }

    .archives-plan__content .block_list ul li .image {
        width: 100%;
        margin: 0 0 15px 0;
        display: block;
    }

    .archives-plan__content .block_list ul li .box {
        width: 100%;
        padding: 0 15px;
    }

    .archives-plan__content .block_list ul li .box .icon {
        margin: 0 0 10px 0;
        padding: 5px 5px 3px 5px;
        color: #A26740;
        font-size: 1.3rem;
        line-height: 1;
        border: 1px solid #744a2e;
        display: inline-block;
    }

    .archives-plan__content .block_list ul li .box h3 {
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        color: #A26740;
        font-size: 1.6rem;
        line-height: 1.5;
        border-bottom: 1px solid #ddd;
    }

    .archives-plan__content .block_list ul li .box p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .archives-plan__content .block_list ul li .box .btn {
        width: 200px;
        margin: 20px auto 0;
        padding: 15px 20px;
        color: #fff;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .archives-plan__content .block_list ul li .box .btn span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_glass.png) no-repeat left center/8px 8px;
    }

    .archives-plan__content .block_pickup {
        padding: 40px 30px;
        text-align: center;
        background: #f8f8f6;
    }

    .archives-plan__content .block_pickup h3 {
        margin: 0 0 20px 0;
        font-size: 1.4rem;
    }

    .archives-plan__content .block_pickup h3 span {
        margin: 10px 0 0 0;
        color: #868686;
        display: block;
    }

    .archives-plan__content .block_pickup ul {
        width: 100%;
    }

    .archives-plan__content .block_pickup ul li {
        padding: 5px;
    }

    .archives-plan__content .block_pickup ul li a {
        outline: none;
    }

    .archives-plan__content .block_pickup ul li img {
        width: 100%;
        height: auto;
        margin: 0 0 15px 0;
    }

    .archives-plan__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .archives-plan__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.4rem;
        text-align: left;
        line-height: 1.4;
        text-align: center;
    }
}

@media print,
screen and (min-width: 768px) {
    .archives-blog__content {
        padding: 150px 0 0 0;
    }

    .archives-blog__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-blog__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-blog__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-blog__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .archives-blog__content h3 {
        margin: 0 0 50px 0;
        color: #744A2E;
        font-size: 2.1rem;
    }

    .archives-blog__content h3 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .archives-blog__content .block_popular {
        padding: 60px 20px;
        text-align: center;
        background: #f8f8f6;
    }

    .archives-blog__content .block_popular ul {
        width: 100%;
        max-width: 1030px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .archives-blog__content .block_popular ul li {
        margin: 0 4% 0 0;
        width: 22%;
        background: #fff;
    }

    .archives-blog__content .block_popular ul li:last-child {
        margin: 0;
    }

    .archives-blog__content .block_popular ul li .image {
        -webkit-transition: .3s;
        transition: .3s;
    }

    .archives-blog__content .block_popular ul li .image figure {
        overflow: hidden;
        position: relative;
        padding-top: 78%;
    }

    .archives-blog__content .block_popular ul li .image figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-blog__content .block_popular ul li a:hover .image {
        opacity: .7;
    }

    .archives-blog__content .block_popular ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-blog__content .block_popular ul li .inner h4 {
        margin: 0 0 10px 0;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .archives-blog__content .block_popular ul li .inner p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-blog__content .block_popular ul li .inner p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-blog__content .block_popular ul li .inner p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-blog__content .block_popular ul li .inner p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-blog__content .block_report {
        padding: 60px 20px;
        text-align: center;
        background: #f8f8f6;
    }

    .archives-blog__content .block_report ul {
        width: 100%;
        max-width: 1030px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-blog__content .block_report ul li {
        width: 22%;
        background: #fff;
    }

    .archives-blog__content .block_report ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-blog__content .block_report ul li .inner h4 {
        margin: 0 0 10px 0;
        font-size: 2rem;
        line-height: 1.4;
    }

    .archives-blog__content .block_report ul li .inner p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-blog__content .block_report ul li .inner p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-blog__content .block_report ul li .inner p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-blog__content .block_report ul li .inner p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-blog__content .block_latest {
        padding: 60px 0;
        max-width: 1090px;
        margin: 0 auto;
        text-align: center;
        background: #fff;
        overflow: hidden;
    }

    .archives-blog__content .block_latest ul li {
        width: 360px;
        margin: 0 auto 40px;
    }

    .archives-blog__content .block_latest ul li.disp {
        display: none;
    }

    .archives-blog__content .block_latest ul li a {
        margin: 0 20px;
        background: #f8f8f6;
        display: block;
        position: relative;
    }

    .archives-blog__content .block_latest ul li a:hover {
        opacity: 1;
    }

    .archives-blog__content .block_latest ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-blog__content .block_latest ul li .on {
        width: 100%;
        height: 100%;
        padding: 10px;
        letter-spacing: 0px;
        background: rgba(85, 129, 84, 0.8);
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .archives-blog__content .block_latest ul li .on:hover {
        opacity: 1;
    }

    .archives-blog__content .block_latest ul li .on div {
        width: 100%;
    }

    .archives-blog__content .block_latest ul li .on h4 {
        font-size: 1.6rem;
        color: #fff !important;
    }

    .archives-blog__content .block_latest ul li .on p {
        color: #fff !important;
    }

    .archives-blog__content .block_latest ul li .on p.btn {
        border-bottom: 1px #fff solid;
    }

    .archives-blog__content .block_latest ul li .on .txt {
        margin: 20px 0 0 0;
        display: block;
    }

    .archives-blog__content .block_latest ul li h4 {
        margin: 0 0 10px 0;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .archives-blog__content .block_latest ul li p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-blog__content .block_latest ul li p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-blog__content .block_latest ul li p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-blog__content .block_latest ul li p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-blog__content .block_latest.report h4 {
        font-size: 2rem;
    }

    .archives-blog__content .block_latest.report .on h4 {
        font-size: 2rem;
    }

    .archives-blog__content .block_latest.report .on .txt {
        font-size: 1.4rem;
    }

    .archives-blog__content .block_latest .btn_next {
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: inline-block;
    }

    .archives-blog__content .block_archives {
        width: 1060px;
        margin: 0 auto 40px;
        padding: 40px;
        border-top: 1px solid #ddd;
    }

    .archives-blog__content .block_archives dl {
        margin: 0 0 30px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .archives-blog__content .block_archives dl dt img {
        width: 37px;
    }

    .archives-blog__content .block_archives dl dd input {
        width: 320px;
        padding: 12px 10px;
        background: #f5f5f5;
    }

    .archives-blog__content .block_archives h4 {
        margin: 0 0 15px 0;
        font-size: 2rem;
    }

    .archives-blog__content .block_archives h4 span {
        padding: 0 0 0 15px;
        color: #333;
        font-size: 1.2rem;
    }

    .archives-blog__content .block_archives ul {
        margin: 0 0 20px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .archives-blog__content .block_archives ul li {
        border: 1px solid #bbb;
        display: inline-block;
        margin: 0 13px 10px 0;
    }

    .archives-blog__content .block_archives ul li a {
        padding: 5px 15px;
        font-size: 1.2rem;
        display: block;
    }
}

@media print,
screen and (min-width: 768px) and (max-width: 1079px) {
    .archives-blog__content .block_latest {
        width: 740px;
        margin: 0 auto;
    }
}

@media print,
screen and (max-width: 767px) {
    .archives-blog__content {
        padding: 70px 0 0 0;
    }

    .archives-blog__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .archives-blog__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-blog__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .archives-blog__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .archives-blog__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .archives-blog__content h3 {
        margin: 0 0 20px 0;
        color: #744A2E;
        font-size: 1.4rem;
    }

    .archives-blog__content h3 span {
        margin: 10px 0 0 0;
        color: #868686;
        font-size: 1.1rem;
        display: block;
    }

    .archives-blog__content .block_popular {
        padding: 30px 20px;
        text-align: center;
        background: #f8f8f6;
    }

    .archives-blog__content .block_popular ul {
        width: 100% !important;
    }

    .archives-blog__content .block_popular ul li {
        width: 100%;
        margin: 0 0 20px 0;
        background: #fff;
    }

    .archives-blog__content .block_popular ul li .image {
        width: 100%;
        margin: 0 0 20px 0;
        background-position: center center;
        display: block;
        position: relative;
        /*&:before{
      content: "";
      display: block;
      padding-top: 67%;
    }*/
    }

    .archives-blog__content .block_popular ul li .image p {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .archives-blog__content .block_popular ul li .image p img {
        display: none;
    }

    .archives-blog__content .block_popular ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-blog__content .block_popular ul li .inner h4 {
        margin: 0 0 10px 0;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .archives-blog__content .block_popular ul li .inner p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-blog__content .block_popular ul li .inner p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-blog__content .block_popular ul li .inner p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-blog__content .block_popular ul li .inner p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-blog__content .block_report {
        padding: 30px 20px;
        text-align: center;
        background: #f8f8f6;
    }

    .archives-blog__content .block_report ul {
        width: 100% !important;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-blog__content .block_report ul li {
        width: 47.5%;
        margin: 0 0 20px 0;
        background: #fff;
    }

    .archives-blog__content .block_report ul li .image {
        width: 100%;
        margin: 0 0 20px 0;
        background-position: center center;
        display: block;
        position: relative;
    }

    .archives-blog__content .block_report ul li .image:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .archives-blog__content .block_report ul li .image p {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .archives-blog__content .block_report ul li .image p img {
        display: none;
    }

    .archives-blog__content .block_report ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-blog__content .block_report ul li .inner h4 {
        margin: 0 0 10px 0;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .archives-blog__content .block_report ul li .inner p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-blog__content .block_report ul li .inner p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-blog__content .block_report ul li .inner p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-blog__content .block_report ul li .inner p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-blog__content .block_latest {
        padding: 30px 20px;
        text-align: center;
        background: #fff;
        overflow: hidden;
    }

    .archives-blog__content .block_latest ul li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .archives-blog__content .block_latest ul li.disp {
        display: none;
    }

    .archives-blog__content .block_latest ul li a {
        background: #f8f8f6;
        display: block;
        position: relative;
    }

    .archives-blog__content .block_latest ul li .image {
        width: 100%;
        background-position: center center;
        display: block;
        position: relative;
    }

    .archives-blog__content .block_latest ul li .image:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .archives-blog__content .block_latest ul li .image p {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .archives-blog__content .block_latest ul li .image p img {
        display: none;
    }

    .archives-blog__content .block_latest ul li .inner {
        width: 100%;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-blog__content .block_latest ul li .on {
        display: none;
    }

    .archives-blog__content .block_latest ul li h4 {
        margin: 0 0 10px 0;
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .archives-blog__content .block_latest ul li p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-blog__content .block_latest ul li p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-blog__content .block_latest ul li p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-blog__content .block_latest ul li p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-blog__content .block_latest .btn_next {
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: inline-block;
    }

    .archives-blog__content .block_archives {
        width: 100%;
        padding: 30px 20px;
        border-top: 1px solid #ddd;
    }

    .archives-blog__content .block_archives dl {
        margin: 0 0 30px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .archives-blog__content .block_archives dl dt {
        width: 37px;
    }

    .archives-blog__content .block_archives dl dt img {
        width: 37px;
    }

    .archives-blog__content .block_archives dl dd {
        width: calc(100% - 37px);
    }

    .archives-blog__content .block_archives dl dd input {
        width: 100%;
        padding: 12px 10px;
        background: #f5f5f5;
    }

    .archives-blog__content .block_archives h4 {
        margin: 0 0 15px 0;
        font-size: 2rem;
        text-align: center;
    }

    .archives-blog__content .block_archives h4 span {
        padding: 5px 0 0 0;
        color: #333;
        font-size: 1.2rem;
        display: block;
    }

    .archives-blog__content .block_archives ul {
        margin: 0 0 20px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .archives-blog__content .block_archives ul li {
        border: 1px solid #bbb;
        display: inline-block;
        margin: 0 5px 10px 5px;
    }

    .archives-blog__content .block_archives ul li a {
        padding: 5px 15px;
        font-size: 1.2rem;
        display: block;
    }
}

@media print,
screen and (min-width: 768px) {
    .archives-fair__content {
        padding: 150px 0 0 0;
    }

    .archives-fair__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-fair__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-fair__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-fair__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .archives-fair__content h3 {
        margin: 0 0 50px 0;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-fair__content h3 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .archives-fair__content .block_pickup {
        padding: 60px 0 80px 0;
        text-align: center;
    }

    .archives-fair__content .block_pickup ul {
        width: 100%;
        max-width: 1180px;
        padding: 0 40px;
        margin: 0 auto;
    }

    .archives-fair__content .block_pickup ul li {
        margin: 0 20px;
    }

    .archives-fair__content .block_pickup ul li a {
        outline: none;
    }

    .archives-fair__content .block_pickup ul li figure {
        margin: 0 0 20px 0;
        overflow: hidden;
        position: relative;
        padding-top: 64%;
    }

    .archives-fair__content .block_pickup ul li figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-fair__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .archives-fair__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.4rem;
        text-align: left;
        line-height: 1.4;
        text-align: center;
    }

    .archives-fair__content .block_search {
        margin: 0 0 100px 0;
        position: relative;
    }

    .archives-fair__content .block_search ul.tabs {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .archives-fair__content .block_search ul.tabs li {
        width: 50%;
        font-size: 1.4;
        text-align: center;
    }

    .archives-fair__content .block_search ul.tabs li a {
        padding: 20px 0;
        color: #fff;
        display: block;
        background: #E4CCBC;
        position: relative;
    }

    .archives-fair__content .block_search ul.tabs li a:hover {
        background: #744a2e;
        opacity: 1;
    }

    .archives-fair__content .block_search ul.tabs li a.current {
        background: #744a2e;
    }

    .archives-fair__content .block_search ul.tabs li a.current:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #744a2e;
        position: absolute;
        left: 50%;
        bottom: -8px;
        z-index: 10;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
    }

    .archives-fair__content .block_search #tab1 {
        width: 100%;
        padding: 50px 0 0 0;
    }

    .archives-fair__content .block_search #tab1 .calendar {
        background: #f8f8f8;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 50px 0;
        text-align: center;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .slider {
        padding: 0 50px;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box {
        padding: 0 30px;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box .month {
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        color: #744A2E;
        font-size: 1.6rem;
        border-bottom: 1px solid #744A2E;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box .month span {
        font-size: 2.6rem;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table {
        width: 100%;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table th:nth-child(6),
    .archives-fair__content .block_search #tab1 .calendar .inner .box table td:nth-child(6) a {
        color: #744A2E;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table th:nth-child(7),
    .archives-fair__content .block_search #tab1 .calendar .inner .box table td:nth-child(7) a,
    .archives-fair__content .block_search #tab1 .calendar .inner .box table td.holiday a,
    .archives-fair__content .block_search #tab1 .calendar .inner .box table td.holiday {
        color: #d90000;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table th {
        padding: 15px 0;
        font-size: 1.2rem;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table td {
        padding: 15px 0;
        font-size: 1.6rem;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table td a {
        text-decoration: underline;
    }

    .archives-fair__content .block_search #tab1 .list_item {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 60px 20px 0 20px;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list {
        width: 100%;
        margin: 0 0 60px 0;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li {
        width: 100%;
        margin: 0 0 50px 0;
        background: #f8f8f6;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li:nth-child(2n) {
        background: #fff;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li.disp {
        display: none;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .top_box {
        border-bottom: 1px solid #ddd;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .inner {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image {
        width: 40%;
        height: auto;
        position: relative;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image a {
        width: 100%;
        height: 100%;
        background-position: center center;
        display: block;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image a figure {
        overflow: hidden;
        position: relative;
        padding-top: 78%;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image a figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image .date {
        width: 90px;
        height: 90px;
        padding: 20px 0 0 0;
        font-size: 2.5rem;
        text-align: center;
        background: rgba(255, 255, 255, 0.9);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image .date span {
        padding: 5px 0 0 0;
        font-size: 1.4rem;
        display: block;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image .date.sat {
        color: #744A2E;
        background: rgba(232, 237, 219, 0.9);
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image .date.sun {
        color: #c24646;
        background: rgba(248, 234, 234, 0.9);
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box {
        width: 60%;
        padding: 40px 50px 0 50px;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box h4 {
        margin: 0 0 10px 0;
        color: #A26740;
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box p {
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box ul.icon {
        margin: 20px 0 0 0;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box ul.icon li {
        margin: 0 0 7px 0;
        padding: 5px 10px 3px 10px;
        font-size: 1.4rem;
        border: 1px solid #676765;
        display: inline-block;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box .btn {
        width: 230px;
        margin: 10px 0 0 0;
        padding: 15px 20px;
        color: #fff;
        text-align: center;
        background: #A26740;
        display: inline-block;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box .btn.detail span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_glass.png) no-repeat left center/8px 8px;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box .accordion {
        margin: 20px 0 0 0;
        padding: 15px 0;
        font-size: 1.4rem;
        border-top: 1px solid #ddd;
        background: url(../img/ico_open.png) no-repeat right center/10px 10px;
        cursor: pointer;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box .accordion.active {
        background: url(../img/ico_close.png) no-repeat right center/10px 10px;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .under_box {
        display: none;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .under_box ul.list {
        margin: 0;
        padding: 15px;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .under_box ul.list>li {
        margin: 0;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .under_box ul.list>li:last-child {
        border-bottom: none;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .under_box ul.list>li .image {
        width: 31%;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .under_box ul.list>li .box {
        width: 69%;
        padding: 25px;
    }

    .archives-fair__content .block_search #tab1 .btn_next {
        width: 210px;
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: block;
    }

    .archives-fair__content .block_search #tab2 {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 90px 20px 0 20px;
    }

    .archives-fair__content .block_search #tab2 .list_category {
        padding: 0 0 40px 0;
    }

    .archives-fair__content .block_search #tab2 .list_category ul {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .archives-fair__content .block_search #tab2 .list_category ul li {
        width: 22.5%;
        margin: 0 0 30px 0;
        text-align: center;
    }

    .archives-fair__content .block_search #tab2 .list_category ul li a {
        display: block;
    }

    .archives-fair__content .block_search #tab2 .list_category ul li a figure {
        overflow: hidden;
        position: relative;
        padding-top: 64%;
    }

    .archives-fair__content .block_search #tab2 .list_category ul li a figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-fair__content .block_search #tab2 .list_category ul li a p {
        margin: 15px 0 0 0;
        font-size: 1.3rem;
    }

    .archives-fair__content .block_search #tab2 .list_item h3 {
        display: none;
    }

    .archives-fair__content .block_search #tab2 .list_item ul {
        width: 100%;
        margin: 0 0 60px 0;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li {
        width: 100%;
        padding: 25px 0;
        border-bottom: 1px solid #ddd;
        background: #f8f8f6;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li:nth-child(2n) {
        background: #fff;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .image {
        width: 33%;
        height: auto;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .image figure {
        overflow: hidden;
        position: relative;
        padding-top: 72%;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .image figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box {
        width: 63%;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box h4 {
        margin: 0 0 10px 0;
        color: #A26740;
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box p {
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .btn {
        width: 230px;
        margin: 20px 15px 0 0;
        padding: 15px 20px;
        color: #fff;
        text-align: center;
        background: #A26740;
        display: inline-block;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .btn.detail span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_glass.png) no-repeat left center/8px 8px;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .btn.date span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_cal.png) no-repeat left center/8px 8px;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer {
        width: 230px;
        display: inline-block;
        position: relative;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner {
        display: none;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box {
        width: 430px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 67px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .cal_slider_1col {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        padding: 0 0 5px 0;
        width: 100%;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td.holiday a,
    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p.disable {
        display: none;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
        float: left;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
        float: right;
    }

    .archives-fair__content .block_search #tab2 .btn_next {
        width: 190px;
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: block;
    }

    .archives-fair__content .block_flow {
        width: 100%;
        max-width: 1040px;
        margin: 0 auto 100px;
    }

    .archives-fair__content .block_flow ul {
        margin: 0 20px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-fair__content .block_flow ul li {
        width: 20%;
        padding: 30px 10px;
        text-align: center;
        border: 2px solid #e5e5e3;
        background: #f9f9f9;
        position: relative;
    }

    .archives-fair__content .block_flow ul li:after {
        content: "";
        width: 20px;
        height: 20px;
        border-top: 1px solid #588101;
        border-right: 1px solid #588101;
        position: absolute;
        top: 50%;
        right: -25%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
    }

    .archives-fair__content .block_flow ul li:last-child:after {
        display: none;
    }

    .archives-fair__content .block_flow ul li dl {
        color: #744A2E;
    }

    .archives-fair__content .block_flow ul li dl dt {
        margin: 0 0 15px 0;
        font-size: 2rem;
    }

    .archives-fair__content .block_flow ul li dl dd {
        margin: 0 0 25px 0;
        font-size: 1.8rem;
    }

    .archives-fair__content .block_flow ul li p {
        font-size: 1.2rem;
        line-height: 1.5;
        letter-spacing: 0;
    }
}

@media print,
screen and (max-width: 767px) {
    .archives-fair__content {
        padding: 70px 0 0 0;
    }

    .archives-fair__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .archives-fair__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-fair__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .archives-fair__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .archives-fair__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .archives-fair__content h3 {
        margin: 0 0 20px 0;
        font-size: 1.4rem;
        text-align: center;
    }

    .archives-fair__content h3 span {
        margin: 10px 0 0 0;
        color: #868686;
        display: block;
    }

    .archives-fair__content .block_pickup {
        padding: 40px 30px;
    }

    .archives-fair__content .block_pickup ul {
        width: 100%;
    }

    .archives-fair__content .block_pickup ul li {
        padding: 5px;
    }

    .archives-fair__content .block_pickup ul li a {
        outline: none;
    }

    .archives-fair__content .block_pickup ul li figure {
        margin: 0 0 15px 0;
        overflow: hidden;
        position: relative;
        padding-top: 70%;
    }

    .archives-fair__content .block_pickup ul li figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-fair__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .archives-fair__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.4rem;
        text-align: left;
        line-height: 1.4;
        text-align: center;
    }

    .archives-fair__content .block_search {
        margin: 0 0 40px 0;
        position: relative;
    }

    .archives-fair__content .block_search ul.tabs {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .archives-fair__content .block_search ul.tabs li {
        width: 50%;
        font-size: 1.4;
        text-align: center;
    }

    .archives-fair__content .block_search ul.tabs li a {
        padding: 20px 0;
        color: #fff;
        display: block;
        background: #E4CCBC;
        position: relative;
    }

    .archives-fair__content .block_search ul.tabs li a:hover {
        background: #744a2e;
        opacity: 1;
    }

    .archives-fair__content .block_search ul.tabs li a.current {
        background: #744a2e;
    }

    .archives-fair__content .block_search ul.tabs li a.current:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #744a2e;
        position: absolute;
        left: 50%;
        bottom: -8px;
        z-index: 10;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
    }

    .archives-fair__content .block_search #tab1 {
        width: 100%;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner {
        padding: 40px 30px;
        text-align: center;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box .month {
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box .month span {
        font-size: 2rem;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table {
        width: 100%;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table th:nth-child(6),
    .archives-fair__content .block_search #tab1 .calendar .inner .box table td:nth-child(6) a {
        color: #744A2E;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table th:nth-child(7),
    .archives-fair__content .block_search #tab1 .calendar .inner .box table td:nth-child(7) a,
    .archives-fair__content .block_search #tab1 .calendar .inner .box table td.holiday a,
    .archives-fair__content .block_search #tab1 .calendar .inner .box table td.holiday {
        color: #d90000;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table th {
        padding: 10px 0;
        font-size: 1rem;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table td {
        padding: 10px 0;
        font-size: 1.6rem;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .box table td a {
        text-decoration: underline;
    }

    .archives-fair__content .block_search #tab1 .calendar .inner .slick-arrow {
        display: none !important;
    }

    .archives-fair__content .block_search #tab1 .list_item {
        width: 100%;
        margin: 0 auto;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list {
        width: 100%;
        margin: 0 0 60px 0;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li {
        width: 100%;
        background: #f8f8f6;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li:nth-child(2n) {
        background: #fff;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li.disp {
        display: none;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .top_box {
        border-bottom: 1px solid #ddd;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .inner {
        padding: 20px 20px 10px 20px;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image {
        width: 100%;
        margin: 0 0 20px 0;
        background-position: center center;
        display: block;
        position: relative;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image a figure {
        overflow: hidden;
        position: relative;
        padding-top: 70%;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image a figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image a .date {
        width: 70px;
        height: 70px;
        padding: 15px 0 0 0;
        font-size: 1.6rem;
        text-align: center;
        background: rgba(255, 255, 255, 0.9);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image a .date span {
        padding: 5px 0 0 0;
        font-size: 1.2rem;
        display: block;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image a .date.sat {
        color: #744A2E;
        background: rgba(232, 237, 219, 0.9);
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .image a .date.sun {
        color: #c24646;
        background: rgba(248, 234, 234, 0.9);
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box h4 {
        margin: 0 0 10px 0;
        color: #A26740;
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box p {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box ul.icon {
        margin: 20px 0 0 0;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box ul.icon li {
        margin: 0 0 7px 0;
        padding: 5px 10px 3px 10px;
        font-size: 1.2rem;
        border: 1px solid #676765;
        display: inline-block;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box .btn {
        width: 200px;
        margin: 20px auto 25px auto;
        padding: 15px 20px;
        color: #fff;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box .btn.detail span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_glass.png) no-repeat left center/8px 8px;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box .accordion {
        padding: 15px 0;
        font-size: 1.2rem;
        border-top: 1px solid #ddd;
        background: url(../img/ico_open.png) no-repeat right center/10px 10px;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .box .accordion.active {
        background: url(../img/ico_close.png) no-repeat right center/10px 10px;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .under_box {
        display: none;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .under_box ul.list {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #ddd;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .under_box ul.list>li {
        margin: 0;
        border-bottom: 1px solid #ddd;
        background: #fff;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li .under_box ul.list>li:last-child {
        border-bottom: none;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li:nth-child(2n+1) {
        background: #f8f8f6;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li:nth-child(2n+1) ul.list>li:nth-child(2n+1) {
        background: #fff;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li:nth-child(2n+1) ul.list>li:nth-child(2n) {
        background: #f8f8f6;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li:nth-child(2n) {
        background: #fff;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li:nth-child(2n) ul.list>li:nth-child(2n+1) {
        background: #f8f8f6;
    }

    .archives-fair__content .block_search #tab1 .list_item ul.list>li:nth-child(2n) ul.list>li:nth-child(2n) {
        background: #fff;
    }

    .archives-fair__content .block_search #tab1 .btn_next {
        width: 210px;
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: block;
    }

    .archives-fair__content .block_search #tab2 {
        padding: 30px 0 0 0;
    }

    .archives-fair__content .block_search #tab2 .list_category {
        padding: 0 0 20px 0;
    }

    .archives-fair__content .block_search #tab2 .list_category ul {
        padding: 0 20px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .archives-fair__content .block_search #tab2 .list_category ul li {
        width: 47.5%;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .archives-fair__content .block_search #tab2 .list_category ul li a {
        display: block;
    }

    .archives-fair__content .block_search #tab2 .list_category ul li a p {
        margin: 10px 0 0 0;
        font-size: 1.3rem;
    }

    .archives-fair__content .block_search #tab2 .list_item h3 {
        margin: 0;
        padding: 40px 0 0 0;
        background: #f8f8f6;
    }

    .archives-fair__content .block_search #tab2 .list_item ul {
        width: 100%;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li {
        width: 100%;
        padding: 25px 0;
        border-bottom: 1px solid #ddd;
        background: #f8f8f6;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li:nth-child(2n) {
        background: #fff;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .inner {
        padding: 0 20px;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .image {
        width: 100%;
        margin: 0 0 15px 0;
        display: block;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box {
        width: 100%;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box h4 {
        margin: 0 0 10px 0;
        color: #A26740;
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .btn {
        width: 200px;
        margin: 20px auto 0;
        padding: 15px 20px;
        color: #fff;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .btn.detail span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_glass.png) no-repeat left center/8px 8px;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .btn.date {
        margin: 10px auto 0;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .btn.date span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_cal.png) no-repeat left center/8px 8px;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer {
        width: 200px;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner {
        display: none;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box {
        width: 280px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 47px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .slide:last-child {
        margin: 15px 0 0 0;
        padding: 15px 0 0 0;
        border-top: 1px #cccccc solid;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td.holiday a,
    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p.disable {
        display: none;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
        float: left;
    }

    .archives-fair__content .block_search #tab2 .list_item ul li .box .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
        float: right;
    }

    .archives-fair__content .block_search .btn_next {
        width: 190px;
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: block;
    }

    .archives-fair__content .block_flow {
        width: 100%;
        padding: 30px 0 40px;
        background: #f9f9f9;
    }

    .archives-fair__content .block_flow ul {
        margin: 0 30px;
    }

    .archives-fair__content .block_flow ul li {
        width: 100%;
        margin: 0 0 40px 0;
        padding: 20px 10px;
        text-align: center;
        border: 2px solid #e5e5e3;
        background: #f9f9f9;
        position: relative;
    }

    .archives-fair__content .block_flow ul li:after {
        content: "";
        width: 20px;
        height: 20px;
        border-bottom: 1px solid #588101;
        border-right: 1px solid #588101;
        position: absolute;
        bottom: -32px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
    }

    .archives-fair__content .block_flow ul li:last-child {
        margin: 0;
    }

    .archives-fair__content .block_flow ul li:last-child:after {
        display: none;
    }

    .archives-fair__content .block_flow ul li dl {
        color: #744A2E;
    }

    .archives-fair__content .block_flow ul li dl dt {
        margin: 0 0 10px 0;
        font-size: 2.5rem;
    }

    .archives-fair__content .block_flow ul li dl dd {
        margin: 0 0 15px 0;
        font-size: 1.5rem;
    }

    .archives-fair__content .block_flow ul li p {
        font-size: 1.2rem;
        line-height: 1.5;
        letter-spacing: 0;
    }

    .archives-fair__content .block_flow ul li p br {
        display: none;
    }
}

@media print,
screen and (min-width: 768px) {
    .archives-banquet__content {
        padding: 150px 0 0 0;
    }

    .archives-banquet__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-banquet__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-banquet__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-banquet__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .archives-banquet__content .key {
        width: 100%;
    }

    .archives-banquet__content .key img {
        width: 100%;
    }

    .archives-banquet__content .box_wrap .heading {
        margin: 100px 0 60px 0;
        font-size: 2.5rem;
        line-height: 1.2;
        text-align: center;
    }

    .archives-banquet__content .box_wrap .heading img {
        width: 185px;
    }

    .archives-banquet__content .box_wrap .box {
        margin: 0 0 170px 0;
        position: relative;
    }

    .archives-banquet__content .box_wrap .box .inner {
        position: relative;
        overflow: hidden;
    }

    .archives-banquet__content .box_wrap .box .inner .shop {
        padding: 50px;
        width: 50%;
        background: rgba(255, 255, 255, 0.9);
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-box-shadow: 0 0 8px #cccccc;
        box-shadow: 0 0 8px #cccccc;
    }

    .archives-banquet__content .box_wrap .box .inner .shop h4 {
        font-size: 2.8rem;
        line-height: 1.2;
    }

    .archives-banquet__content .box_wrap .box .inner .shop h4 span {
        font-size: 1.4rem;
    }

    .archives-banquet__content .box_wrap .box .inner .shop h4:after {
        content: '';
        margin: 20px 0 0 0;
        width: 70px;
        height: 1px;
        display: block;
        background: #000000;
    }

    .archives-banquet__content .box_wrap .box .inner .shop .spimg {
        display: none;
    }

    .archives-banquet__content .box_wrap .box .inner .shop p {
        margin: 20px 0 0 0;
        font-size: 1.6rem;
        line-height: 1.6;
    }

    .archives-banquet__content .box_wrap .box .inner .image {
        width: 60%;
    }

    .archives-banquet__content .box_wrap .box .subinner {
        margin: 65px auto 0;
        width: 100%;
        max-width: 1060px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-banquet__content .box_wrap .box .subinner .txt {
        width: 50%;
    }

    .archives-banquet__content .box_wrap .box .subinner .txt h5 {
        margin: 0 0 -10px 0;
        text-align: center;
    }

    .archives-banquet__content .box_wrap .box .subinner .txt p {
        padding: 30px;
        font-size: 1.5rem;
        line-height: 1.6;
        position: relative;
    }

    .archives-banquet__content .box_wrap .box .subinner .txt p:before {
        content: '';
        width: 80px;
        height: 80px;
        border-top: 1px #dddddd solid;
        border-left: 1px #dddddd solid;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .archives-banquet__content .box_wrap .box .subinner .txt p:after {
        content: '';
        width: 80px;
        height: 80px;
        border-right: 1px #dddddd solid;
        border-bottom: 1px #dddddd solid;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .archives-banquet__content .box_wrap .box .subinner .txt a {
        margin: 25px auto 0;
        padding: 15px 65px;
        font-size: 1.2rem;
        line-height: 1;
        border: 1px #222222 solid;
        display: table;
    }

    .archives-banquet__content .box_wrap .box .subinner .photo {
        padding: 0 0 0 40px;
        width: 50%;
    }

    .archives-banquet__content .box_wrap .box .subinner:after {
        content: '';
        width: 100%;
        height: 45%;
        display: block;
        position: absolute;
        left: 73%;
        bottom: -5%;
        z-index: -1;
    }

    .archives-banquet__content .box_wrap .box .subinner.col1:after {
        background: #edecf4;
    }

    .archives-banquet__content .box_wrap .box .subinner.col2:after {
        background: #f8f4ed;
    }

    .archives-banquet__content .box_wrap .box .subinner.col3:after {
        background: #ebf1e2;
    }

    .archives-banquet__content .box_wrap .box .subinner.col4:after {
        background: #faeef2;
    }

    .archives-banquet__content .box_wrap .box:after {
        content: '';
        width: 80%;
        height: 75%;
        background: #fafafa;
        display: block;
        position: absolute;
        left: 0;
        bottom: -10%;
        z-index: -2;
    }

    .archives-banquet__content .box_wrap .box.row .inner .image {
        float: right;
    }

    .archives-banquet__content .box_wrap .box.row .inner .shop {
        left: 0;
        right: auto;
    }

    .archives-banquet__content .box_wrap .box.row .subinner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
    }

    .archives-banquet__content .box_wrap .box.row .subinner .photo {
        padding: 0 40px 0 0;
    }

    .archives-banquet__content .box_wrap .box.row .subinner:after {
        width: 30%;
        left: 0;
    }

    .archives-banquet__content .box_wrap .box.row:after {
        width: 80%;
        left: auto;
        right: 0;
    }
}

@media print,
screen and (max-width: 767px) {
    .archives-banquet__content {
        padding: 70px 0 0 0;
    }

    .archives-banquet__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .archives-banquet__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-banquet__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .archives-banquet__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .archives-banquet__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .archives-banquet__content .key {
        display: none;
    }

    .archives-banquet__content .box_wrap .heading {
        display: none;
    }

    .archives-banquet__content .box_wrap .box {
        margin: 0 0 50px 0;
        padding: 0 0 40px 0;
        background: #f8f8f8;
    }

    .archives-banquet__content .box_wrap .box .inner .shop h4 {
        padding: 0 0 18px 0;
        font-size: 1.8rem;
        text-align: center;
        background: #ffffff;
    }

    .archives-banquet__content .box_wrap .box .inner .shop h4 span {
        font-size: 1.1rem;
    }

    .archives-banquet__content .box_wrap .box .inner .shop .spimg {
        margin: 0 0 22px 0;
    }

    .archives-banquet__content .box_wrap .box .inner .shop p {
        padding: 0 10%;
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: center;
    }

    .archives-banquet__content .box_wrap .box .inner .image {
        display: none;
    }

    .archives-banquet__content .box_wrap .box .subinner .txt h5 {
        display: none;
    }

    .archives-banquet__content .box_wrap .box .subinner .txt p {
        display: none;
    }

    .archives-banquet__content .box_wrap .box .subinner .txt a {
        margin: 25px auto 0 auto;
        padding: 15px 55px;
        font-size: 1.2rem;
        line-height: 1;
        border: 1px #222222 solid;
        display: table;
    }

    .archives-banquet__content .box_wrap .box .subinner .photo {
        display: none;
    }
}

@media print,
screen and (min-width: 768px) {
    .archives-ceremony__content {
        padding: 150px 0 0 0;
    }

    .archives-ceremony__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-ceremony__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-ceremony__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-ceremony__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .archives-ceremony__content .key {
        width: 100%;
    }

    .archives-ceremony__content .key img {
        width: 100%;
    }

    .archives-ceremony__content .key_sp {
        display: none;
    }

    .archives-ceremony__content .box_wrap .heading {
        margin: 100px 0 60px 0;
        font-size: 2.5rem;
        line-height: 1.2;
        text-align: center;
    }

    .archives-ceremony__content .box_wrap .heading img {
        width: 185px;
    }

    .archives-ceremony__content .box_wrap .box {
        margin: 0 0 170px 0;
        position: relative;
    }

    .archives-ceremony__content .box_wrap .box .inner {
        position: relative;
        overflow: hidden;
    }

    .archives-ceremony__content .box_wrap .box .inner .shop {
        padding: 50px;
        width: 50%;
        background: rgba(255, 255, 255, 0.9);
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-box-shadow: 0 0 8px #cccccc;
        box-shadow: 0 0 8px #cccccc;
    }

    .archives-ceremony__content .box_wrap .box .inner .shop h4 {
        font-size: 2.8rem;
        line-height: 1.2;
    }

    .archives-ceremony__content .box_wrap .box .inner .shop h4 span {
        font-size: 1.4rem;
    }

    .archives-ceremony__content .box_wrap .box .inner .shop h4:after {
        content: '';
        margin: 20px 0 0 0;
        width: 70px;
        height: 1px;
        display: block;
        background: #000000;
    }

    .archives-ceremony__content .box_wrap .box .inner .shop .spimg {
        display: none;
    }

    .archives-ceremony__content .box_wrap .box .inner .shop p {
        margin: 20px 0 0 0;
        font-size: 1.6rem;
        line-height: 1.6;
    }

    .archives-ceremony__content .box_wrap .box .inner .image {
        width: 60%;
    }

    .archives-ceremony__content .box_wrap .box .subinner {
        margin: 65px auto 0;
        width: 100%;
        max-width: 1060px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-ceremony__content .box_wrap .box .subinner .txt {
        width: 50%;
    }

    .archives-ceremony__content .box_wrap .box .subinner .txt h5 {
        margin: 0 0 -10px 0;
        text-align: center;
    }

    .archives-ceremony__content .box_wrap .box .subinner .txt p {
        padding: 30px;
        font-size: 1.5rem;
        line-height: 1.6;
        position: relative;
    }

    .archives-ceremony__content .box_wrap .box .subinner .txt p:before {
        content: '';
        width: 80px;
        height: 80px;
        border-top: 1px #dddddd solid;
        border-left: 1px #dddddd solid;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .archives-ceremony__content .box_wrap .box .subinner .txt p:after {
        content: '';
        width: 80px;
        height: 80px;
        border-right: 1px #dddddd solid;
        border-bottom: 1px #dddddd solid;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .archives-ceremony__content .box_wrap .box .subinner .txt a {
        margin: 25px auto 0;
        padding: 15px 65px;
        font-size: 1.2rem;
        line-height: 1;
        border: 1px #222222 solid;
        display: table;
    }

    .archives-ceremony__content .box_wrap .box .subinner .photo {
        padding: 0 0 0 40px;
        width: 50%;
    }

    .archives-ceremony__content .box_wrap .box .subinner:after {
        content: '';
        width: 100%;
        height: 45%;
        display: block;
        position: absolute;
        left: 73%;
        bottom: -5%;
        z-index: -1;
    }

    .archives-ceremony__content .box_wrap .box .subinner.col1:after {
        background: #dce0c0;
    }

    .archives-ceremony__content .box_wrap .box .subinner.col2:after {
        background: #fce9e8;
    }

    .archives-ceremony__content .box_wrap .box .subinner.col3:after {
        background: #e1ebed;
    }

    .archives-ceremony__content .box_wrap .box .subinner.col4:after {
        background: #faeef2;
    }

    .archives-ceremony__content .box_wrap .box:after {
        content: '';
        width: 80%;
        height: 75%;
        background: #fafafa;
        display: block;
        position: absolute;
        left: 0;
        bottom: -10%;
        z-index: -2;
    }

    .archives-ceremony__content .box_wrap .box.row .inner .image {
        float: right;
    }

    .archives-ceremony__content .box_wrap .box.row .inner .shop {
        left: 0;
        right: auto;
    }

    .archives-ceremony__content .box_wrap .box.row .subinner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
    }

    .archives-ceremony__content .box_wrap .box.row .subinner .photo {
        padding: 0 40px 0 0;
    }

    .archives-ceremony__content .box_wrap .box.row .subinner:after {
        width: 30%;
        left: 0;
    }

    .archives-ceremony__content .box_wrap .box.row:after {
        width: 80%;
        left: auto;
        right: 0;
    }
}

@media print,
screen and (max-width: 767px) {
    .archives-ceremony__content {
        padding: 70px 0 0 0;
    }

    .archives-ceremony__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .archives-ceremony__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-ceremony__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .archives-ceremony__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .archives-ceremony__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .archives-ceremony__content .key {
        display: none;
    }

    .archives-ceremony__content .key_sp {
        display: none;
    }

    .archives-ceremony__content .box_wrap .heading {
        display: none;
    }

    .archives-ceremony__content .box_wrap .box {
        margin: 0 0 50px 0;
        padding: 0 0 40px 0;
        background: #f8f8f8;
    }

    .archives-ceremony__content .box_wrap .box .inner .shop h4 {
        padding: 0 0 18px 0;
        font-size: 1.8rem;
        text-align: center;
        background: #ffffff;
    }

    .archives-ceremony__content .box_wrap .box .inner .shop h4 span {
        font-size: 1.1rem;
    }

    .archives-ceremony__content .box_wrap .box .inner .shop .spimg {
        margin: 0 0 22px 0;
    }

    .archives-ceremony__content .box_wrap .box .inner .shop p {
        padding: 0 10%;
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: center;
    }

    .archives-ceremony__content .box_wrap .box .inner .image {
        display: none;
    }

    .archives-ceremony__content .box_wrap .box .subinner .txt h5 {
        display: none;
    }

    .archives-ceremony__content .box_wrap .box .subinner .txt p {
        display: none;
    }

    .archives-ceremony__content .box_wrap .box .subinner .txt a {
        margin: 25px auto 0 auto;
        padding: 15px 55px;
        font-size: 1.2rem;
        line-height: 1;
        border: 1px #222222 solid;
        display: table;
    }

    .archives-ceremony__content .box_wrap .box .subinner .photo {
        display: none;
    }
}

@media print,
screen and (min-width: 768px) {
    .archives-topics__content {
        padding: 150px 0 0 0;
    }

    .archives-topics__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-topics__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-topics__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-topics__content .cat {
        margin: 0 0 30px 0;
        font-size: 0;
        text-align: center;
    }

    .archives-topics__content .cat li {
        margin: 0 5px;
        font-size: 1.4rem;
        line-height: 1;
        display: inline-block;
    }

    .archives-topics__content .cat li a {
        padding: 5px 15px;
    }

    .archives-topics__content .cat li a.cat1 {
        color: #e1aa74;
        border: 1px solid #e1aa74;
    }

    .archives-topics__content .cat li a.cat2 {
        color: #c5aac4;
        border: 1px solid #c5aac4;
    }

    .archives-topics__content .cat li a.cat3 {
        color: #e290ab;
        border: 1px solid #e290ab;
    }

    .archives-topics__content .cat li a.cat4 {
        color: #b1c7ec;
        border: 1px solid #b1c7ec;
    }

    .archives-topics__content .cat li a.cat5 {
        color: #A26740;
        border: 1px solid #598200;
    }

    .archives-topics__content .block_list {
        margin: 0 0 80px 0;
    }

    .archives-topics__content .block_list ul {
        margin: 0 auto 60px auto;
        width: 100%;
        max-width: 1060px;
    }

    .archives-topics__content .block_list ul li {
        width: 100%;
        padding: 30px 0;
        border-top: 1px #cccccc solid;
    }

    .archives-topics__content .block_list ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 20px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-topics__content .block_list ul li .image {
        width: 42%;
        height: auto;
    }

    .archives-topics__content .block_list ul li .image figure {
        overflow: hidden;
        position: relative;
        padding-top: 60%;
    }

    .archives-topics__content .block_list ul li .image figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-topics__content .block_list ul li .box {
        width: 54%;
    }

    .archives-topics__content .block_list ul li .box .date {
        color: #bbbbbb;
        font-size: 1.2rem;
    }

    .archives-topics__content .block_list ul li .box .date .icon {
        margin: 0 10px 20px 0;
        padding: 5px 15px 3px 15px;
        font-size: 1.3rem;
        line-height: 1;
        display: inline-block;
    }

    .archives-topics__content .block_list ul li .box .date .icon.cat1 {
        color: #e1aa74;
        border: 1px solid #e1aa74;
    }

    .archives-topics__content .block_list ul li .box .date .icon.cat2 {
        color: #c5aac4;
        border: 1px solid #c5aac4;
    }

    .archives-topics__content .block_list ul li .box .date .icon.cat3 {
        color: #e290ab;
        border: 1px solid #e290ab;
    }

    .archives-topics__content .block_list ul li .box .date .icon.cat4 {
        color: #b1c7ec;
        border: 1px solid #b1c7ec;
    }

    .archives-topics__content .block_list ul li .box .date .icon.cat5 {
        color: #A26740;
        border: 1px solid #598200;
    }

    .archives-topics__content .block_list ul li .box h3 {
        margin: 0 0 10px 0;
        color: #000000;
        font-size: 1.6rem;
        line-height: 1.6;
    }

    .archives-topics__content .block_list ul li .box p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .archives-topics__content .block_list ul li .box .btn {
        width: 230px;
        margin: 20px 0 0 0;
        padding: 15px 20px;
        color: #fff;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .archives-topics__content .block_list ul li .box .btn span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_glass.png) no-repeat left center/8px 8px;
    }

    .archives-topics__content .block_list .btn_next {
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: table;
    }
}

@media print,
screen and (max-width: 767px) {
    .archives-topics__content {
        padding: 70px 0 0 0;
    }

    .archives-topics__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .archives-topics__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-topics__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .archives-topics__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .archives-topics__content .cat {
        margin: 0 0 30px 0;
        font-size: 0;
        text-align: center;
    }

    .archives-topics__content .cat li {
        margin: 0 5px 10px 5px;
        font-size: 1.4rem;
        line-height: 1;
        display: inline-block;
    }

    .archives-topics__content .cat li a {
        padding: 5px 15px;
        display: block;
    }

    .archives-topics__content .cat li a.cat1 {
        color: #e1aa74;
        border: 1px solid #e1aa74;
    }

    .archives-topics__content .cat li a.cat2 {
        color: #c5aac4;
        border: 1px solid #c5aac4;
    }

    .archives-topics__content .cat li a.cat3 {
        color: #e290ab;
        border: 1px solid #e290ab;
    }

    .archives-topics__content .cat li a.cat4 {
        color: #b1c7ec;
        border: 1px solid #b1c7ec;
    }

    .archives-topics__content .cat li a.cat5 {
        color: #A26740;
        border: 1px solid #598200;
    }

    .archives-topics__content .block_list {
        margin: 0 0 40px 0;
    }

    .archives-topics__content .block_list ul {
        padding: 0 15px;
        width: 100%;
    }

    .archives-topics__content .block_list ul li {
        width: 100%;
        padding: 25px 0;
        border-top: 1px #cccccc solid;
    }

    .archives-topics__content .block_list ul li .image {
        width: 100%;
        margin: 0 0 15px 0;
        display: block;
    }

    .archives-topics__content .block_list ul li .box {
        width: 100%;
        padding: 0 15px;
    }

    .archives-topics__content .block_list ul li .box .date {
        color: #bbbbbb;
        font-size: 1.2rem;
    }

    .archives-topics__content .block_list ul li .box .date .icon {
        margin: 0 10px 10px 0;
        padding: 5px 5px 3px 5px;
        font-size: 1.3rem;
        line-height: 1;
        display: inline-block;
    }

    .archives-topics__content .block_list ul li .box .date .icon.cat1 {
        color: #e1aa74;
        border: 1px solid #e1aa74;
    }

    .archives-topics__content .block_list ul li .box .date .icon.cat2 {
        color: #c5aac4;
        border: 1px solid #c5aac4;
    }

    .archives-topics__content .block_list ul li .box .date .icon.cat3 {
        color: #e290ab;
        border: 1px solid #e290ab;
    }

    .archives-topics__content .block_list ul li .box .date .icon.cat4 {
        color: #b1c7ec;
        border: 1px solid #b1c7ec;
    }

    .archives-topics__content .block_list ul li .box .date .icon.cat5 {
        color: #A26740;
        border: 1px solid #598200;
    }

    .archives-topics__content .block_list ul li .box h3 {
        color: #000000;
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .archives-topics__content .block_list ul li .box p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .archives-topics__content .block_list .btn_next {
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: table;
    }
}

@media print,
screen and (min-width: 768px) {
    .archives-pr__content {
        padding: 150px 0 0 0;
    }

    .archives-pr__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-pr__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-pr__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .archives-pr__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .archives-pr__content h3 {
        margin: 0 0 50px 0;
        color: #744A2E;
        font-size: 2.1rem;
    }

    .archives-pr__content h3 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .archives-pr__content .block_popular {
        padding: 60px 20px;
        text-align: center;
        background: #f8f8f6;
    }

    .archives-pr__content .block_popular ul {
        width: 100%;
        max-width: 1030px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .archives-pr__content .block_popular ul li {
        margin: 0 4% 0 0;
        width: 22%;
        background: #fff;
    }

    .archives-pr__content .block_popular ul li:last-child {
        margin: 0;
    }

    .archives-pr__content .block_popular ul li .image {
        -webkit-transition: .3s;
        transition: .3s;
    }

    .archives-pr__content .block_popular ul li .image figure {
        overflow: hidden;
        position: relative;
        padding-top: 78%;
    }

    .archives-pr__content .block_popular ul li .image figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .archives-pr__content .block_popular ul li a:hover .image {
        opacity: .7;
    }

    .archives-pr__content .block_popular ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-pr__content .block_popular ul li .inner h4 {
        margin: 0 0 10px 0;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .archives-pr__content .block_popular ul li .inner p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-pr__content .block_popular ul li .inner p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-pr__content .block_popular ul li .inner p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-pr__content .block_popular ul li .inner p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-pr__content .block_report {
        padding: 60px 20px;
        text-align: center;
        background: #f8f8f6;
    }

    .archives-pr__content .block_report ul {
        width: 100%;
        max-width: 1030px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-pr__content .block_report ul li {
        width: 22%;
        background: #fff;
    }

    .archives-pr__content .block_report ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-pr__content .block_report ul li .inner h4 {
        margin: 0 0 10px 0;
        font-size: 2rem;
        line-height: 1.4;
    }

    .archives-pr__content .block_report ul li .inner p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-pr__content .block_report ul li .inner p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-pr__content .block_report ul li .inner p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-pr__content .block_report ul li .inner p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-pr__content .block_latest {
        padding: 60px 0;
        max-width: 1090px;
        margin: 0 auto;
        text-align: center;
        background: #fff;
        overflow: hidden;
    }

    .archives-pr__content .block_latest ul li {
        width: 360px;
        margin: 0 auto 40px;
    }

    .archives-pr__content .block_latest ul li.disp {
        display: none;
    }

    .archives-pr__content .block_latest ul li a {
        margin: 0 20px;
        background: #f8f8f6;
        display: block;
        position: relative;
    }

    .archives-pr__content .block_latest ul li a:hover {
        opacity: 1;
    }

    .archives-pr__content .block_latest ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-pr__content .block_latest ul li .on {
        width: 100%;
        height: 100%;
        padding: 10px;
        letter-spacing: 0px;
        background: rgba(85, 129, 84, 0.8);
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .archives-pr__content .block_latest ul li .on:hover {
        opacity: 1;
    }

    .archives-pr__content .block_latest ul li .on div {
        width: 100%;
    }

    .archives-pr__content .block_latest ul li .on h4 {
        font-size: 1.6rem;
        color: #fff !important;
    }

    .archives-pr__content .block_latest ul li .on p {
        color: #fff !important;
    }

    .archives-pr__content .block_latest ul li .on p.btn {
        border-bottom: 1px #fff solid;
    }

    .archives-pr__content .block_latest ul li .on .txt {
        margin: 20px 0 0 0;
        display: block;
    }

    .archives-pr__content .block_latest ul li h4 {
        margin: 0 0 10px 0;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .archives-pr__content .block_latest ul li p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-pr__content .block_latest ul li p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-pr__content .block_latest ul li p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-pr__content .block_latest ul li p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-pr__content .block_latest.report h4 {
        font-size: 2rem;
    }

    .archives-pr__content .block_latest.report .on h4 {
        font-size: 2rem;
    }

    .archives-pr__content .block_latest.report .on .txt {
        font-size: 1.4rem;
    }

    .archives-pr__content .block_latest .btn_next {
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: inline-block;
    }

    .archives-pr__content .block_archives {
        width: 1060px;
        margin: 0 auto 40px;
        padding: 40px;
        border-top: 1px solid #ddd;
    }

    .archives-pr__content .block_archives dl {
        margin: 0 0 30px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .archives-pr__content .block_archives dl dt img {
        width: 37px;
    }

    .archives-pr__content .block_archives dl dd input {
        width: 320px;
        padding: 12px 10px;
        background: #f5f5f5;
    }

    .archives-pr__content .block_archives h4 {
        margin: 0 0 15px 0;
        font-size: 2rem;
    }

    .archives-pr__content .block_archives h4 span {
        padding: 0 0 0 15px;
        color: #333;
        font-size: 1.2rem;
    }

    .archives-pr__content .block_archives ul {
        margin: 0 0 20px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .archives-pr__content .block_archives ul li {
        border: 1px solid #bbb;
        display: inline-block;
        margin: 0 13px 10px 0;
    }

    .archives-pr__content .block_archives ul li a {
        padding: 5px 15px;
        font-size: 1.2rem;
        display: block;
    }
}

@media print,
screen and (min-width: 768px) and (max-width: 1079px) {
    .archives-blog__content .block_latest {
        width: 740px;
        margin: 0 auto;
    }
}

@media print,
screen and (max-width: 767px) {
    .archives-pr__content {
        padding: 70px 0 0 0;
    }

    .archives-pr__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .archives-pr__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .archives-pr__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .archives-pr__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .archives-pr__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .archives-pr__content h3 {
        margin: 0 0 20px 0;
        color: #744A2E;
        font-size: 1.4rem;
    }

    .archives-pr__content h3 span {
        margin: 10px 0 0 0;
        color: #868686;
        font-size: 1.1rem;
        display: block;
    }

    .archives-pr__content .block_popular {
        padding: 30px 20px;
        text-align: center;
        background: #f8f8f6;
    }

    .archives-pr__content .block_popular ul {
        width: 100% !important;
    }

    .archives-pr__content .block_popular ul li {
        width: 100%;
        margin: 0 0 20px 0;
        background: #fff;
    }

    .archives-pr__content .block_popular ul li .image {
        width: 100%;
        margin: 0 0 20px 0;
        background-position: center center;
        display: block;
        position: relative;
        /*&:before{
      content: "";
      display: block;
      padding-top: 67%;
    }*/
    }

    .archives-pr__content .block_popular ul li .image p {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .archives-pr__content .block_popular ul li .image p img {
        display: none;
    }

    .archives-pr__content .block_popular ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-pr__content .block_popular ul li .inner h4 {
        margin: 0 0 10px 0;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .archives-pr__content .block_popular ul li .inner p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-pr__content .block_popular ul li .inner p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-pr__content .block_popular ul li .inner p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-pr__content .block_popular ul li .inner p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-pr__content .block_report {
        padding: 30px 20px;
        text-align: center;
        background: #f8f8f6;
    }

    .archives-pr__content .block_report ul {
        width: 100% !important;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .archives-pr__content .block_report ul li {
        width: 47.5%;
        margin: 0 0 20px 0;
        background: #fff;
    }

    .archives-pr__content .block_report ul li .image {
        width: 100%;
        margin: 0 0 20px 0;
        background-position: center center;
        display: block;
        position: relative;
    }

    .archives-pr__content .block_report ul li .image:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .archives-pr__content .block_report ul li .image p {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .archives-pr__content .block_report ul li .image p img {
        display: none;
    }

    .archives-pr__content .block_report ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-pr__content .block_report ul li .inner h4 {
        margin: 0 0 10px 0;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .archives-pr__content .block_report ul li .inner p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-pr__content .block_report ul li .inner p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-pr__content .block_report ul li .inner p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-pr__content .block_report ul li .inner p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-pr__content .block_latest {
        padding: 30px 20px;
        text-align: center;
        background: #fff;
        overflow: hidden;
    }

    .archives-pr__content .block_latest ul li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .archives-pr__content .block_latest ul li.disp {
        display: none;
    }

    .archives-pr__content .block_latest ul li a {
        background: #f8f8f6;
        display: block;
        position: relative;
    }

    .archives-pr__content .block_latest ul li .image {
        width: 100%;
        background-position: center center;
        display: block;
        position: relative;
    }

    .archives-pr__content .block_latest ul li .image:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .archives-pr__content .block_latest ul li .image p {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .archives-pr__content .block_latest ul li .image p img {
        display: none;
    }

    .archives-pr__content .block_latest ul li .inner {
        width: 100%;
        padding: 15px;
        letter-spacing: 0px;
    }

    .archives-pr__content .block_latest ul li .on {
        display: none;
    }

    .archives-pr__content .block_latest ul li h4 {
        margin: 0 0 10px 0;
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .archives-pr__content .block_latest ul li p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .archives-pr__content .block_latest ul li p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .archives-pr__content .block_latest ul li p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .archives-pr__content .block_latest ul li p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .archives-pr__content .block_latest .btn_next {
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: inline-block;
    }

    .archives-pr__content .block_archives {
        width: 100%;
        padding: 30px 20px;
        border-top: 1px solid #ddd;
    }

    .archives-pr__content .block_archives dl {
        margin: 0 0 30px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .archives-pr__content .block_archives dl dt {
        width: 37px;
    }

    .archives-pr__content .block_archives dl dt img {
        width: 37px;
    }

    .archives-pr__content .block_archives dl dd {
        width: calc(100% - 37px);
    }

    .archives-pr__content .block_archives dl dd input {
        width: 100%;
        padding: 12px 10px;
        background: #f5f5f5;
    }

    .archives-pr__content .block_archives h4 {
        margin: 0 0 15px 0;
        font-size: 2rem;
        text-align: center;
    }

    .archives-pr__content .block_archives h4 span {
        padding: 5px 0 0 0;
        color: #333;
        font-size: 1.2rem;
        display: block;
    }

    .archives-pr__content .block_archives ul {
        margin: 0 0 20px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .archives-pr__content .block_archives ul li {
        border: 1px solid #bbb;
        display: inline-block;
        margin: 0 5px 10px 5px;
    }

    .archives-pr__content .block_archives ul li a {
        padding: 5px 15px;
        font-size: 1.2rem;
        display: block;
    }
}

@media print,
screen and (min-width: 768px) {
    .single-blog__content {
        padding: 150px 0 0 0;
    }

    .single-blog__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-blog__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-blog__content .block {
        width: 100%;
        max-width: 1100px;
        padding: 50px 20px 0 20px;
        margin: 0 auto;
        letter-spacing: 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .single-blog__content .block .block_left {
        width: 71%;
    }

    .single-blog__content .block .block_left .title {
        margin: 0 0 40px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #aaa;
        overflow: hidden;
    }

    .single-blog__content .block .block_left .title h3 {
        font-size: 2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .single-blog__content .block .block_left .title p {
        padding: 5px 0 0 0;
        color: #744A2E;
        font-size: 1.6rem;
        line-height: 1.5;
        float: right;
    }

    .single-blog__content .block .block_left .title p span {
        padding: 0 0 0 5px;
        font-size: 1.2rem;
    }

    .single-blog__content .block .block_left .txt {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    .single-blog__content .block .block_left .txt p {
        margin: 0 0 20px 0;
        font-size: 1.4rem;
    }

    .single-blog__content .block .block_left .txt p span {
        font-size: inherit;
    }

    .single-blog__content .block .block_left .txt p .f8 {
        font-size: 8px;
    }

    .single-blog__content .block .block_left .txt p .f10 {
        font-size: 10px;
    }

    .single-blog__content .block .block_left .txt p .f12 {
        font-size: 12px;
    }

    .single-blog__content .block .block_left .txt p .f14 {
        font-size: 14px;
    }

    .single-blog__content .block .block_left .txt p .f18 {
        font-size: 18px;
    }

    .single-blog__content .block .block_left .txt p .f22 {
        font-size: 22px;
    }

    .single-blog__content .block .block_left .txt p .f26 {
        font-size: 26px;
    }

    .single-blog__content .block .block_left .txt p .fBold {
        font-weight: bold;
    }

    .single-blog__content .block .block_left .txt img {
        margin: 0 0 20px 0;
    }

    .single-blog__content .block .block_right {
        width: 25%;
    }

    .single-blog__content .block .block_right dl {
        margin: 0 0 30px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .single-blog__content .block .block_right dl dt {
        width: 37px;
    }

    .single-blog__content .block .block_right dl dt img {
        width: 100%;
    }

    .single-blog__content .block .block_right dl dd {
        width: calc(100% - 37px);
    }

    .single-blog__content .block .block_right dl dd input {
        width: 100%;
        padding: 12px 10px;
        background: #f5f5f5;
    }

    .single-blog__content .block .block_right h4 {
        margin: 0 0 20px 0;
        font-size: 1.8rem;
    }

    .single-blog__content .block .block_right h4 span {
        margin: 10px 0 0 0;
        color: #888;
        font-size: 1.2rem;
        display: block;
    }

    .single-blog__content .block .block_right ul {
        margin: 0 0 30px 0;
    }

    .single-blog__content .block .block_right ul li {
        margin: 0 0 15px 0;
        padding: 0 0 0 15px;
        position: relative;
    }

    .single-blog__content .block .block_right ul li:before {
        content: "";
        width: 5px;
        height: 1px;
        background: #000;
        position: absolute;
        top: 50%;
        left: 0;
    }

    .single-blog__content .block .block_right ul li a {
        font-size: 1.2rem;
    }

    .single-blog__content .block .block_bottom {
        width: 100%;
    }

    .single-blog__content .block .block_bottom .pager {
        width: 100%;
        margin: 0 0 60px 0;
        padding: 30px 0 80px 0;
        border-bottom: 1px solid #ddd;
    }

    .single-blog__content .block .block_bottom .pager ul {
        text-align: center;
    }

    .single-blog__content .block .block_bottom .pager ul li {
        margin: 0 30px;
        display: inline-block;
    }

    .single-blog__content .block .block_bottom .pager ul li.back a {
        padding: 15px 60px;
        color: #744A2E;
        font-size: 1.2rem;
        border: 1px solid #744A2E;
        display: block;
    }

    .single-blog__content .block .block_bottom .pager ul li.prev a {
        padding: 0 0 0 25px;
        color: #744A2E;
        font-size: 1.4rem;
        display: block;
        position: relative;
    }

    .single-blog__content .block .block_bottom .pager ul li.prev a:after {
        content: "";
        width: 15px;
        height: 15px;
        border-left: 1px solid #744A2E;
        border-bottom: 1px solid #744A2E;
        position: absolute;
        top: -1px;
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .single-blog__content .block .block_bottom .pager ul li.next a {
        padding: 0 25px 0 0;
        color: #744A2E;
        font-size: 1.4rem;
        display: block;
        position: relative;
    }

    .single-blog__content .block .block_bottom .pager ul li.next a:after {
        content: "";
        width: 15px;
        height: 15px;
        border-top: 1px solid #744A2E;
        border-right: 1px solid #744A2E;
        position: absolute;
        top: -1px;
        right: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .single-blog__content .block .block_bottom .social {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto 30px;
    }

    .single-blog__content .block .block_bottom .social ul {
        text-align: center;
    }

    .single-blog__content .block .block_bottom .social ul li {
        display: inline-block;
    }

    .single-blog__content .block .block_bottom .social ul li a {
        width: 130px;
        padding: 15px 0;
        color: #fff;
        font-size: 1.3rem;
        display: block;
    }

    .single-blog__content .block .block_bottom .social ul li.facebook {
        background: #3c5a96;
    }

    .single-blog__content .block .block_bottom .social ul li.twitter {
        background: #1dadea;
    }

    .single-blog__content .block .block_bottom .social ul li.instagram {
        background: #64b3fe;
    }

    .single-blog__content .block .block_bottom .social ul li.line {
        background: #2eae1d;
    }

    .single-blog__content .block_pickup {
        padding: 60px 0 80px 0;
        text-align: center;
    }

    .single-blog__content .block_pickup h3 {
        margin: 0 0 50px 0;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-blog__content .block_pickup h3 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .single-blog__content .block_pickup ul {
        width: 100%;
        max-width: 1180px;
        padding: 0 40px;
        margin: 0 auto;
    }

    .single-blog__content .block_pickup ul li {
        margin: 0 20px;
    }

    .single-blog__content .block_pickup ul li a {
        outline: none;
    }

    .single-blog__content .block_pickup ul li img {
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .single-blog__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .single-blog__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.4rem;
        text-align: left;
        line-height: 1.4;
        text-align: center;
    }
}

@media print,
screen and (max-width: 767px) {
    .single-blog__content {
        padding: 70px 0 0 0;
    }

    .single-blog__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-blog__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-blog__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .single-blog__content .block {
        width: 100%;
        padding: 0 20px;
        letter-spacing: 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .single-blog__content .block .block_left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .single-blog__content .block .block_left .title {
        margin: 0 0 20px 0;
        text-align: center;
        overflow: hidden;
    }

    .single-blog__content .block .block_left .title h3 {
        font-size: 1.4rem;
        line-height: 1.5;
        display: inline-block;
    }

    .single-blog__content .block .block_left .title p {
        padding: 5px 0 0 0;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-blog__content .block .block_left .title p span {
        padding: 0 0 0 5px;
        font-size: 1.2rem;
    }

    .single-blog__content .block .block_left .txt {
        line-height: 1.8;
    }

    .single-blog__content .block .block_left .txt p {
        margin: 0 0 20px 0;
        font-size: 1.2rem;
    }

    .single-blog__content .block .block_left .txt p span {
        font-size: inherit;
    }

    .single-blog__content .block .block_left .txt p .f8 {
        font-size: 8px;
    }

    .single-blog__content .block .block_left .txt p .f10 {
        font-size: 10px;
    }

    .single-blog__content .block .block_left .txt p .f12 {
        font-size: 12px;
    }

    .single-blog__content .block .block_left .txt p .f14 {
        font-size: 14px;
    }

    .single-blog__content .block .block_left .txt p .f18 {
        font-size: 18px;
    }

    .single-blog__content .block .block_left .txt p .f22 {
        font-size: 22px;
    }

    .single-blog__content .block .block_left .txt p .f26 {
        font-size: 26px;
    }

    .single-blog__content .block .block_left .txt p .fBold {
        font-weight: bold;
    }

    .single-blog__content .block .block_left .txt img {
        margin: 0 0 20px 0;
    }

    .single-blog__content .block .block_bottom {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .single-blog__content .block .block_bottom .pager {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 30px 0 40px 0;
        border-bottom: 1px solid #ddd;
    }

    .single-blog__content .block .block_bottom .pager ul {
        text-align: center;
    }

    .single-blog__content .block .block_bottom .pager ul li {
        margin: 0 10px;
        display: inline-block;
    }

    .single-blog__content .block .block_bottom .pager ul li.back a {
        padding: 10px 15px;
        color: #744A2E;
        font-size: 1.2rem;
        border: 1px solid #744A2E;
        display: block;
    }

    .single-blog__content .block .block_bottom .pager ul li.prev a {
        padding: 0 0 0 15px;
        color: #744A2E;
        font-size: 1.2rem;
        display: block;
        position: relative;
    }

    .single-blog__content .block .block_bottom .pager ul li.prev a:after {
        content: "";
        width: 10px;
        height: 10px;
        border-left: 1px solid #744A2E;
        border-bottom: 1px solid #744A2E;
        position: absolute;
        top: 1px;
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .single-blog__content .block .block_bottom .pager ul li.next a {
        padding: 0 15px 0 0;
        color: #744A2E;
        font-size: 1.2rem;
        display: block;
        position: relative;
    }

    .single-blog__content .block .block_bottom .pager ul li.next a:after {
        content: "";
        width: 10px;
        height: 10px;
        border-top: 1px solid #744A2E;
        border-right: 1px solid #744A2E;
        position: absolute;
        top: 1px;
        right: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .single-blog__content .block .block_bottom .social {
        width: 100%;
        margin: 0 auto 50px;
    }

    .single-blog__content .block .block_bottom .social ul {
        text-align: center;
    }

    .single-blog__content .block .block_bottom .social ul li {
        width: 22%;
        display: inline-block;
    }

    .single-blog__content .block .block_bottom .social ul li a {
        width: 100%;
        padding: 10px 0;
        color: #fff;
        font-size: 1.2rem;
        display: block;
    }

    .single-blog__content .block .block_bottom .social ul li.facebook {
        background: #3c5a96;
    }

    .single-blog__content .block .block_bottom .social ul li.twitter {
        background: #1dadea;
    }

    .single-blog__content .block .block_bottom .social ul li.instagram {
        background: #64b3fe;
    }

    .single-blog__content .block .block_bottom .social ul li.line {
        background: #2eae1d;
    }

    .single-blog__content .block .block_right {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .single-blog__content .block .block_right dl {
        margin: 0 0 30px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .single-blog__content .block .block_right dl dt {
        width: 37px;
    }

    .single-blog__content .block .block_right dl dt img {
        width: 37px;
    }

    .single-blog__content .block .block_right dl dd {
        width: calc(100% - 37px);
    }

    .single-blog__content .block .block_right dl dd input {
        width: 100%;
        padding: 12px 10px;
        background: #f5f5f5;
    }

    .single-blog__content .block .block_right h4 {
        margin: 0 0 20px 0;
        font-size: 2rem;
        text-align: center;
    }

    .single-blog__content .block .block_right h4 span {
        padding: 5px 0 0 0;
        color: #333;
        font-size: 1.2rem;
        display: block;
    }

    .single-blog__content .block .block_right ul {
        margin: 0 0 20px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .single-blog__content .block .block_right ul li {
        margin: 0 5px 10px 5px;
        display: inline-block;
    }

    .single-blog__content .block .block_right ul li a {
        padding: 5px 15px;
        font-size: 1.2rem;
        border-radius: 20px;
        background: #f7f7f7;
        display: block;
    }

    .single-blog__content .block_pickup {
        padding: 20px 30px 40px 30px;
    }

    .single-blog__content .block_pickup h3 {
        margin: 0 0 20px 0;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-blog__content .block_pickup h3 span {
        margin: 10px 0 0 0;
        color: #868686;
        display: block;
    }

    .single-blog__content .block_pickup ul {
        width: 100%;
    }

    .single-blog__content .block_pickup ul li {
        padding: 5px;
    }

    .single-blog__content .block_pickup ul li a {
        outline: none;
    }

    .single-blog__content .block_pickup ul li img {
        width: 100%;
        height: auto;
        margin: 0 0 15px 0;
    }

    .single-blog__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .single-blog__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.4rem;
        text-align: left;
        line-height: 1.4;
        text-align: center;
    }
}

@media print,
screen and (min-width: 768px) {
    .single-fair__content {
        padding: 150px 0 0 0;
    }

    .single-fair__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-fair__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-fair__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-fair__content .dl {
        text-align: center;
    }

    .single-fair__content .dl p {
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .single-fair__content .dl p span {
        color: #744A2E;
        font-size: 1.4rem;
    }

    .single-fair__content .icon ul {
        margin: 0 auto 30px auto;
        max-width: 700px;
        text-align: center;
    }

    .single-fair__content .icon ul li {
        margin: 0 0 10px 0;
        padding: 5px 15px 3px 15px;
        color: #688c00;
        font-size: 1.3rem;
        line-height: 1;
        border: 1px solid #688c00;
        display: inline-block;
    }

    .single-fair__content h3 {
        max-width: 800px;
        margin: 0 auto 20px auto;
        padding: 0 20px;
        color: #000000;
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: center;
    }

    .single-fair__content .visual {
        width: 100%;
        height: 390px;
        margin: 0 0 50px 0;
        background-position: center center;
        display: block;
        position: relative;
    }

    .single-fair__content .visual img {
        display: none;
    }

    .single-fair__content .block_info {
        margin: 0 0 60px 0;
        text-align: center;
    }

    .single-fair__content .block_info dl.date {
        margin: 0 0 50px 0;
        color: #744A2E;
    }

    .single-fair__content .block_info dl.date dt {
        margin: 0 0 10px 0;
        font-size: 2rem;
    }

    .single-fair__content .block_info dl.date dd {
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .single-fair__content .block_info dl.date dd span {
        padding: 0 10px 0 0;
        font-size: 1.6rem;
        display: inline-block;
    }

    .single-fair__content .block_info dl.txt dt {
        margin: 0 0 5px 0;
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .single-fair__content .block_info dl.txt dd {
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .single-fair__content .complete {
        margin: 100px auto;
        width: 100%;
        max-width: 800px;
        text-align: center;
    }

    .single-fair__content .complete p {
        margin: 30px 0 0 0;
        font-size: 1.6rem;
        line-height: 2;
    }

    .single-fair__content .block_movie {
        padding: 50px 20px;
        text-align: center;
        background: #333;
    }

    .single-fair__content .block_movie h4 {
        margin: 0 0 50px 0;
        color: #fff;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-fair__content .block_movie h4 span {
        margin: 15px 0 0 0;
        font-size: 1.2rem;
        display: block;
    }

    .single-fair__content .block_movie iframe {
        width: 100%;
        max-width: 600px;
    }

    .single-fair__content .block_movie {
        padding: 50px 20px;
        text-align: center;
        background: #333;
    }

    .single-fair__content .block_movie h4 {
        margin: 0 0 50px 0;
        color: #fff;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-fair__content .block_movie h4 span {
        margin: 15px 0 0 0;
        font-size: 1.2rem;
        display: block;
    }

    .single-fair__content .block_schedule {
        padding: 60px 0;
    }

    .single-fair__content .block_schedule h4 {
        margin: 0 0 50px 0;
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-fair__content .block_schedule h4 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .single-fair__content .block_schedule ul.list {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .single-fair__content .block_schedule ul.list>li {
        width: 100%;
        min-height: 270px;
        border-bottom: 1px solid #ddd;
        background: #f8f8f6;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .single-fair__content .block_schedule ul.list>li:nth-child(2n) {
        background: #fff;
    }

    .single-fair__content .block_schedule ul.list>li .image {
        width: 35%;
        position: relative;
    }

    .single-fair__content .block_schedule ul.list>li .image p {
        width: 100%;
        display: block;
    }

    .single-fair__content .block_schedule ul.list>li .image p img {
        display: none;
    }

    .single-fair__content .block_schedule ul.list>li .box {
        width: 65%;
        padding: 30px 50px;
    }

    .single-fair__content .block_schedule ul.list>li .box .outer {
        height: 100%;
        display: table;
    }

    .single-fair__content .block_schedule ul.list>li .box .inner {
        display: table-cell;
        vertical-align: middle;
    }

    .single-fair__content .block_schedule ul.list>li .box h5 {
        margin: 10px 0;
        color: #A26740;
        font-size: 1.8rem;
        line-height: 1.5;
    }

    .single-fair__content .block_schedule ul.list>li .box h5 span {
        padding: 0 0 0 5px;
        font-size: 1.2rem;
    }

    .single-fair__content .block_schedule ul.list>li .box p {
        margin: 0 0 10px 0;
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .single-fair__content .block_schedule ul.list>li .box dl dt {
        padding: 0 0 5px 15px;
        color: #A26740;
        font-size: 1.5rem;
        line-height: 1.5;
        position: relative;
    }

    .single-fair__content .block_schedule ul.list>li .box dl dt:before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 3px;
        background: #A26740;
        position: absolute;
        top: 8px;
        left: 0;
    }

    .single-fair__content .block_schedule ul.list>li .box dl dd {
        margin: 0 0 10px 0;
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .single-fair__content .block_detail {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .single-fair__content .block_detail ul {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .single-fair__content .block_detail ul li {
        width: 33.33%;
        padding-bottom: 190px;
        position: relative;
    }

    .single-fair__content .block_detail ul li .icon {
        margin: 0 0 30px 0;
        text-align: center;
    }

    .single-fair__content .block_detail ul li .icon img {
        width: 16%;
    }

    .single-fair__content .block_detail ul li dl {
        padding: 0 20px 20px 20px;
        line-height: 1.5;
    }

    .single-fair__content .block_detail ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.6rem;
        text-align: center;
    }

    .single-fair__content .block_detail ul li dl dd {
        font-size: 1.4rem;
    }

    .single-fair__content .block_detail ul li .image {
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .single-fair__content .block_detail ul li .image figure {
        overflow: hidden;
        position: relative;
        height: 180px;
    }

    .single-fair__content .block_detail ul li .image figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .single-fair__content .block_reservation {
        padding: 60px 20px 60px 20px;
    }

    .single-fair__content .block_reservation h4 {
        margin: 0 0 30px 0;
        color: #744A2E;
        font-size: 2.1rem;
        line-height: 1.5;
        text-align: center;
    }

    .single-fair__content .block_reservation .outer {
        width: 100%;
        max-width: 910px;
        margin: 0 auto;
        padding: 40px;
        background: #f4f6eb;
    }

    .single-fair__content .block_reservation .outer .inner {
        padding: 25px;
        background: #fff;
    }

    .single-fair__content .block_reservation .outer .inner h5 {
        margin: 0 0 30px 0;
        padding: 15px 20px;
        font-size: 1.5rem;
        background: #f8f8f8;
    }

    .single-fair__content .block_reservation .outer .inner h5 span {
        margin: -10px 10px 0 0;
        padding: 4px 5px 2px 5px;
        color: #fff;
        background: #608803;
    }

    .single-fair__content .block_reservation .outer .inner input[type=text] {
        padding: 10px;
        border: 1px solid #e1e1e1;
    }

    .single-fair__content .block_reservation .outer .inner dl {
        margin: 0 0 20px 0;
        overflow: hidden;
    }

    .single-fair__content .block_reservation .outer .inner dl dt {
        padding: 10px 0 0 0;
        font-size: 1.4rem;
        float: left;
    }

    .single-fair__content .block_reservation .outer .inner dl dd {
        float: left;
    }

    .single-fair__content .block_reservation .outer .inner dl dd p {
        padding: 10px 0 0 0;
        font-size: 1.4rem;
    }

    .single-fair__content .block_reservation .outer .inner dl dd p.error {
        color: #ba0000;
    }

    .single-fair__content .block_reservation .outer .inner .form1 {
        padding: 0 10px;
    }

    .single-fair__content .block_reservation .outer .inner .form1 dl dt {
        width: 80px;
    }

    .single-fair__content .block_reservation .outer .inner .form1 dl dd {
        width: calc(100% - 150px);
    }

    .single-fair__content .block_reservation .outer .inner .form1 dl dd input {
        width: 85%;
    }

    .single-fair__content .block_reservation .outer .inner .form2 {
        padding: 0 10px 40px 10px;
        overflow: hidden;
    }

    .single-fair__content .block_reservation .outer .inner .form2 dl {
        width: 40%;
        float: left;
    }

    .single-fair__content .block_reservation .outer .inner .form2 dl dt {
        width: 80px;
    }

    .single-fair__content .block_reservation .outer .inner .form2 dl dd {
        width: calc(100% - 120px);
    }

    .single-fair__content .block_reservation .outer .inner .form2 dl dd select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        padding: 10px;
        font-size: 1.4rem;
        line-height: 1;
        border: 1px solid #e1e1e1;
    }

    .single-fair__content .block_reservation .outer .inner .form2 dl dd select.time .disp {
        display: none;
    }

    .single-fair__content .block_reservation .outer .inner .form3 {
        padding: 0 10px 40px 10px;
        overflow: hidden;
    }

    .single-fair__content .block_reservation .outer .inner .form3 dl {
        width: 50%;
        float: left;
    }

    .single-fair__content .block_reservation .outer .inner .form3 dl dt {
        width: 40px;
    }

    .single-fair__content .block_reservation .outer .inner .form3 dl dd {
        width: calc(100% - 100px);
    }

    .single-fair__content .block_reservation .outer .inner .form3 dl dd input {
        width: 100%;
    }

    .single-fair__content .block_reservation .outer .inner .form4 {
        padding: 0 10px 40px 10px;
    }

    .single-fair__content .block_reservation .outer .inner .form4 input {
        width: 100%;
    }

    .single-fair__content .block_reservation .outer .inner .form4 p {
        font-size: 1.4rem;
    }

    .single-fair__content .block_reservation .outer .inner .form4 p.error {
        padding: 10px 0 0 10px;
        color: #ba0000;
    }

    .single-fair__content .block_reservation .outer .inner .pbox {
        margin: 20px 10px 40px 10px;
        padding: 20px;
        height: 18rem;
        line-height: 1.6;
        text-align: left;
        overflow: scroll;
        border: 1px #e1e1e1 solid;
    }

    .single-fair__content .block_reservation .outer .inner .pbox h3 {
        margin: 0 0 1.5rem 0;
        padding: 0;
        color: #000000;
        font-size: 1.6rem;
        text-align: left;
    }

    .single-fair__content .block_reservation .outer .inner .pbox p {
        margin: 0 0 1.5rem 0;
        font-size: 1.2rem;
    }

    .single-fair__content .block_reservation .outer .inner .pbox p.error {
        color: #ba0000;
    }

    .single-fair__content .block_reservation .outer .inner .btn {
        text-align: center;
    }

    .single-fair__content .block_reservation .outer .inner .btn p {
        margin: 0 0 30px 0;
        font-size: 1.4rem;
    }

    .single-fair__content .block_reservation .outer .inner .btn p.error {
        color: #ba0000;
    }

    .single-fair__content .block_reservation .outer .inner .btn p label {
        font-size: 1.4rem;
    }

    .single-fair__content .block_reservation .outer .inner .btn input[type=submit] {
        padding: 15px 100px;
        color: #fff;
        font-size: 1.4rem;
        background: #A26740;
        cursor: pointer;
    }

    .single-fair__content .block_reservation .outer .inner .btn input.hback {
        margin: 0 10px 0 0;
        padding: 15px 100px;
        color: #fff;
        font-size: 1.4rem;
        background: #cccccc;
        cursor: pointer;
    }

    .single-fair__content .block_reservation .outer .inner .btn img {
        margin: 40px 0 20px 0;
    }

    .single-fair__content .block_reservation .btn_back {
        width: 190px;
        margin: 50px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: block;
    }

    .single-fair__content .block_list {
        padding: 60px 20px 30px 20px;
        background: #f8f8f6;
    }

    .single-fair__content .block_list h4 {
        margin: 0 0 30px 0;
        color: #868686;
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: left;
    }

    .single-fair__content .block_list h4.midashi {
        text-align: center;
    }

    .single-fair__content .block_list ul.list {
        width: 100%;
        max-width: 1060px;
        margin: 0 auto;
    }

    .single-fair__content .block_list ul.list>li {
        margin: 0 0 30px 0;
        padding: 30px;
        background: #fff;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .single-fair__content .block_list ul.list>li .image {
        width: 33%;
        height: auto;
    }

    .single-fair__content .block_list ul.list>li .image figure {
        overflow: hidden;
        position: relative;
        padding-top: 58%;
    }

    .single-fair__content .block_list ul.list>li .image figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .single-fair__content .block_list ul.list>li .box {
        width: 63%;
    }

    .single-fair__content .block_list ul.list>li .box h4 {
        margin: 0 0 10px 0;
        color: #A26740;
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .single-fair__content .block_list ul.list>li .box p {
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .single-fair__content .block_list ul.list>li .box ul.icon {
        margin: 20px 0 0 0;
        text-align: left;
    }

    .single-fair__content .block_list ul.list>li .box ul.icon li {
        margin: 0 0 7px 0;
        padding: 5px 10px 3px 10px;
        font-size: 1.4rem;
        border: 1px solid #676765;
        display: inline-block;
    }

    .single-fair__content .block_list ul.list>li .box .btn {
        width: 230px;
        margin: 20px 15px 0 0;
        padding: 15px 20px;
        color: #fff;
        text-align: center;
        background: #A26740;
        display: inline-block;
    }

    .single-fair__content .block_list ul.list>li .box .btn.detail span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_glass.png) no-repeat left center/8px 8px;
    }

    .single-fair__content .block_list ul.list>li .box .btn.date span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_cal.png) no-repeat left center/8px 8px;
    }

    .single-fair__content .block_flow {
        width: 100%;
        max-width: 1040px;
        margin: 0 auto 100px;
        padding: 60px 0 0 0;
    }

    .single-fair__content .block_flow h4 {
        margin: 0 0 50px 0;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-fair__content .block_flow h4 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .single-fair__content .block_flow ul {
        margin: 0 20px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .single-fair__content .block_flow ul li {
        width: 20%;
        padding: 30px 10px;
        text-align: center;
        border: 2px solid #e5e5e3;
        background: #f9f9f9;
        position: relative;
    }

    .single-fair__content .block_flow ul li:after {
        content: "";
        width: 20px;
        height: 20px;
        border-top: 1px solid #588101;
        border-right: 1px solid #588101;
        position: absolute;
        top: 50%;
        right: -25%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
    }

    .single-fair__content .block_flow ul li:last-child:after {
        display: none;
    }

    .single-fair__content .block_flow ul li dl {
        color: #744A2E;
    }

    .single-fair__content .block_flow ul li dl dt {
        margin: 0 0 15px 0;
        font-size: 2rem;
    }

    .single-fair__content .block_flow ul li dl dd {
        margin: 0 0 25px 0;
        font-size: 1.8rem;
    }

    .single-fair__content .block_flow ul li p {
        font-size: 1.2rem;
        line-height: 1.5;
        letter-spacing: 0;
    }
}

@media print,
screen and (max-width: 767px) {
    .single-fair__content {
        padding: 70px 0 0 0;
    }

    .single-fair__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-fair__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-fair__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .single-fair__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .single-fair__content .dl {
        text-align: center;
    }

    .single-fair__content .dl p {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-fair__content .dl p span {
        color: #744A2E;
        font-size: 1.2rem;
    }

    .single-fair__content .complete {
        margin: 40px auto;
        padding: 0 20px;
        width: 100%;
    }

    .single-fair__content .complete p {
        margin: 1.5rem 0 0 0;
        font-size: 1.1rem;
        text-align: left;
        line-height: 1.8;
    }

    .single-fair__content .icon ul {
        margin: 0 20px 20px 20px;
        text-align: center;
    }

    .single-fair__content .icon ul li {
        margin: 0 0 5px 0;
        padding: 5px 15px 4px 15px;
        color: #744A2E;
        font-size: 1.1rem;
        line-height: 1;
        border: 1px solid #744A2E;
        display: inline-block;
    }

    .single-fair__content h3 {
        margin: 0 20px 20px 20px;
        color: #868686;
        font-size: 1.4rem;
        line-height: 1.5;
        text-align: center;
    }

    .single-fair__content .visual {
        width: 100%;
        margin: 0 0 30px 0;
        background-position: center center;
        display: block;
        position: relative;
    }

    .single-fair__content .visual:before {
        content: "";
        display: block;
        padding-top: 50%;
    }

    .single-fair__content .visual p {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .single-fair__content .visual p img {
        display: none;
    }

    .single-fair__content .block_info {
        margin: 0 0 30px 0;
        text-align: center;
    }

    .single-fair__content .block_info dl.date {
        margin: 0 20px 30px 20px;
        color: #744A2E;
    }

    .single-fair__content .block_info dl.date dt {
        margin: 0 0 10px 0;
        font-size: 1.3rem;
    }

    .single-fair__content .block_info dl.date dd {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-fair__content .block_info dl.date dd span {
        padding: 0 5px 0 0;
        font-size: 1.2rem;
        display: inline-block;
    }

    .single-fair__content .block_info dl.txt {
        margin: 0 20px;
    }

    .single-fair__content .block_info dl.txt dt {
        margin: 0 0 5px 0;
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-fair__content .block_info dl.txt dd {
        font-size: 1.2rem;
        text-align: left;
        line-height: 1.5;
    }

    .single-fair__content .block_pickup {
        padding: 40px 30px;
        text-align: center;
        background: #f8f8f6;
    }

    .single-fair__content .block_pickup h3 {
        margin: 0 0 20px 0;
        font-size: 1.4rem;
    }

    .single-fair__content .block_pickup h3 span {
        margin: 10px 0 0 0;
        color: #868686;
        display: block;
    }

    .single-fair__content .block_pickup ul {
        width: 100%;
    }

    .single-fair__content .block_pickup ul li {
        padding: 5px;
    }

    .single-fair__content .block_pickup ul li a {
        outline: none;
    }

    .single-fair__content .block_pickup ul li img {
        width: 100%;
        height: auto;
        margin: 0 0 15px 0;
    }

    .single-fair__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .single-fair__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.4rem;
        text-align: left;
        line-height: 1.4;
        text-align: center;
    }

    .single-fair__content .block_movie {
        padding: 50px 20px;
        text-align: center;
        background: #333;
    }

    .single-fair__content .block_movie h4 {
        margin: 0 0 20px 0;
        color: #fff;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-fair__content .block_movie h4 span {
        margin: 10px 0 0 0;
        display: block;
    }

    .single-fair__content .block_movie .inner {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .single-fair__content .block_movie .inner iframe {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        right: 0;
    }

    .single-fair__content .block_schedule {
        padding: 30px 0;
    }

    .single-fair__content .block_schedule h4 {
        margin: 0 0 30px 0;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-fair__content .block_schedule h4 span {
        margin: 10px 0 0 0;
        color: #868686;
        display: block;
    }

    .single-fair__content .block_schedule ul.list {
        width: 100%;
    }

    .single-fair__content .block_schedule ul.list>li {
        width: 100%;
        padding: 20px;
        border-bottom: 1px solid #ddd;
        background: #f8f8f6;
    }

    .single-fair__content .block_schedule ul.list>li:nth-child(2n) {
        background: #fff;
    }

    .single-fair__content .block_schedule ul.list>li .image {
        width: 100%;
        margin: 0 0 10px 0;
        background-position: center center;
        display: block;
        position: relative;
    }

    .single-fair__content .block_schedule ul.list>li .image:before {
        content: "";
        display: block;
        padding-top: 50%;
    }

    .single-fair__content .block_schedule ul.list>li .image p {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .single-fair__content .block_schedule ul.list>li .image p img {
        display: none;
    }

    .single-fair__content .block_schedule ul.list>li .box h5 {
        margin: 10px 0;
        color: #A26740;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .single-fair__content .block_schedule ul.list>li .box h5 span {
        padding: 0 0 0 5px;
        font-size: 1.2rem;
    }

    .single-fair__content .block_schedule ul.list>li .box p {
        margin: 0 0 10px 0;
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-fair__content .block_schedule ul.list>li .box dl dt {
        padding: 0 0 5px 10px;
        color: #A26740;
        font-size: 1.3rem;
        line-height: 1.5;
        position: relative;
    }

    .single-fair__content .block_schedule ul.list>li .box dl dt:before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background: #A26740;
        position: absolute;
        top: 6px;
        left: 0;
    }

    .single-fair__content .block_schedule ul.list>li .box dl dd {
        margin: 0 0 10px 0;
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-fair__content .block_detail {
        width: 100%;
        padding: 0 20px;
    }

    .single-fair__content .block_detail ul li {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .single-fair__content .block_detail ul li .icon {
        margin: 0 0 30px 0;
        text-align: center;
    }

    .single-fair__content .block_detail ul li .icon img {
        width: 16%;
    }

    .single-fair__content .block_detail ul li dl {
        padding: 0 0 10px 0;
        line-height: 1.5;
    }

    .single-fair__content .block_detail ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.6rem;
        text-align: center;
    }

    .single-fair__content .block_detail ul li dl dd {
        font-size: 1.4rem;
    }

    .single-fair__content .block_reservation {
        padding: 30px 0;
    }

    .single-fair__content .block_reservation h4 {
        padding: 15px 0;
        color: #fff;
        font-size: 1.8rem;
        text-align: center;
        background: #6a8c01;
    }

    .single-fair__content .block_reservation .outer .inner h5 {
        padding: 15px 20px;
        font-size: 1.4rem;
        background: #f8f8f8;
    }

    .single-fair__content .block_reservation .outer .inner h5 span {
        margin: -10px 10px 0 0;
        padding: 4px 5px 2px 5px;
        color: #fff;
        background: #608803;
    }

    .single-fair__content .block_reservation .outer .inner input[type=text] {
        padding: 10px;
        border: 1px solid #e1e1e1;
    }

    .single-fair__content .block_reservation .outer .inner dl {
        margin: 0 0 20px 0;
    }

    .single-fair__content .block_reservation .outer .inner dl dt {
        padding: 0 0 10px 0;
        font-size: 1.4rem;
    }

    .single-fair__content .block_reservation .outer .inner dl dd p {
        padding: 0 0 10px 0;
        font-size: 1.4rem;
    }

    .single-fair__content .block_reservation .outer .inner dl dd p.error {
        padding: 10px 0;
        color: #ba0000;
        font-size: 1.2rem;
    }

    .single-fair__content .block_reservation .outer .inner .form1 {
        padding: 20px 20px 0 20px;
    }

    .single-fair__content .block_reservation .outer .inner .form1 dl dd {
        width: 100%;
    }

    .single-fair__content .block_reservation .outer .inner .form1 dl dd input {
        width: 100%;
    }

    .single-fair__content .block_reservation .outer .inner .form2 {
        padding: 0 20px 20px 20px;
        overflow: hidden;
    }

    .single-fair__content .block_reservation .outer .inner .form2 dl {
        width: 50%;
        float: left;
    }

    .single-fair__content .block_reservation .outer .inner .form2 dl dt {
        width: 80px;
    }

    .single-fair__content .block_reservation .outer .inner .form2 dl dd {
        width: 100%;
    }

    .single-fair__content .block_reservation .outer .inner .form2 dl dd select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: calc(100% - 20px);
        padding: 10px;
        font-size: 1.4rem;
        line-height: 1;
        border: 1px solid #e1e1e1;
    }

    .single-fair__content .block_reservation .outer .inner .form2 dl dd select .disp {
        display: none;
    }

    .single-fair__content .block_reservation .outer .inner .form3 {
        padding: 20px;
        overflow: hidden;
    }

    .single-fair__content .block_reservation .outer .inner .form3 dl {
        width: 50%;
        float: left;
    }

    .single-fair__content .block_reservation .outer .inner .form3 dl dt {
        width: 80px;
    }

    .single-fair__content .block_reservation .outer .inner .form3 dl dd {
        width: 100%;
    }

    .single-fair__content .block_reservation .outer .inner .form3 dl dd input {
        width: calc(100% - 20px);
    }

    .single-fair__content .block_reservation .outer .inner .form4 {
        padding: 20px 20px 40px 20px;
    }

    .single-fair__content .block_reservation .outer .inner .form4 input {
        width: 100%;
    }

    .single-fair__content .block_reservation .outer .inner .form4 p {
        font-size: 1.4rem;
    }

    .single-fair__content .block_reservation .outer .inner .form4 p.error {
        padding: 10px 0;
        font-size: 1.2rem;
        color: #ba0000;
    }

    .single-fair__content .block_reservation .outer .inner .pbox {
        margin: 20px 20px 40px 20px;
        padding: 15px;
        height: 10rem;
        text-align: left;
        border: 1px #e1e1e1 solid;
        overflow: scroll;
    }

    .single-fair__content .block_reservation .outer .inner .pbox h3 {
        margin: 0 0 10px 0;
        color: #000000;
        font-size: 1.4rem;
        line-height: 1.6rem;
        text-align: left;
    }

    .single-fair__content .block_reservation .outer .inner .pbox p {
        margin: 0 0 1.5rem 0;
        font-size: 1.2rem;
        line-height: 1.6;
    }

    .single-fair__content .block_reservation .outer .inner .pbox p.error {
        color: #ba0000;
    }

    .single-fair__content .block_reservation .outer .inner .btn {
        text-align: center;
    }

    .single-fair__content .block_reservation .outer .inner .btn p {
        margin: 0 0 30px 0;
        font-size: 1.2rem;
    }

    .single-fair__content .block_reservation .outer .inner .btn p.error {
        color: #ba0000;
    }

    .single-fair__content .block_reservation .outer .inner .btn input[type=submit] {
        padding: 15px 50px;
        color: #fff;
        font-size: 1.2rem;
        background: #A26740;
    }

    .single-fair__content .block_reservation .outer .inner .btn input.hback {
        margin: 0 10px 0 0;
        padding: 15px 50px;
        color: #fff;
        font-size: 1.2rem;
        background: #cccccc;
    }

    .single-fair__content .block_reservation .outer .inner .btn img {
        width: 70px;
        margin: 20px 0 10px 0;
    }

    .single-fair__content .block_reservation .btn_back {
        width: 190px;
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: block;
    }

    .single-fair__content .block_list {
        background: #f8f8f6;
        padding: 30px 0 0 0;
    }

    .single-fair__content .block_list h4 {
        color: #868686;
        font-size: 1.4rem;
        line-height: 1.5;
        text-align: left;
    }

    .single-fair__content .block_list h4.midashi {
        text-align: center;
    }

    .single-fair__content .block_list ul.list {
        width: 100%;
    }

    .single-fair__content .block_list ul.list>li {
        width: 100%;
        padding: 25px 20px;
        border-bottom: 1px solid #ddd;
        background: #f8f8f6;
    }

    .single-fair__content .block_list ul.list>li:nth-child(2n) {
        background: #fff;
    }

    .single-fair__content .block_list ul.list>li .image {
        width: 100%;
        margin: 0 0 15px 0;
        display: block;
    }

    .single-fair__content .block_list ul.list>li .box {
        width: 100%;
    }

    .single-fair__content .block_list ul.list>li .box h4 {
        margin: 0 0 10px 0;
        color: #A26740;
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .single-fair__content .block_list ul.list>li .box p {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-fair__content .block_list ul.list>li .box ul.icon {
        margin: 20px 0 0 0;
    }

    .single-fair__content .block_list ul.list>li .box ul.icon li {
        margin: 0 0 7px 0;
        padding: 5px 10px 3px 10px;
        font-size: 1.2rem;
        border: 1px solid #676765;
        display: inline-block;
    }

    .single-fair__content .block_list ul.list>li .box .btn {
        width: 200px;
        margin: 20px auto 25px auto;
        padding: 15px 20px;
        color: #fff;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .single-fair__content .block_list ul.list>li .box .btn.detail span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_glass.png) no-repeat left center/8px 8px;
    }

    .single-fair__content .block_flow {
        width: 100%;
        padding: 30px 0 40px;
        background: #f9f9f9;
    }

    .single-fair__content .block_flow h4 {
        margin: 0 0 20px 0;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-fair__content .block_flow h4 span {
        margin: 10px 0 0 0;
        color: #868686;
        display: block;
    }

    .single-fair__content .block_flow ul {
        margin: 0 30px;
    }

    .single-fair__content .block_flow ul li {
        width: 100%;
        margin: 0 0 40px 0;
        padding: 20px 10px;
        text-align: center;
        border: 2px solid #e5e5e3;
        background: #f9f9f9;
        position: relative;
    }

    .single-fair__content .block_flow ul li:after {
        content: "";
        width: 20px;
        height: 20px;
        border-bottom: 1px solid #588101;
        border-right: 1px solid #588101;
        position: absolute;
        bottom: -32px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
    }

    .single-fair__content .block_flow ul li:last-child {
        margin: 0;
    }

    .single-fair__content .block_flow ul li:last-child:after {
        display: none;
    }

    .single-fair__content .block_flow ul li dl {
        color: #744A2E;
    }

    .single-fair__content .block_flow ul li dl dt {
        margin: 0 0 10px 0;
        font-size: 2.5rem;
    }

    .single-fair__content .block_flow ul li dl dd {
        margin: 0 0 15px 0;
        font-size: 1.5rem;
    }

    .single-fair__content .block_flow ul li p {
        font-size: 1.2rem;
        line-height: 1.5;
        letter-spacing: 0;
    }

    .single-fair__content .block_flow ul li p br {
        display: none;
    }
}

@media print,
screen and (min-width: 768px) {
    .single-plan__content {
        padding: 150px 0 0 0;
    }

    .single-plan__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-plan__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-plan__content .icon {
        margin: 0 0 30px 0;
        text-align: center;
    }

    .single-plan__content .icon p {
        padding: 15px 20px;
        color: #744A2E;
        font-size: 1.3rem;
        line-height: 1;
        border: 1px solid #744A2E;
        display: inline-block;
    }

    .single-plan__content h3 {
        max-width: 800px;
        margin: 0 auto 30px auto;
        padding: 0 20px;
        color: #868686;
        font-size: 2.1rem;
        line-height: 1.5;
        text-align: center;
    }

    .single-plan__content .desc {
        max-width: 800px;
        margin: 0 auto 30px;
        padding: 0 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .single-plan__content .image {
        width: 100%;
        height: 390px;
        background-position: center center;
        display: block;
        position: relative;
    }

    .single-plan__content .image img {
        display: none;
    }

    .single-plan__content .block_information {
        padding: 60px 0;
        text-align: center;
    }

    .single-plan__content .block_information h4 {
        margin: 0 0 50px 0;
        color: #744A2E;
        font-size: 2.1rem;
    }

    .single-plan__content .block_information h4 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .single-plan__content .block_information h5 {
        margin: 0 0 25px 0;
        font-size: 1.8rem;
        line-height: 1.5;
    }

    .single-plan__content .block_information .block1 {
        padding: 0 20px;
    }

    .single-plan__content .block_information .block1 ul {
        width: 100%;
        max-width: 900px;
        margin: 0 auto 60px;
    }

    .single-plan__content .block_information .block1 ul li {
        text-align: left;
    }

    .single-plan__content .block_information .block1 ul li dl {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .single-plan__content .block_information .block1 ul li dl dt {
        width: 22%;
        padding: 25px;
        color: #744A2E;
        font-size: 1.4rem;
        line-height: 1.5;
        border-bottom: 1px solid #744A2E;
    }

    .single-plan__content .block_information .block1 ul li dl dd {
        width: 78%;
        padding: 25px;
        color: #333;
        font-size: 1.4rem;
        line-height: 1.5;
        border-bottom: 1px solid #ccc;
    }

    .single-plan__content .block_information .block1 ul li:first-child dl dt {
        border-top: 1px solid #744A2E;
    }

    .single-plan__content .block_information .block1 ul li:first-child dl dd {
        border-top: 1px solid #ccc;
    }

    .single-plan__content .block_information .block1 .txt {
        width: 100%;
        max-width: 900px;
        padding: 0 0 40px 0;
        margin: 0 auto;
    }

    .single-plan__content .block_information .block1 .txt dl dt {
        margin: 0 0 5px 0;
        font-size: 1.8rem;
        line-height: 1.5;
    }

    .single-plan__content .block_information .block1 .txt dl dd {
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .single-plan__content .block_information .block2 {
        padding: 50px 20px;
        background: #f8f8f6;
    }

    .single-plan__content .block_information .block2 ul {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .single-plan__content .block_information .block2 ul li {
        width: 48%;
        text-align: left;
    }

    .single-plan__content .block_information .block2 ul li dl {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .single-plan__content .block_information .block2 ul li dl dt {
        width: 40%;
        padding: 15px;
        color: #744A2E;
        font-size: 1.4rem;
        line-height: 1.5;
        border-bottom: 1px solid #744A2E;
    }

    .single-plan__content .block_information .block2 ul li dl dd {
        width: 60%;
        padding: 15px;
        color: #333;
        font-size: 1.4rem;
        line-height: 1.5;
        border-bottom: 1px solid #ccc;
    }

    .single-plan__content .block_information .block2 ul li:first-child dl dt,
    .single-plan__content .block_information .block2 ul li:nth-child(2) dl dt {
        border-top: 1px solid #744A2E;
    }

    .single-plan__content .block_information .block2 ul li:first-child dl dd,
    .single-plan__content .block_information .block2 ul li:nth-child(2) dl dd {
        border-top: 1px solid #ccc;
    }

    .single-plan__content .block_information .btn {
        margin: 50px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: inline-block;
    }

    .single-plan__content .block_pickup {
        padding: 60px 0 80px 0;
        text-align: center;
        background: #f8f8f6;
    }

    .single-plan__content .block_pickup h4 {
        margin: 0 0 50px 0;
        font-size: 2.1rem;
    }

    .single-plan__content .block_pickup h4 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .single-plan__content .block_pickup ul {
        width: 100%;
        max-width: 1180px;
        padding: 0 40px;
        margin: 0 auto;
    }

    .single-plan__content .block_pickup ul li {
        margin: 0 20px;
    }

    .single-plan__content .block_pickup ul li a {
        outline: none;
    }

    .single-plan__content .block_pickup ul li figure {
        margin: 0 0 20px 0;
        overflow: hidden;
        position: relative;
        padding-top: 64%;
    }

    .single-plan__content .block_pickup ul li figure img {
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .single-plan__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .single-plan__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.4rem;
        text-align: left;
        line-height: 1.4;
        text-align: center;
    }
}

@media print,
screen and (max-width: 767px) {
    .single-plan__content {
        padding: 70px 0 0 0;
    }

    .single-plan__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-plan__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-plan__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .single-plan__content .icon {
        margin: 0 0 30px 0;
        text-align: center;
    }

    .single-plan__content .icon p {
        padding: 10px 15px;
        color: #744A2E;
        font-size: 1.1rem;
        line-height: 1;
        border: 1px solid #744A2E;
        display: inline-block;
    }

    .single-plan__content h3 {
        margin: 0 20px 20px 20px;
        color: #868686;
        font-size: 1.4rem;
        line-height: 1.5;
        text-align: center;
    }

    .single-plan__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .single-plan__content .image {
        width: calc(100% - 40px);
        margin: 0 20px;
        background-position: center center;
        display: block;
        position: relative;
    }

    .single-plan__content .image:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .single-plan__content .image p {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .single-plan__content .image p img {
        display: none;
    }

    .single-plan__content .block_information {
        padding: 40px 0;
        text-align: center;
    }

    .single-plan__content .block_information h4 {
        margin: 0 0 20px 0;
        color: #744A2E;
        font-size: 1.4rem;
    }

    .single-plan__content .block_information h4 span {
        margin: 10px 0 0 0;
        color: #868686;
        display: block;
    }

    .single-plan__content .block_information h5 {
        margin: 0 0 15px 0;
        padding: 10px 0;
        font-size: 1.6rem;
        border-bottom: 1px solid #ddd;
        background: #f9f9f9;
    }

    .single-plan__content .block_information .block1 {
        padding: 0 20px;
    }

    .single-plan__content .block_information .block1 ul {
        margin: 0 0 15px 0;
    }

    .single-plan__content .block_information .block1 ul li {
        text-align: left;
    }

    .single-plan__content .block_information .block1 ul li dl dt {
        padding: 15px 10px 0 10px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-plan__content .block_information .block1 ul li dl dd {
        padding: 0 10px 15px 10px;
        color: #333;
        font-size: 1.2rem;
        line-height: 1.5;
        border-bottom: 1px solid #ddd;
    }

    .single-plan__content .block_information .block1 .txt {
        width: 100%;
        padding: 0 0 30px 0;
        margin: 0 auto;
    }

    .single-plan__content .block_information .block1 .txt dl dt {
        margin: 0 0 5px 0;
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-plan__content .block_information .block1 .txt dl dd {
        font-size: 1.2rem;
        text-align: left;
        line-height: 1.5;
    }

    .single-plan__content .block_information .block2 {
        padding: 0 20px;
    }

    .single-plan__content .block_information .block2 ul {
        margin: 0 0 15px 0;
    }

    .single-plan__content .block_information .block2 ul li {
        text-align: left;
    }

    .single-plan__content .block_information .block2 ul li dl dt {
        padding: 15px 10px 0 10px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-plan__content .block_information .block2 ul li dl dd {
        padding: 0 10px 15px 10px;
        color: #333;
        font-size: 1.2rem;
        line-height: 1.5;
        border-bottom: 1px solid #ddd;
    }

    .single-plan__content .block_information .btn {
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: inline-block;
    }

    .single-plan__content .block_pickup {
        padding: 40px 30px;
        text-align: center;
        background: #f8f8f6;
    }

    .single-plan__content .block_pickup h4 {
        margin: 0 0 20px 0;
        font-size: 1.4rem;
    }

    .single-plan__content .block_pickup h4 span {
        margin: 10px 0 0 0;
        color: #868686;
        display: block;
    }

    .single-plan__content .block_pickup ul {
        width: 100%;
    }

    .single-plan__content .block_pickup ul li {
        padding: 5px;
    }

    .single-plan__content .block_pickup ul li a {
        outline: none;
    }

    .single-plan__content .block_pickup ul li figure {
        margin: 0 0 15px 0;
        padding-top: 72%;
        overflow: hidden;
        position: relative;
        border: 5px solid #fff;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .single-plan__content .block_pickup ul li figure img {
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .single-plan__content .block_pickup ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .single-plan__content .block_pickup ul li dl dd {
        color: #888;
        font-size: 1.4rem;
        text-align: left;
        line-height: 1.4;
        text-align: center;
    }
}

@media print,
screen and (min-width: 768px) {
    .single-pr__content {
        padding: 150px 0 0 0;
    }

    .single-pr__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-pr__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-pr__content .title {
        margin: 0 0 30px 0;
        color: #744A2E;
        font-size: 2.7rem;
        text-align: center;
    }

    .single-pr__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 2rem;
        text-align: center;
        line-height: 1.5;
    }

    .single-pr__content .visual {
        width: 100%;
        height: 390px;
        margin: 0 0 60px 0;
        background-position: center center;
        display: block;
        position: relative;
    }

    .single-pr__content .visual img {
        display: none;
    }

    .single-pr__content .movie_btn {
        width: 260px;
        margin: 0 auto 120px;
        padding: 14px 30px;
        color: #744A2E;
        font-size: 1.3rem;
        line-height: 1;
        text-align: center;
        border: 1px #744A2E solid;
        display: block;
    }

    .single-pr__content .movie_btn span {
        padding: 0 15px 0 0;
        background: url(../img/ico_blank.png) no-repeat right center/11px auto;
    }

    .single-pr__content .block_album {
        padding: 0 0 60px 0;
        text-align: center;
        background: #f8f8f6;
    }

    .single-pr__content .block_album h3 {
        margin: 0 0 30px 0;
    }

    .single-pr__content .block_album h3 img {
        margin: -55px 0 0 0;
        width: 325px;
    }

    .single-pr__content .block_album .block {
        max-width: 930px;
        margin: 0 auto;
    }

    .single-pr__content .block_album ul li {
        width: 310px;
        margin: 0 0 10px 0;
    }

    .single-pr__content .block_album ul li a {
        margin: 0 5px;
        background: #f8f8f6;
        display: block;
        position: relative;
        cursor: default;
    }

    .single-pr__content .block_album ul li a:hover {
        opacity: 1;
    }

    .single-pr__content .block_album ul li .on {
        width: 100%;
        height: 100%;
        padding: 10px;
        letter-spacing: 0px;
        background: rgba(85, 129, 84, 0.8);
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .single-pr__content .block_album ul li .on:hover {
        opacity: 1;
    }

    .single-pr__content .block_album ul li .on div {
        width: 100%;
    }

    .single-pr__content .block_album ul li .on .txt {
        margin: 20px 0 0 0;
        color: #fff !important;
        display: block;
    }

    .single-pr__content .block_album ul li h4 {
        margin: 0 0 10px 0;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .single-pr__content .block_album ul li p {
        font-size: 1.2rem;
        line-height: 1.5;
        display: inline-block;
    }

    .single-pr__content .block_album ul li p.date {
        margin: 0 3px;
        color: #bbb;
    }

    .single-pr__content .block_album ul li p.tag {
        margin: 0 3px;
        color: #744A2E;
    }

    .single-pr__content .block_album ul li p.btn {
        width: 80px;
        margin: 20px auto 0;
        padding: 0 10px 5px;
        color: #744A2E;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border-bottom: 1px #744A2E solid;
        display: block;
    }

    .single-pr__content .block_message {
        width: 100%;
        max-width: 1060px;
        margin: 0 auto;
        padding: 100px 20px;
    }

    .single-pr__content .block_message h3 {
        margin: 0 0 50px 0;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-pr__content .block_message h3 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .single-pr__content .block_message .box {
        background: #f8f8f6;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .single-pr__content .block_message .box:nth-of-type(2n+1) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .single-pr__content .block_message .box .image {
        width: 50%;
    }

    .single-pr__content .block_message .box .txt {
        width: 50%;
        padding: 30px 60px;
    }

    .single-pr__content .block_message .box .txt dl dt {
        margin: 0 0 20px 0;
        font-size: 2rem;
        line-height: 1.5;
    }

    .single-pr__content .block_message .box .txt dl dd {
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .single-pr__content .block_reason {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 20px 100px 20px;
    }

    .single-pr__content .block_reason h3 {
        margin: 0 0 50px 0;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-pr__content .block_reason h3 span {
        margin: 15px 0 0 0;
        color: #868686;
        font-size: 1.2rem;
        display: block;
    }

    .single-pr__content .block_reason ul {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .single-pr__content .block_reason ul li {
        width: 33.33%;
        padding-bottom: 170px;
        position: relative;
    }

    .single-pr__content .block_reason ul li .icon {
        margin: 0 0 30px 0;
        text-align: center;
    }

    .single-pr__content .block_reason ul li .icon img {
        width: 16%;
    }

    .single-pr__content .block_reason ul li dl {
        padding: 0 20px 20px 20px;
        line-height: 1.5;
    }

    .single-pr__content .block_reason ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.6rem;
        text-align: center;
    }

    .single-pr__content .block_reason ul li dl dd {
        font-size: 1.4rem;
    }

    .single-pr__content .block_reason ul li .image {
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .single-pr__content .block_reason ul li .image figure {
        overflow: hidden;
        position: relative;
        height: 180px;
    }

    .single-pr__content .block_reason ul li .image figure img {
        width: 100%;
        max-width: none;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .single-pr__content .pager {
        width: 100%;
        margin: 0 0 80px 0;
    }

    .single-pr__content .pager ul {
        text-align: center;
    }

    .single-pr__content .pager ul li {
        margin: 0 30px;
        display: inline-block;
    }

    .single-pr__content .pager ul li.back a {
        padding: 15px 60px;
        color: #744A2E;
        font-size: 1.2rem;
        border: 1px solid #744A2E;
        display: block;
    }

    .single-pr__content .pager ul li.prev a {
        padding: 0 0 0 25px;
        color: #744A2E;
        font-size: 1.4rem;
        display: block;
        position: relative;
    }

    .single-pr__content .pager ul li.prev a:after {
        content: "";
        width: 15px;
        height: 15px;
        border-left: 1px solid #744A2E;
        border-bottom: 1px solid #744A2E;
        position: absolute;
        top: -1px;
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .single-pr__content .pager ul li.next a {
        padding: 0 25px 0 0;
        color: #744A2E;
        font-size: 1.4rem;
        display: block;
        position: relative;
    }

    .single-pr__content .pager ul li.next a:after {
        content: "";
        width: 15px;
        height: 15px;
        border-top: 1px solid #744A2E;
        border-right: 1px solid #744A2E;
        position: absolute;
        top: -1px;
        right: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@media print,
screen and (min-width: 768px) and (max-width: 1079px) {
    .single-pr__content .block_album .block {
        max-width: 620px;
        margin: 0 auto;
    }
}

@media print,
screen and (max-width: 767px) {
    .single-pr__content {
        padding: 70px 0 0 0;
    }

    .single-pr__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-pr__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-pr__content .title {
        margin: 0 0 20px 0;
        color: #744A2E;
        font-size: 1.6rem;
        text-align: center;
    }

    .single-pr__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.5rem;
        text-align: center;
        line-height: 1.5;
    }

    .single-pr__content .visual {
        width: 100%;
        margin: 0 0 30px 0;
        background-position: center center;
        display: block;
        position: relative;
    }

    .single-pr__content .visual:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .single-pr__content .visual p {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .single-pr__content .visual p img {
        display: none;
    }

    .single-pr__content .movie_btn {
        width: 220px;
        margin: 0 auto 80px;
        padding: 14px 30px;
        color: #744A2E;
        font-size: 1.3rem;
        line-height: 1;
        text-align: center;
        border: 1px #744A2E solid;
        display: block;
    }

    .single-pr__content .movie_btn span {
        padding: 0 15px 0 0;
        background: url(../img/ico_blank.png) no-repeat right center/11px auto;
    }

    .single-pr__content .block_album {
        padding: 0 20px 30px 20px;
        text-align: center;
        background: #f8f8f6;
    }

    .single-pr__content .block_album h3 {
        margin: 0 0 30px 0;
    }

    .single-pr__content .block_album h3 img {
        margin: -45px 0 0 0;
        width: 250px;
    }

    .single-pr__content .block_album .block {
        max-width: 320px;
        margin: 0 auto;
    }

    .single-pr__content .block_album ul li {
        width: 160px;
        margin: 0 0 10px 0;
    }

    .single-pr__content .block_album ul li a {
        margin: 0 5px;
        background: #f8f8f6;
        display: block;
        position: relative;
    }

    .single-pr__content .block_album ul li .on {
        display: none;
    }

    .single-pr__content .block_album .btn_next {
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: inline-block;
    }

    .single-pr__content .block_message {
        padding: 30px 20px;
    }

    .single-pr__content .block_message h3 {
        margin: 0 0 20px 0;
        color: #744A2E;
        font-size: 1.8rem;
        text-align: center;
    }

    .single-pr__content .block_message h3 span {
        margin: 10px 0 0 0;
        color: #868686;
        font-size: 1.1rem;
        display: block;
    }

    .single-pr__content .block_message .box {
        background: #f8f8f6;
    }

    .single-pr__content .block_message .box .image {
        width: 100%;
    }

    .single-pr__content .block_message .box .txt {
        width: 100%;
        padding: 20px;
        position: relative;
    }

    .single-pr__content .block_message .box .txt dl dt {
        margin: 0 0 10px 0;
        font-size: 1.5rem;
        text-align: center;
        line-height: 1.5;
    }

    .single-pr__content .block_message .box .txt dl dd {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .single-pr__content .block_message .box .txt:after {
        content: "";
        width: 15px;
        height: 15px;
        background: #f8f8f6;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
    }

    .single-pr__content .block_reason {
        width: 100%;
        padding: 0 20px 20px 20px;
    }

    .single-pr__content .block_reason h3 {
        margin: 0 0 30px 0;
        color: #744A2E;
        font-size: 1.8rem;
        text-align: center;
    }

    .single-pr__content .block_reason h3 span {
        margin: 10px 0 0 0;
        color: #868686;
        font-size: 1.1rem;
        display: block;
    }

    .single-pr__content .block_reason ul li {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .single-pr__content .block_reason ul li .icon {
        margin: 0 0 30px 0;
        text-align: center;
    }

    .single-pr__content .block_reason ul li .icon img {
        width: 16%;
    }

    .single-pr__content .block_reason ul li dl {
        padding: 0 0 10px 0;
        line-height: 1.5;
    }

    .single-pr__content .block_reason ul li dl dt {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.6rem;
        text-align: center;
    }

    .single-pr__content .block_reason ul li dl dd {
        font-size: 1.4rem;
    }

    .single-pr__content .pager {
        width: 100%;
        margin: 0 0 60px 0;
    }

    .single-pr__content .pager ul {
        text-align: center;
    }

    .single-pr__content .pager ul li {
        margin: 0 10px;
        display: inline-block;
    }

    .single-pr__content .pager ul li.back a {
        padding: 10px 15px;
        color: #744A2E;
        font-size: 1.2rem;
        border: 1px solid #744A2E;
        display: block;
    }

    .single-pr__content .pager ul li.prev a {
        padding: 0 0 0 15px;
        color: #744A2E;
        font-size: 1.2rem;
        display: block;
        position: relative;
    }

    .single-pr__content .pager ul li.prev a:after {
        content: "";
        width: 10px;
        height: 10px;
        border-left: 1px solid #744A2E;
        border-bottom: 1px solid #744A2E;
        position: absolute;
        top: 1px;
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .single-pr__content .pager ul li.next a {
        padding: 0 15px 0 0;
        color: #744A2E;
        font-size: 1.2rem;
        display: block;
        position: relative;
    }

    .single-pr__content .pager ul li.next a:after {
        content: "";
        width: 10px;
        height: 10px;
        border-top: 1px solid #744A2E;
        border-right: 1px solid #744A2E;
        position: absolute;
        top: 1px;
        right: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@media print,
screen and (min-width: 768px) {
    .single-banquet__content {
        padding: 150px 0 0 0;
    }

    .single-banquet__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-banquet__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-banquet__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-banquet__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .single-banquet__content .key {
        width: 100%;
    }

    .single-banquet__content .key img {
        width: 100%;
    }

    .single-banquet__content .intro {
        margin: 75px 0 60px 0;
    }

    .single-banquet__content .intro h3 {
        margin: 0 0 45px 0;
        font-size: 2.2rem;
        line-height: 1.5;
        text-align: center;
    }

    .single-banquet__content .intro h3 span {
        font-size: 1.1rem;
        letter-spacing: 0;
        display: block;
    }

    .single-banquet__content .intro p {
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
    }

    .single-banquet__content .intro .copy {
        margin: 0 0 15px 0;
        font-size: 2rem;
    }

    .single-banquet__content .box {
        margin: 0 auto 50px auto;
        width: 100%;
        max-width: 1000px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .single-banquet__content .box .image {
        width: 60%;
    }

    .single-banquet__content .box .txt {
        padding: 0 0 0 50px;
        width: 40%;
    }

    .single-banquet__content .box .txt h4 {
        font-size: 2rem;
        line-height: 1.6;
    }

    .single-banquet__content .box .txt p {
        margin: 10px 0 0 0;
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .single-banquet__content .box.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
    }

    .single-banquet__content .box.row .txt {
        padding: 0 50px 0 0;
    }

    .single-banquet__content .btns {
        margin: 50px 0 100px 0;
        position: relative;
    }

    .single-banquet__content .btns ul {
        margin: 0 auto;
        padding: 10px 0 0 0;
        width: 600px;
        overflow: hidden;
    }

    .single-banquet__content .btns ul li {
        font-size: 1.2rem;
        line-height: 2;
    }

    .single-banquet__content .btns ul .prev {
        padding: 0 0 0 20px;
        float: left;
        position: relative;
    }

    .single-banquet__content .btns ul .prev:after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 1px #000000 solid;
        border-left: 1px #000000 solid;
        display: block;
        position: absolute;
        left: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }

    .single-banquet__content .btns ul .next {
        padding: 0 20px 0 0;
        float: right;
        position: relative;
    }

    .single-banquet__content .btns ul .next:after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 1px #000000 solid;
        border-left: 1px #000000 solid;
        display: block;
        position: absolute;
        top: 50%;
        right: 5px;
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
    }

    .single-banquet__content .btns .btn {
        padding: 15px 40px;
        font-size: 1.2rem;
        line-height: 1;
        border: 1px #000000 solid;
        display: table;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .single-banquet__content .recommend {
        background: #f4f1e9;
    }

    .single-banquet__content .recommend .inner {
        margin: 0 auto;
        padding: 40px 0 60px 0;
        width: 100%;
        max-width: 1000px;
    }

    .single-banquet__content .recommend .inner .heading h3 {
        margin: 0 auto;
        padding: 20px 80px;
        font-size: 2rem;
        line-height: 1.8;
        text-align: center;
        background: #f8f8f8 url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
        display: table;
    }

    .single-banquet__content .recommend .inner .heading h3 span {
        color: #888888;
        font-size: 1.4rem;
        display: block;
    }

    .single-banquet__content .recommend .inner .article {
        margin: 25px 0 0 0;
        padding: 25px 12px 0 12px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px #dddddd solid;
    }

    .single-banquet__content .recommend .inner .article:last-child {
        padding-bottom: 25px;
        border-bottom: 1px #dddddd solid;
    }

    .single-banquet__content .recommend .inner .article .image {
        width: 32%;
    }

    .single-banquet__content .recommend .inner .article .txt {
        padding: 0 0 0 35px;
        width: 66%;
    }

    .single-banquet__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.7rem;
        line-height: 1.6;
    }

    .single-banquet__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .single-banquet__content .recommend .inner .article .txt ul {
        margin: 20px 0 0 0;
        font-size: 0;
    }

    .single-banquet__content .recommend .inner .article .txt ul li {
        margin: 0 14px 0 0;
        display: inline-block;
    }

    .single-banquet__content .recommend .inner .article .txt ul li a.btn {
        padding: 15px 40px;
        color: #ffffff;
        font-size: 1.4rem;
        line-height: 1;
        background: #A26740;
        display: block;
        position: relative;
    }

    .single-banquet__content .recommend .inner .article .txt ul li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .single-banquet__content .recommend .inner .article .txt ul li:last-child {
        margin: 0;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer {
        width: 230px;
        display: inline-block;
        position: relative;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner {
        display: none;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box {
        width: 430px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 50px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .cal_slider_1col {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        padding: 0 0 5px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday a,
    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .single-banquet__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (max-width: 767px) {
    .single-banquet__content {
        padding: 70px 0 0 0;
    }

    .single-banquet__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-banquet__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-banquet__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .single-banquet__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .single-banquet__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .single-banquet__content .key img {
        display: none;
    }

    .single-banquet__content .key:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .single-banquet__content .intro {
        margin: 23px 0 35px 0;
        text-align: center;
    }

    .single-banquet__content .intro h3 {
        font-size: 1.5rem;
        line-height: 2;
    }

    .single-banquet__content .intro h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .single-banquet__content .intro p {
        padding: 0 22px;
        font-size: 1.2rem;
        line-height: 1.8;
        text-align: left;
    }

    .single-banquet__content .intro .copy {
        margin: 20px 0 25px 0;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-banquet__content .box {
        padding: 0 25px;
        margin: 0 0 20px 0;
    }

    .single-banquet__content .box .image {
        position: relative;
    }

    .single-banquet__content .box .image img {
        display: none;
    }

    .single-banquet__content .box .image:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .single-banquet__content .box .image:after {
        content: '';
        width: 12px;
        height: 12px;
        background: #f8f8f5;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 50%) rotate(45deg);
        transform: translate(-50%, 50%) rotate(45deg);
    }

    .single-banquet__content .box .txt {
        padding: 25px;
        background: #f8f8f5;
    }

    .single-banquet__content .box .txt h4 {
        margin: 0 0 10px 0;
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: center;
    }

    .single-banquet__content .box .txt p {
        font-size: 1.2rem;
        line-height: 1.6;
        text-align: left;
    }

    .single-banquet__content .btns {
        padding: 0 25px;
    }

    .single-banquet__content .btns ul {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .single-banquet__content .btns ul li {
        width: 50%;
        display: inline-block;
    }

    .single-banquet__content .btns ul li a {
        padding: 15px 0;
        font-size: 1.1rem;
        text-align: center;
        border-top: 1px #000000 solid;
        border-bottom: 1px #000000 solid;
        display: block;
    }

    .single-banquet__content .btns ul .prev {
        position: relative;
    }

    .single-banquet__content .btns ul .prev:after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 1px #000000 solid;
        border-left: 1px #000000 solid;
        display: block;
        position: absolute;
        left: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }

    .single-banquet__content .btns ul .next {
        position: relative;
    }

    .single-banquet__content .btns ul .next:after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 1px #000000 solid;
        border-left: 1px #000000 solid;
        display: block;
        position: absolute;
        top: 50%;
        right: 5px;
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
    }

    .single-banquet__content .btns .btn {
        margin: 20px auto 0;
        padding: 15px 40px;
        font-size: 1.2rem;
        line-height: 1;
        border: 1px #000000 solid;
        display: table;
    }

    .single-banquet__content .recommend {
        margin: 50px 0 0 0;
        padding: 30px 25px;
        background: #f4f1e9;
    }

    .single-banquet__content .recommend .inner .heading {
        margin: 0 0 30px 0;
        padding: 10px 0;
        background: #f8f8f8 url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
    }

    .single-banquet__content .recommend .inner .heading h3 {
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1.8;
        text-align: center;
    }

    .single-banquet__content .recommend .inner .heading h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .single-banquet__content .recommend .inner .article {
        margin: 0 0 40px 0;
    }

    .single-banquet__content .recommend .inner .article .image {
        margin: 0 0 20px 0;
    }

    .single-banquet__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .single-banquet__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .single-banquet__content .recommend .inner .article .txt .resv {
        margin: 15px auto 0;
        width: 70%;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li a.btn {
        margin: 0 0 10px 0;
        padding: 15px 0;
        width: 100%;
        color: #ffffff;
        font-size: 1.1rem;
        line-height: 1;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer {
        width: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner {
        display: none;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box {
        width: 280px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 47px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .slide:last-child {
        margin: 15px 0 0 0;
        padding: 15px 0 0 0;
        border-top: 1px #cccccc solid;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday a,
    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .single-banquet__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (min-width: 768px) {
    .single-ceremony__content {
        padding: 150px 0 0 0;
    }

    .single-ceremony__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-ceremony__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-ceremony__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-ceremony__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .single-ceremony__content .key {
        width: 100%;
    }

    .single-ceremony__content .key img {
        width: 100%;
    }

    .single-ceremony__content .intro {
        margin: 75px 0 60px 0;
    }

    .single-ceremony__content .intro h3 {
        margin: 0 0 45px 0;
        font-size: 2.2rem;
        line-height: 1.5;
        text-align: center;
    }

    .single-ceremony__content .intro h3 span {
        font-size: 1.1rem;
        letter-spacing: 0;
        display: block;
    }

    .single-ceremony__content .intro p {
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
    }

    .single-ceremony__content .intro .copy {
        margin: 0 0 15px 0;
        font-size: 2rem;
    }

    .single-ceremony__content .box {
        margin: 0 auto 50px auto;
        width: 100%;
        max-width: 1000px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .single-ceremony__content .box .image {
        width: 60%;
    }

    .single-ceremony__content .box .txt {
        padding: 0 0 0 50px;
        width: 40%;
    }

    .single-ceremony__content .box .txt h4 {
        font-size: 2rem;
        line-height: 1.6;
    }

    .single-ceremony__content .box .txt p {
        margin: 10px 0 0 0;
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .single-ceremony__content .box.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
    }

    .single-ceremony__content .box.row .txt {
        padding: 0 50px 0 0;
    }

    .single-ceremony__content .btns {
        margin: 50px 0 100px 0;
        position: relative;
    }

    .single-ceremony__content .btns ul {
        margin: 0 auto;
        padding: 10px 0 0 0;
        width: 600px;
        overflow: hidden;
    }

    .single-ceremony__content .btns ul li {
        font-size: 1.2rem;
        line-height: 2;
    }

    .single-ceremony__content .btns ul .prev {
        padding: 0 0 0 20px;
        float: left;
        position: relative;
    }

    .single-ceremony__content .btns ul .prev:after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 1px #000000 solid;
        border-left: 1px #000000 solid;
        display: block;
        position: absolute;
        left: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }

    .single-ceremony__content .btns ul .next {
        padding: 0 20px 0 0;
        float: right;
        position: relative;
    }

    .single-ceremony__content .btns ul .next:after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 1px #000000 solid;
        border-left: 1px #000000 solid;
        display: block;
        position: absolute;
        top: 50%;
        right: 5px;
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
    }

    .single-ceremony__content .btns .btn {
        padding: 15px 40px;
        font-size: 1.2rem;
        line-height: 1;
        border: 1px #000000 solid;
        display: table;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .single-ceremony__content .recommend {
        background: #f4f1e9;
    }

    .single-ceremony__content .recommend .inner {
        margin: 0 auto;
        padding: 40px 0 60px 0;
        width: 100%;
        max-width: 1000px;
    }

    .single-ceremony__content .recommend .inner .heading h3 {
        margin: 0 auto;
        padding: 20px 80px;
        font-size: 2rem;
        line-height: 1.8;
        text-align: center;
        background: #f8f8f8 url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
        display: table;
    }

    .single-ceremony__content .recommend .inner .heading h3 span {
        color: #888888;
        font-size: 1.4rem;
        display: block;
    }

    .single-ceremony__content .recommend .inner .article {
        margin: 25px 0 0 0;
        padding: 25px 12px 0 12px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px #dddddd solid;
    }

    .single-ceremony__content .recommend .inner .article:last-child {
        padding-bottom: 25px;
        border-bottom: 1px #dddddd solid;
    }

    .single-ceremony__content .recommend .inner .article .image {
        width: 32%;
    }

    .single-ceremony__content .recommend .inner .article .txt {
        padding: 0 0 0 35px;
        width: 66%;
    }

    .single-ceremony__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.7rem;
        line-height: 1.6;
    }

    .single-ceremony__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .single-ceremony__content .recommend .inner .article .txt ul {
        margin: 20px 0 0 0;
        font-size: 0;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li {
        margin: 0 14px 0 0;
        display: inline-block;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li a.btn {
        padding: 15px 40px;
        color: #ffffff;
        font-size: 1.4rem;
        line-height: 1;
        background: #A26740;
        display: block;
        position: relative;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li:last-child {
        margin: 0;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer {
        width: 230px;
        display: inline-block;
        position: relative;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner {
        display: none;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box {
        width: 430px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 50px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .cal_slider_1col {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        padding: 0 0 5px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday a,
    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .single-ceremony__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (max-width: 767px) {
    .single-ceremony__content {
        padding: 70px 0 0 0;
    }

    .single-ceremony__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-ceremony__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-ceremony__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .single-ceremony__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .single-ceremony__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .single-ceremony__content .key img {
        display: none;
    }

    .single-ceremony__content .key:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .single-ceremony__content .intro {
        margin: 23px 0 35px 0;
        text-align: center;
    }

    .single-ceremony__content .intro h3 {
        font-size: 1.5rem;
        line-height: 2;
    }

    .single-ceremony__content .intro h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .single-ceremony__content .intro p {
        padding: 0 22px;
        font-size: 1.2rem;
        line-height: 1.8;
        text-align: left;
    }

    .single-ceremony__content .intro .copy {
        margin: 20px 0 25px 0;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-ceremony__content .box {
        padding: 0 25px;
        margin: 0 0 20px 0;
    }

    .single-ceremony__content .box .image {
        position: relative;
    }

    .single-ceremony__content .box .image img {
        display: none;
    }

    .single-ceremony__content .box .image:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .single-ceremony__content .box .image:after {
        content: '';
        width: 12px;
        height: 12px;
        background: #f8f8f5;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 50%) rotate(45deg);
        transform: translate(-50%, 50%) rotate(45deg);
    }

    .single-ceremony__content .box .txt {
        padding: 25px;
        background: #f8f8f5;
    }

    .single-ceremony__content .box .txt h4 {
        margin: 0 0 10px 0;
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: center;
    }

    .single-ceremony__content .box .txt p {
        font-size: 1.2rem;
        line-height: 1.6;
        text-align: left;
    }

    .single-ceremony__content .btns {
        padding: 0 25px;
    }

    .single-ceremony__content .btns ul {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .single-ceremony__content .btns ul li {
        width: 50%;
        display: inline-block;
    }

    .single-ceremony__content .btns ul li a {
        padding: 15px 0;
        font-size: 1.1rem;
        text-align: center;
        border-top: 1px #000000 solid;
        border-bottom: 1px #000000 solid;
        display: block;
    }

    .single-ceremony__content .btns ul .prev {
        position: relative;
    }

    .single-ceremony__content .btns ul .prev:after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 1px #000000 solid;
        border-left: 1px #000000 solid;
        display: block;
        position: absolute;
        left: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }

    .single-ceremony__content .btns ul .next {
        position: relative;
    }

    .single-ceremony__content .btns ul .next:after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 1px #000000 solid;
        border-left: 1px #000000 solid;
        display: block;
        position: absolute;
        top: 50%;
        right: 5px;
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
    }

    .single-ceremony__content .btns .btn {
        margin: 20px auto 0;
        padding: 15px 40px;
        font-size: 1.2rem;
        line-height: 1;
        border: 1px #000000 solid;
        display: table;
    }

    .single-ceremony__content .recommend {
        margin: 50px 0 0 0;
        padding: 30px 25px;
        background: #f4f1e9;
    }

    .single-ceremony__content .recommend .inner .heading {
        margin: 0 0 30px 0;
        padding: 10px 0;
        background: #f8f8f8 url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
    }

    .single-ceremony__content .recommend .inner .heading h3 {
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1.8;
        text-align: center;
    }

    .single-ceremony__content .recommend .inner .heading h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .single-ceremony__content .recommend .inner .article {
        margin: 0 0 40px 0;
    }

    .single-ceremony__content .recommend .inner .article .image {
        margin: 0 0 20px 0;
    }

    .single-ceremony__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .single-ceremony__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv {
        margin: 15px auto 0;
        width: 70%;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li a.btn {
        margin: 0 0 10px 0;
        padding: 15px 0;
        width: 100%;
        color: #ffffff;
        font-size: 1.1rem;
        line-height: 1;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer {
        width: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner {
        display: none;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box {
        width: 280px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 47px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .slide:last-child {
        margin: 15px 0 0 0;
        padding: 15px 0 0 0;
        border-top: 1px #cccccc solid;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday a,
    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .single-ceremony__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (min-width: 768px) {
    .single-topics__content {
        padding: 150px 0 0 0;
    }

    .single-topics__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-topics__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-topics__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .single-topics__content .block_body {
        margin: 0 auto 80px auto;
        width: 100%;
        max-width: 850px;
    }

    .single-topics__content .block_body .yt {
        margin: 0 0 30px 0;
        padding-top: 56.25%;
        position: relative;
        overflow: hidden;
    }

    .single-topics__content .block_body .yt iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .single-topics__content .block_body p {
        margin: 0 auto;
        width: 650px;
        font-size: 1.6rem;
        line-height: 1.6;
    }

    .single-topics__content .block_body p span {
        font-size: inherit;
    }

    .single-topics__content .block_body p .f8 {
        font-size: 8px;
    }

    .single-topics__content .block_body p .f10 {
        font-size: 10px;
    }

    .single-topics__content .block_body p .f12 {
        font-size: 12px;
    }

    .single-topics__content .block_body p .f14 {
        font-size: 14px;
    }

    .single-topics__content .block_body p .f18 {
        font-size: 18px;
    }

    .single-topics__content .block_body p .f22 {
        font-size: 22px;
    }

    .single-topics__content .block_body p .f26 {
        font-size: 26px;
    }

    .single-topics__content .block_body p .fBold {
        font-weight: bold;
    }

    .single-topics__content .block_body img {
        margin-bottom: 15px;
    }

    .single-topics__content .block_special {
        margin: 0 auto;
        width: 100%;
        max-width: 1060px;
        text-align: center;
    }

    .single-topics__content .block_special h3 {
        font-size: 3.4rem;
    }

    .single-topics__content .block_special p {
        font-size: 1.6rem;
        line-height: 1.6;
    }

    .single-topics__content .block_special .main {
        margin: 30px 0;
    }

    .single-topics__content .block_special .cal {
        margin: 40px auto;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .single-topics__content .block_special .cal .date {
        width: 48%;
    }

    .single-topics__content .block_special .cal .date .image {
        position: relative;
    }

    .single-topics__content .block_special .cal .date .image img {
        margin: 0 0 30px 0;
    }

    .single-topics__content .block_special .cal .date .image p {
        padding: 15px 17px;
        color: #ffffff;
        font-size: 3.3rem;
        line-height: .8;
        text-align: center;
        position: absolute;
        top: 15px;
        left: 15px;
        border-radius: 50%;
    }

    .single-topics__content .block_special .cal .date .image p span {
        font-size: 1.5rem;
        display: block;
    }

    .single-topics__content .block_special .cal .date .image p.sat {
        background: #0095ef;
    }

    .single-topics__content .block_special .cal .date .image p.sun {
        background: #ff4d75;
    }

    .single-topics__content .block_btns {
        margin: 40px 0 90px 0;
    }

    .single-topics__content .block_btns ul {
        margin: 0 auto;
        width: 80%;
        max-width: 600px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .single-topics__content .block_btns ul li {
        width: 48%;
    }

    .single-topics__content .block_btns ul li a {
        padding: 15px 35px;
        color: #ffffff;
        font-size: 1.4rem;
        line-height: 1;
        text-align: center;
        background: #A26740;
        display: block;
    }
}

@media print,
screen and (max-width: 767px) {
    .single-topics__content {
        padding: 70px 0 0 0;
    }

    .single-topics__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .single-topics__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .single-topics__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .single-topics__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.6rem;
        line-height: 1.6em;
        text-align: center;
    }

    .single-topics__content .block_body {
        margin: 0 0 40px 0;
        padding: 0 10px;
        width: 100%;
    }

    .single-topics__content .block_body .yt {
        margin: 0 0 30px 0;
        padding-top: 56.25%;
        position: relative;
        overflow: hidden;
    }

    .single-topics__content .block_body .yt iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .single-topics__content .block_body p {
        margin: 0 auto;
        width: 70%;
        font-size: 1.2rem;
        line-height: 1.4;
    }

    .single-topics__content .block_body p span {
        font-size: inherit;
    }

    .single-topics__content .block_body p .f8 {
        font-size: 8px;
    }

    .single-topics__content .block_body p .f10 {
        font-size: 10px;
    }

    .single-topics__content .block_body p .f12 {
        font-size: 12px;
    }

    .single-topics__content .block_body p .f14 {
        font-size: 14px;
    }

    .single-topics__content .block_body p .f18 {
        font-size: 18px;
    }

    .single-topics__content .block_body p .f22 {
        font-size: 22px;
    }

    .single-topics__content .block_body p .f26 {
        font-size: 26px;
    }

    .single-topics__content .block_body p .fBold {
        font-weight: bold;
    }

    .single-topics__content .block_body img {
        margin-bottom: 10px;
    }

    .single-topics__content .block_special {
        margin: 0 auto;
        width: 100%;
        max-width: 1060px;
        text-align: center;
    }

    .single-topics__content .block_special h3 {
        font-size: 2.4rem;
    }

    .single-topics__content .block_special p {
        font-size: 1.2rem;
        line-height: 1.6;
    }

    .single-topics__content .block_special .main {
        margin: 25px 0;
    }

    .single-topics__content .block_special .cal {
        margin: 35px 0;
        padding: 0 10px;
    }

    .single-topics__content .block_special .cal .date {
        margin: 0 0 35px 0;
        width: 100%;
    }

    .single-topics__content .block_special .cal .date .image {
        position: relative;
    }

    .single-topics__content .block_special .cal .date .image img {
        margin: 0 0 20px 0;
    }

    .single-topics__content .block_special .cal .date .image p {
        padding: 15px 17px;
        color: #ffffff;
        font-size: 3.3rem;
        line-height: .8;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 10px;
        border-radius: 50%;
    }

    .single-topics__content .block_special .cal .date .image p span {
        font-size: 1.5rem;
        display: block;
    }

    .single-topics__content .block_special .cal .date .image p.sat {
        background: #0095ef;
    }

    .single-topics__content .block_special .cal .date .image p.sun {
        background: #ff4d75;
    }

    .single-topics__content .block_btns ul {
        margin: 20px 0 55px 0;
    }

    .single-topics__content .block_btns ul li a {
        margin: 0 auto 10px auto;
        padding: 15px;
        width: 65%;
        color: #ffffff;
        font-size: 1.1rem;
        text-align: center;
        line-height: 1;
        background: #A26740;
        display: block;
    }
}

@media print,
screen and (min-width: 768px) {
    .access__content {
        padding: 150px 0 0 0;
    }

    .access__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .access__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .access__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .access__content #gmap {
        width: 100%;
        height: 400px;
    }

    .access__content .block_info {
        margin: 50px auto;
        width: 100%;
        max-width: 970px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .access__content .block_info .image {
        width: 50%;
    }

    .access__content .block_info .info {
        padding: 0 0 0 45px;
        width: 50%;
    }

    .access__content .block_info .info h3 {
        margin: 0 0 20px 0;
        font-size: 1.9rem;
    }

    .access__content .block_info .info p {
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .access__content .block_info .info p a {
        color: #744a2e;
        font-size: 2.5rem;
    }

    .access__content .block {
        margin: 50px auto;
        width: 100%;
        max-width: 1060px;
    }

    .access__content .block h3 {
        padding: 50px 23px;
        font-size: 2rem;
        line-height: 1;
        background: #f9f9f9;
        border-bottom: 1px #dddddd solid;
    }

    .access__content .block h3 span {
        font-size: 1.5rem;
    }

    .access__content .block ul li dl {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px #dddddd solid;
    }

    .access__content .block ul li dl dt {
        padding: 50px 0 50px 23px;
        width: 30%;
        font-size: 1.5rem;
        line-height: 1.6;
        border-bottom: 2px #744a2e solid;
    }

    .access__content .block ul li dl dd {
        padding: 0 23px;
        width: 70%;
        height: 100%;
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: left;
    }

    .access__content .block ul li dl dd a {
        margin: 1rem 0 0 0;
        padding: 15px 60px;
        font-size: 1.2rem;
        border: 1px #000000 solid;
        display: inline-block;
    }

    .access__content .block .note {
        margin: 50px 0 0 0;
        padding: 0 23px;
        font-size: 1.5rem;
        line-height: 1.8;
    }
}

@media print,
screen and (max-width: 767px) {
    .access__content {
        padding: 70px 0 0 0;
    }

    .access__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .access__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .access__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .access__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .access__content #gmap {
        width: 100%;
        height: 215px;
    }

    .access__content #gmap .gm-style img[src='./assets/images/access/map_icon.png'] {
        width: 100%;
    }

    .access__content .block_info .image {
        padding: 25px 25px 0 25px;
    }

    .access__content .block_info .info {
        margin: 15px 0;
        text-align: center;
    }

    .access__content .block_info .info h3 {
        display: none;
    }

    .access__content .block_info .info p {
        font-size: 1rem;
        line-height: 1.8;
    }

    .access__content .block_info .info p a {
        color: #744a2e;
        font-size: 1.6rem;
    }

    .access__content .block {
        padding: 0 10px;
    }

    .access__content .block h3 {
        padding: 10px;
        font-size: 1.6rem;
        background: #f9f9f9;
        border-bottom: 1px #dddddd solid;
    }

    .access__content .block h3 span {
        font-size: 1rem;
    }

    .access__content .block ul li {
        margin: 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px #dddddd solid;
    }

    .access__content .block ul li dl dt {
        margin: 0 0 10px 0;
        padding: 0 10px;
        color: #688c00;
        font-size: 1.2rem;
    }

    .access__content .block ul li dl dd {
        padding: 0 10px;
        font-size: 1.2rem;
        line-height: 2;
    }

    .access__content .block ul li dl dd a {
        margin: 15px auto 0;
        padding: 15px 65px;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        display: table;
        border: 1px #000000 solid;
    }

    .access__content .block ul li:last-child {
        border: 0;
    }

    .access__content .block .note {
        margin: 20px 0;
        padding: 0 10px;
        font-size: 1.2rem;
        line-height: 2;
    }
}

@media print,
screen and (min-width: 768px) {
    .guest__content {
        padding: 150px 0 0 0;
    }

    .guest__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .guest__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .guest__content .title {
        margin: 0 0 30px 0;
        color: #868686;
        font-size: 2.1rem;
        text-align: center;
    }

    .guest__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .guest__content #gmap {
        width: 100%;
        height: 400px;
    }

    .guest__content .block_info {
        margin: 50px auto;
        width: 100%;
        max-width: 970px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .guest__content .block_info .image {
        width: 50%;
    }

    .guest__content .block_info .info {
        padding: 0 0 0 45px;
        width: 50%;
    }

    .guest__content .block_info .info h3 {
        margin: 0 0 20px 0;
        font-size: 1.9rem;
    }

    .guest__content .block_info .info p {
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .guest__content .block_info .info p a {
        color: #678c00;
        font-size: 2.5rem;
    }

    .guest__content .block_flow ul {
        margin: 0 auto;
        width: 100%;
        max-width: 1200px;
    }

    .guest__content .block_flow ul li dl {
        background: #f8f8f5;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .guest__content .block_flow ul li dl dt {
        width: 50%;
        position: relative;
    }

    .guest__content .block_flow ul li dl dt:after {
        content: '';
        width: 24px;
        height: 24px;
        background: #f8f8f5;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(50%, -50%) rotate(45deg);
        transform: translate(50%, -50%) rotate(45deg);
    }

    .guest__content .block_flow ul li dl dd {
        width: 50%;
        font-size: 2rem;
        line-height: 2;
        text-align: center;
    }

    .guest__content .block_flow ul li dl dd span {
        font-size: 4.2rem;
        font-style: italic;
        display: block;
    }

    .guest__content .block_flow ul li dl dd a {
        margin: 15px auto 0;
        padding: 15px 70px;
        font-size: 1.2rem;
        line-height: 1;
        display: block;
        border: 1px #000000 solid;
        display: table;
    }

    .guest__content .block_flow ul li dl.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
    }

    .guest__content .block_flow ul li dl.row dt:after {
        top: 50%;
        left: 0;
        right: auto;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .guest__content .block_faq {
        margin: 100px auto;
        width: 100%;
        max-width: 1000px;
    }

    .guest__content .block_faq ul li dl dt {
        padding: 25px;
        font-size: 1.5rem;
        background: #fcfcfc;
        position: relative;
        cursor: pointer;
    }

    .guest__content .block_faq ul li dl dt:before {
        content: 'Q';
        margin: 0 20px 0 0;
        color: #688c00;
        font-size: 2rem;
    }

    .guest__content .block_faq ul li dl dt:after {
        content: '';
        width: 12px;
        height: 12px;
        border-top: 1px #71920e solid;
        border-left: 1px #71920e solid;
        display: block;
        position: absolute;
        top: 50%;
        right: 25px;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
    }

    .guest__content .block_faq ul li dl dt.open:after {
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

    .guest__content .block_faq ul li dl dd {
        margin: 10px;
        padding: 50px 100px;
        font-size: 1.5rem;
        line-height: 2;
        background: url(../img/bg_faq.jpg) no-repeat 0 0;
        background-size: 1600px;
        display: none;
    }

    .guest__content .block_faq ul li dl dd:before {
        content: 'A';
        margin: 0 20px 0 0;
        color: #c73759;
        font-size: 2rem;
    }

    .guest__content .block_faq ul li:nth-child(odd) dl dt {
        background: #f5f5f5;
    }
}

@media print,
screen and (max-width: 767px) {
    .guest__content {
        padding: 70px 0 0 0;
    }

    .guest__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .guest__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .guest__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .guest__content .title {
        margin: 0 0 20px 0;
        color: #868686;
        font-size: 1.1rem;
        text-align: center;
    }

    .guest__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .guest__content #gmap {
        width: 100%;
        height: 215px;
    }

    .guest__content .block_info .image {
        padding: 25px 25px 0 25px;
    }

    .guest__content .block_info .info {
        margin: 15px 0;
        text-align: center;
    }

    .guest__content .block_info .info h3 {
        display: none;
    }

    .guest__content .block_info .info p {
        font-size: 1rem;
        line-height: 1.8;
    }

    .guest__content .block_info .info p a {
        color: #678c00;
        font-size: 1.6rem;
    }

    .guest__content .block_flow {
        padding: 0 25px;
    }

    .guest__content .block_flow ul li {
        margin: 0 0 25px 0;
    }

    .guest__content .block_flow ul li dl dt {
        position: relative;
    }

    .guest__content .block_flow ul li dl dt:after {
        content: '';
        width: 12px;
        height: 12px;
        background: #f5f5f5;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 50%) rotate(45deg);
        transform: translate(-50%, 50%) rotate(45deg);
    }

    .guest__content .block_flow ul li dl dd {
        padding: 25px;
        font-size: 1.5rem;
        line-height: 2;
        text-align: center;
        background: #f5f5f5;
    }

    .guest__content .block_flow ul li dl dd br {
        display: none;
    }

    .guest__content .block_flow ul li dl dd span {
        font-size: 2.5rem;
        font-style: italic;
        display: block;
    }

    .guest__content .block_flow ul li dl dd a {
        margin: 15px auto 0;
        padding: 15px 70px;
        font-size: 1.2rem;
        line-height: 1;
        display: block;
        border: 1px #000000 solid;
        display: table;
    }

    .guest__content .block_faq {
        margin: 30px 0;
        padding: 0 25px;
    }

    .guest__content .block_faq ul li dl dt {
        padding: 15px 45px 15px 15px;
        font-size: 1.2rem;
        line-height: 2;
        background: #fcfcfc;
        position: relative;
        cursor: pointer;
    }

    .guest__content .block_faq ul li dl dt:before {
        content: 'Q';
        margin: 0 15px 0 0;
        color: #688c00;
        font-size: 2rem;
    }

    .guest__content .block_faq ul li dl dt:after {
        content: '';
        width: 12px;
        height: 12px;
        border-top: 1px #71920e solid;
        border-left: 1px #71920e solid;
        display: block;
        position: absolute;
        top: 50%;
        right: 25px;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
    }

    .guest__content .block_faq ul li dl dt.open:after {
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

    .guest__content .block_faq ul li dl dd {
        margin: 10px;
        padding: 20px 30px;
        font-size: 1.2rem;
        line-height: 2;
        background: url(../img/bg_faq.jpg) no-repeat 0 0;
        background-size: 1600px;
        display: none;
    }

    .guest__content .block_faq ul li dl dd:before {
        content: 'A';
        margin: 0 15px 0 0;
        color: #c73759;
        font-size: 2rem;
    }

    .guest__content .block_faq ul li:nth-child(odd) dl dt {
        background: #f5f5f5;
    }
}

@media print,
screen and (min-width: 768px) {
    .faq__content {
        padding: 150px 0 0 0;
    }

    .faq__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .faq__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .faq__content .title {
        margin: 0 0 30px 0;
        color: #868686;
        font-size: 2.1rem;
        text-align: center;
    }

    .faq__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .faq__content .block_faq {
        margin: 50px auto 100px auto;
        width: 100%;
        max-width: 1000px;
    }

    .faq__content .block_faq ul li dl dt {
        padding: 25px;
        font-size: 1.5rem;
        line-height: 1.6;
        background: #fcfcfc;
        position: relative;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .faq__content .block_faq ul li dl dt:before {
        content: 'Q';
        margin: 0 20px 0 0;
        color: #744a2e;
        font-size: 2rem;
    }

    .faq__content .block_faq ul li dl dt:after {
        content: '';
        width: 12px;
        height: 12px;
        border-top: 1px #744a2e solid;
        border-left: 1px #744a2e solid;
        display: block;
        position: absolute;
        top: 50%;
        right: 25px;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
    }

    .faq__content .block_faq ul li dl dt.open:after {
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

    .faq__content .block_faq ul li dl dd {
        margin: 10px;
        padding: 50px 100px;
        font-size: 1.5rem;
        line-height: 2;
        background: url(../img/bg_faq.jpg) no-repeat 0 0;
        background-size: cover;
        display: none;
    }

    .faq__content .block_faq ul li dl dd.show {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }

    .faq__content .block_faq ul li dl dd:before {
        content: 'A';
        margin: 0 20px 0 0;
        color: #c73759;
        font-size: 2rem;
    }

    .faq__content .block_faq ul li:nth-child(odd) dl dt {
        background: #f5f5f5;
    }
}

@media print,
screen and (max-width: 767px) {
    .faq__content {
        padding: 70px 0 0 0;
    }

    .faq__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .faq__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .faq__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .faq__content .title {
        margin: 0 0 20px 0;
        color: #868686;
        font-size: 1.1rem;
        text-align: center;
    }

    .faq__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .faq__content .block_faq {
        margin: 30px 0;
        padding: 0 25px;
    }

    .faq__content .block_faq ul li dl dt {
        padding: 15px 45px 15px 15px;
        font-size: 1.2rem;
        line-height: 2;
        background: #fcfcfc;
        position: relative;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
    }

    .faq__content .block_faq ul li dl dt:before {
        content: 'Q';
        margin: 0 15px 0 0;
        color: #744a2e;
        font-size: 2rem;
    }

    .faq__content .block_faq ul li dl dt:after {
        content: '';
        width: 12px;
        height: 12px;
        border-top: 1px #744a2e solid;
        border-left: 1px #744a2e solid;
        display: block;
        position: absolute;
        top: 50%;
        right: 25px;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
    }

    .faq__content .block_faq ul li dl dt.open:after {
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

    .faq__content .block_faq ul li dl dd {
        margin: 10px;
        padding: 20px 30px;
        font-size: 1.2rem;
        line-height: 2;
        background: url(../img/bg_faq.jpg) no-repeat 0 0;
        background-size: cover;
        display: none;
    }

    .faq__content .block_faq ul li dl dd.show {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }

    .faq__content .block_faq ul li dl dd:before {
        content: 'A';
        margin: 0 15px 0 0;
        color: #c73759;
        font-size: 2rem;
    }

    .faq__content .block_faq ul li:nth-child(odd) dl dt {
        background: #f5f5f5;
    }
}

@media print,
screen and (min-width: 768px) {
    .group__content {
        padding: 150px 0 0 0;
    }

    .group__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .group__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .group__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .group__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .group__content .sp_data {
        display: none;
    }

    .group__content .block {
        margin: 0 auto;
        width: 100%;
        max-width: 1060px;
    }

    .group__content .block .place {
        display: none;
    }

    .group__content .block ul {
        /*width: 1060px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
        font-size: 0;
        display: inline;
    }

    .group__content .block ul li {
        margin: 0 0 50px 0;
        padding: 0 10px;
        width: 49%;
        color: #000000;
        display: inline-block;
        vertical-align: top;
    }

    .group__content .block ul li h3 {
        margin: 20px 0 10px 0;
        font-size: 1.6rem;
    }

    .group__content .block ul li p {
        font-size: 1.3rem;
        line-height: 1.6;
    }
}

@media print,
screen and (max-width: 767px) {
    .group__content {
        padding: 70px 0 0 0;
    }

    .group__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .group__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .group__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .group__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .group__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .group__content .sp_data {
        text-align: center;
    }

    .group__content .sp_data p {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .group__content .sp_data ul {
        margin: 15px auto;
        max-width: 70%;
        font-size: 0;
    }

    .group__content .sp_data ul li {
        margin: 0 5px 10px 5px;
        padding: 5px;
        font-size: 1.2rem;
        line-height: 1;
        display: inline-block;
        border: 1px #000000 solid;
    }

    .group__content .block .place {
        margin: 20px auto 0;
        width: 50%;
        font-size: 1.4rem;
        line-height: 2;
        text-align: center;
        position: relative;
    }

    .group__content .block .place:before {
        content: '';
        width: 50px;
        height: 1px;
        background: #000000;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .group__content .block .place:after {
        content: '';
        width: 50px;
        height: 1px;
        background: #000000;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .group__content .block ul li {
        padding: 20px;
    }

    .group__content .block ul li h3 {
        margin: 15px 0 5px 0;
        font-size: 1.3rem;
        line-height: 1.6;
    }

    .group__content .block ul li p {
        font-size: 1rem;
        line-height: 2;
    }

    .group__content .block ul li.bg_color {
        background: #f8f8f8;
    }
}

@media print,
screen and (min-width: 768px) {
    .policy__content {
        padding: 150px 0 0 0;
    }

    .policy__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .policy__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .policy__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .policy__content .desc {
        margin: 0 auto 50px auto;
        width: 100%;
        max-width: 800px;
        font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
        font-size: 1.4rem;
        line-height: 2;
        text-align: center;
    }

    .policy__content .block {
        margin: 0 auto 50px auto;
        padding: 0 0 50px 0;
        width: 100%;
        max-width: 800px;
        border-bottom: 1px #dddddd solid;
    }

    .policy__content .block:last-child {
        margin-bottom: 100px;
    }

    .policy__content .block h3 {
        margin: 0 0 40px 0;
        font-size: 1.6rem;
    }

    .policy__content .block p {
        padding: 0 20px;
        font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
        font-size: 1.3rem;
        line-height: 2;
    }
}

@media print,
screen and (max-width: 767px) {
    .policy__content {
        padding: 70px 0 0 0;
    }

    .policy__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .policy__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .policy__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .policy__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .policy__content .desc {
        margin: 0 20px 20px 20px;
        font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
        font-size: 1.2rem;
        text-align: left;
        line-height: 1.5;
    }

    .policy__content .block {
        margin: 0 20px 20px 20px;
        padding: 0 0 20px 0;
        border-bottom: 1px #dddddd solid;
    }

    .policy__content .block:last-child {
        margin-bottom: 40px;
    }

    .policy__content .block h3 {
        margin: 0 0 20px 0;
        font-size: 1.6rem;
        line-height: 1.8;
    }

    .policy__content .block p {
        font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
        font-size: 1.3rem;
        line-height: 2;
    }
}

@media print,
screen and (min-width: 768px) {
    .concept__content {
        padding: 150px 0 0 0;
    }

    .concept__content .key {
        padding: 150px 0;
        background: url(../img/bg_concept.jpg) no-repeat 0 0;
        background-size: cover;
    }

    .concept__content .key .box {
        margin: 0 auto;
        padding: 10px;
        width: 600px;
        border: 1px #ffffff solid;
    }

    .concept__content .key .box .inner {
        padding: 125px 90px 100px 90px;
        background: #ffffff url(../img/catch.png) no-repeat center center;
        background-size: 400px;
        position: relative;
    }

    .concept__content .key .box .inner h2 {
        width: 240px;
        position: absolute;
        top: -70px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .concept__content .key .box .inner .catch {
        font-size: 2.2rem;
        line-height: 2;
        text-align: center;
    }

    .concept__content .key .box .inner .desc {
        font-size: 1.4rem;
        line-height: 3;
        text-align: center;
    }

    .concept__content .key .box .inner .desc br.sp {
        display: none;
    }

    .concept__content .block_flow {
        margin: 0 0 100px 0;
    }

    .concept__content .block_flow h3 {
        margin: 90px 0 50px 0;
        font-size: 2.1rem;
        line-height: 1;
        text-align: center;
    }

    .concept__content .block_flow h3 span {
        font-size: 4.2rem;
        font-style: italic;
    }

    .concept__content .block_flow h3 img {
        width: 70px;
    }

    .concept__content .block_flow ul {
        margin: 0 auto;
        width: 100%;
        max-width: 1200px;
    }

    .concept__content .block_flow ul li dl {
        background: #f8f8f5;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .concept__content .block_flow ul li dl dt {
        width: 50%;
        position: relative;
    }

    .concept__content .block_flow ul li dl dt:after {
        content: '';
        width: 24px;
        height: 24px;
        background: #f8f8f5;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(50%, -50%) rotate(45deg);
        transform: translate(50%, -50%) rotate(45deg);
    }

    .concept__content .block_flow ul li dl dd {
        padding: 0 60px;
        width: 50%;
        font-size: 2rem;
        line-height: 2;
        text-align: left;
    }

    .concept__content .block_flow ul li dl dd h4 {
        font-size: 2.2rem;
    }

    .concept__content .block_flow ul li dl dd h4 span {
        font-size: 4.2rem;
        font-style: italic;
    }

    .concept__content .block_flow ul li dl dd .img {
        display: none;
    }

    .concept__content .block_flow ul li dl dd p {
        font-size: 1.3rem;
        line-height: 2;
    }

    .concept__content .block_flow ul li dl.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
    }

    .concept__content .block_flow ul li dl.row dt:after {
        top: 50%;
        left: 0;
        right: auto;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .concept__content .block_faq {
        margin: 100px auto;
        width: 100%;
        max-width: 1000px;
    }

    .concept__content .block_faq ul li dl dt {
        padding: 25px;
        font-size: 1.5rem;
        background: #fcfcfc;
        position: relative;
        cursor: pointer;
    }

    .concept__content .block_faq ul li dl dt:before {
        content: 'Q';
        margin: 0 20px 0 0;
        color: #688c00;
        font-size: 2rem;
    }

    .concept__content .block_faq ul li dl dt:after {
        content: '';
        width: 12px;
        height: 12px;
        border-top: 1px #71920e solid;
        border-left: 1px #71920e solid;
        display: block;
        position: absolute;
        top: 50%;
        right: 25px;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
    }

    .concept__content .block_faq ul li dl dt.open:after {
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

    .concept__content .block_faq ul li dl dd {
        margin: 10px;
        padding: 50px 100px;
        font-size: 1.5rem;
        line-height: 2;
        background: url(../img/bg_faq.jpg) no-repeat 0 0;
        background-size: cover;
        display: none;
    }

    .concept__content .block_faq ul li dl dd:before {
        content: 'A';
        margin: 0 20px 0 0;
        color: #c73759;
        font-size: 2rem;
    }

    .concept__content .block_faq ul li:nth-child(odd) dl dt {
        background: #f5f5f5;
    }
}

@media print,
screen and (max-width: 767px) {
    .concept__content {
        padding: 70px 0 0 0;
    }

    .concept__content .key {
        padding: 25px 10px;
        background: url(../img/bg_concept.jpg) no-repeat 0 0;
        background-size: cover;
    }

    .concept__content .key .box {
        margin: 0 auto;
        padding: 4px;
        width: 76%;
        border: 1px #ffffff solid;
    }

    .concept__content .key .box .inner {
        padding: 55px 30px;
        background: #ffffff;
        position: relative;
    }

    .concept__content .key .box .inner h2 {
        width: 120px;
        position: absolute;
        top: -30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .concept__content .key .box .inner .catch {
        margin: 0 0 10px 0;
        font-size: 1.2rem;
        line-height: 1.6;
        text-align: center;
    }

    .concept__content .key .box .inner .desc {
        color: #000000;
        font-size: 1rem;
        text-align: center;
        line-height: 1.5;
    }

    .concept__content .key .box .inner .desc br.sp {
        display: block;
    }

    .concept__content .block_flow {
        padding: 0 10px;
    }

    .concept__content .block_flow h3 {
        margin: 50px 0 25px 0;
        font-size: 1.5rem;
        line-height: 1;
        text-align: center;
    }

    .concept__content .block_flow h3 span {
        font-size: 3.4rem;
        font-style: italic;
    }

    .concept__content .block_flow h3 img {
        width: 50px;
    }

    .concept__content .block_flow ul li {
        margin: 0 0 25px 0;
    }

    .concept__content .block_flow ul li dl dt {
        display: none;
    }

    .concept__content .block_flow ul li dl dd {
        font-size: 1.5rem;
        line-height: 2;
        text-align: center;
    }

    .concept__content .block_flow ul li dl dd br {
        display: none;
    }

    .concept__content .block_flow ul li dl dd h4 {
        font-size: 1.7rem;
    }

    .concept__content .block_flow ul li dl dd h4 span {
        font-size: 2.1rem;
        font-style: italic;
    }

    .concept__content .block_flow ul li dl dd .img {
        margin: 0 0 10px 0;
    }

    .concept__content .block_flow ul li dl dd p {
        padding: 0 15px;
        font-size: 1.2rem;
        line-height: 2;
        text-align: left;
        position: relative;
    }

    .concept__content .block_flow ul li dl dd p:after {
        content: '';
        width: 12px;
        height: 12px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: -15px;
        left: 50%;
        -webkit-transform: translate(-50%, 0) rotate(45deg);
        transform: translate(-50%, 0) rotate(45deg);
    }
}

@media print,
screen and (min-width: 768px) {
    .cuisine__content {
        padding: 150px 0 0 0;
    }

    .cuisine__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .cuisine__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .cuisine__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .cuisine__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .cuisine__content .key {
        width: 100%;
    }

    .cuisine__content .key img {
        width: 100%;
    }

    .cuisine__content .block_gallery {
        margin: 75px 0 60px 0;
    }

    .cuisine__content .block_gallery h3 {
        margin: 0 0 45px 0;
        font-size: 2.2rem;
        line-height: 1.5;
        text-align: center;
    }

    .cuisine__content .block_gallery h3 span {
        font-size: 1.1rem;
        letter-spacing: 0;
        display: block;
    }

    .cuisine__content .block_gallery ul {
        margin: 40px auto;
        width: 100%;
        max-width: 1000px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .cuisine__content .block_gallery ul li {
        margin: 0 0 15px 0;
        width: 19%;
    }

    .cuisine__content .block_feature {
        margin: 75px 0 60px 0;
    }

    .cuisine__content .block_feature h3 {
        margin: 0 0 45px 0;
        font-size: 2.2rem;
        line-height: 1.5;
        text-align: center;
    }

    .cuisine__content .block_feature h3 span {
        font-size: 1.1rem;
        letter-spacing: 0;
        display: block;
    }

    .cuisine__content .block_feature .point_1 {
        width: 100%;
        position: relative;
    }

    .cuisine__content .block_feature .point_1 .image {
        width: 65%;
    }

    .cuisine__content .block_feature .point_1 .txt {
        padding: 75px 20px;
        width: 45%;
        text-align: center;
        background: white;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .cuisine__content .block_feature .point_1 .txt h4 {
        font-size: 2.1rem;
        /*line-height: 3;*/
        line-height: 1.8;
        padding: 0 0 15px 0;
    }

    .cuisine__content .block_feature .point_1 .txt h4 img {
        margin: 0 0 10px 0;
    }

    .cuisine__content .block_feature .point_1 .txt p {
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .cuisine__content .block_feature .point_2 {
        margin: 50px auto 159px auto;
        width: 100%;
        position: relative;
    }

    .cuisine__content .block_feature .point_2 .image {
        margin: 0 auto;
        padding-top: 520px;
        width: 95%;
        text-align: center;
        background: url(../img/image_2.jpg) no-repeat center center;
        background-size: cover;
    }

    .cuisine__content .block_feature .point_2 .image img {
        display: none;
    }

    .cuisine__content .block_feature .point_2 .txt {
        padding: 75px 20px;
        width: 45%;
        text-align: center;
        background: white;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }

    .cuisine__content .block_feature .point_2 .txt h4 {
        font-size: 2.1rem;
        line-height: 3;
    }

    .cuisine__content .block_feature .point_2 .txt p {
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .cuisine__content .block_feature .point_2:after {
        content: '';
        width: 72%;
        height: 155%;
        background: #222222;
        display: block;
        position: absolute;
        bottom: -159px;
        right: 0;
        z-index: -1;
    }

    .cuisine__content .block_feature .point_3 {
        padding: 40px 40px 0 40px;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
    }

    .cuisine__content .block_feature .point_3 .box {
        width: 50%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .cuisine__content .block_feature .point_3 .box .image {
        width: 100%;
        padding-top: 380px;
    }

    .cuisine__content .block_feature .point_3 .box .image img {
        display: none;
    }

    .cuisine__content .block_feature .point_3 .box .txt {
        padding: 75px 20px;
        text-align: center;
    }

    .cuisine__content .block_feature .point_3 .box .txt h4 {
        font-size: 2.1rem;
        line-height: 3;
    }

    .cuisine__content .block_feature .point_3 .box .txt p {
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .cuisine__content .block_feature .point_3 .box.box3 .image {
        background: url(../img/image_3.jpg) no-repeat center center;
        background-size: cover;
    }

    .cuisine__content .block_feature .point_3 .box.box3 .txt {
        background: url(../img/bg.jpg) no-repeat 0 0;
        background-size: cover;
    }

    .cuisine__content .block_feature .point_3 .box.box4 {
        background: #770c0c;
    }

    .cuisine__content .block_feature .point_3 .box.box4 .image {
        background: url(../img/image_4.jpg) no-repeat center center;
        background-size: cover;
    }

    .cuisine__content .block_feature .point_3 .box.box4 .txt {
        color: #ffffff;
        background: #770c0c;
    }

    .cuisine__content .block_feature .point_3:after {
        content: '';
        width: 72.5%;
        height: 94.5%;
        background: #770c0c;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .cuisine__content .block_feature .point_5 {
        padding: 40px;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
        position: relative;
    }

    .cuisine__content .block_feature .point_5 .image {
        width: 50%;
        background: url(../img/image_5.jpg) no-repeat center center;
        background-size: cover;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .cuisine__content .block_feature .point_5 .image img {
        display: none;
    }

    .cuisine__content .block_feature .point_5 .txt {
        padding: 75px 20px;
        width: 50%;
        text-align: center;
        background: #ffffff;
    }

    .cuisine__content .block_feature .point_5 .txt h4 {
        font-size: 2.1rem;
        line-height: 3;
    }

    .cuisine__content .block_feature .point_5 .txt p {
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .cuisine__content .block_feature .point_5:after {
        content: '';
        width: 72.5%;
        height: 174.5%;
        background: url(../img/bg2.jpg) no-repeat 0 0;
        background-size: cover;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
    }

    .cuisine__content .block_chef {
        margin: 75px 0 60px 0;
    }

    .cuisine__content .block_chef h3 {
        margin: 0 0 -35px 0;
        padding: 60px 0;
        font-size: 2.2rem;
        line-height: 1.5;
        text-align: center;
        background: url(../img/txt_6.png) no-repeat center center;
        background-size: 180px;
        z-index: 2;
        position: relative;
    }

    .cuisine__content .block_chef h3 span {
        font-size: 1.1rem;
        letter-spacing: 0;
        display: block;
    }

    .cuisine__content .block_chef .chefs {
        padding: 80px 0;
        background: #434343;
    }

    .cuisine__content .block_chef .chefs .inner {
        margin: 0 auto;
        width: 100%;
        max-width: 1060px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .cuisine__content .block_chef .chefs .inner .chef {
        width: 50%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .cuisine__content .block_chef .chefs .inner .chef .image {
        width: 40%;
    }

    .cuisine__content .block_chef .chefs .inner .chef .txt {
        padding: 60px 15px 0 15px;
        width: 60%;
    }

    .cuisine__content .block_chef .chefs .inner .chef .txt h4 {
        color: #ffffff;
        font-size: 3rem;
        line-height: 1.4;
    }

    .cuisine__content .block_chef .chefs .inner .chef .txt h4 strong {
        font-size: 1.5rem;
    }

    .cuisine__content .block_chef .chefs .inner .chef .txt h4 span {
        color: #888888;
        font-size: 1.3rem;
    }

    .cuisine__content .block_chef .chefs .inner .chef .txt p {
        color: #d3b832;
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .cuisine__content .block_michelin .inner {
        margin: 0 auto 40px auto;
        padding: 0 0 40px 0;
        width: 100%;
        max-width: 1000px;
        border-bottom: 1px #dddddd solid;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .cuisine__content .block_michelin .inner .image {
        width: 38%;
    }

    .cuisine__content .block_michelin .inner .txt {
        padding: 0 0 0 50px;
        width: 62%;
    }

    .cuisine__content .block_michelin .inner .txt h3 {
        margin: 0 0 10px 0;
        font-size: 2.6rem;
    }

    .cuisine__content .block_michelin .inner .txt p {
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .cuisine__content .block_michelin .iso {
        margin: 0 auto 40px auto;
        padding: 0 0 40px 0;
        width: 100%;
        max-width: 1000px;
        text-align: center;
        border-bottom: 1px #dddddd solid;
    }

    .cuisine__content .block_michelin .iso h3 {
        margin: 30px 0;
        font-size: 2.6rem;
    }

    .cuisine__content .block_michelin .iso p {
        margin: 0 auto;
        max-width: 600px;
        font-size: 1.5rem;
        line-height: 1.8;
        text-align: left;
    }

    .cuisine__content .block_michelin .iso p.mark {
        text-align: center;
    }

    .cuisine__content .block_michelin .iso p.mark img {
        margin: 0 10px 0 0;
        vertical-align: middle;
    }

    .cuisine__content .recommend {
        background: #f4f1e9;
    }

    .cuisine__content .recommend .inner {
        margin: 0 auto;
        padding: 40px 0 60px 0;
        width: 100%;
        max-width: 1000px;
    }

    .cuisine__content .recommend .inner .heading h3 {
        margin: 0 auto;
        padding: 20px 80px;
        font-size: 2rem;
        line-height: 1.8;
        text-align: center;
        background: #ffffff url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
        display: table;
    }

    .cuisine__content .recommend .inner .heading h3 span {
        color: #888888;
        font-size: 1.4rem;
        display: block;
    }

    .cuisine__content .recommend .inner .article {
        margin: 25px 0 0 0;
        padding: 25px 12px 0 12px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px #dddddd solid;
    }

    .cuisine__content .recommend .inner .article:last-child {
        padding-bottom: 25px;
        border-bottom: 1px #dddddd solid;
    }

    .cuisine__content .recommend .inner .article .image {
        width: 32%;
    }

    .cuisine__content .recommend .inner .article .image figure {
        overflow: hidden;
        position: relative;
        padding-top: 64%;
    }

    .cuisine__content .recommend .inner .article .image figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .cuisine__content .recommend .inner .article .txt {
        padding: 0 0 0 35px;
        width: 66%;
    }

    .cuisine__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.7rem;
        line-height: 1.6;
    }

    .cuisine__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .cuisine__content .recommend .inner .article .txt ul {
        margin: 20px 0 0 0;
        font-size: 0;
    }

    .cuisine__content .recommend .inner .article .txt ul li {
        margin: 0 14px 0 0;
        display: inline-block;
    }

    .cuisine__content .recommend .inner .article .txt ul li a.btn {
        padding: 15px 40px;
        color: #ffffff;
        font-size: 1.4rem;
        line-height: 1;
        background: #A26740;
        display: block;
        position: relative;
    }

    .cuisine__content .recommend .inner .article .txt ul li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .cuisine__content .recommend .inner .article .txt ul li:last-child {
        margin: 0;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer {
        width: 230px;
        display: inline-block;
        position: relative;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner {
        display: none;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box {
        width: 430px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 50px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .cal_slider_1col {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        padding: 0 0 5px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday a,
    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .cuisine__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (max-width: 767px) {
    .cuisine__content {
        padding: 70px 0 0 0;
    }

    .cuisine__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .cuisine__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .cuisine__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .cuisine__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .cuisine__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .cuisine__content .key img {
        display: none;
    }

    .cuisine__content .key:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .cuisine__content .block_gallery {
        margin: 23px 0 35px 0;
        text-align: center;
    }

    .cuisine__content .block_gallery h3 {
        font-size: 1.5rem;
        line-height: 2;
    }

    .cuisine__content .block_gallery h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .cuisine__content .block_gallery ul {
        margin: 20px auto;
        padding: 0 25px;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .cuisine__content .block_gallery ul li {
        margin: 0 0 15px 0;
        width: 30%;
    }

    .cuisine__content .block_gallery ul li:last-child {
        display: none;
    }

    .cuisine__content .block_feature {
        margin: 23px 0 35px 0;
        text-align: center;
    }

    .cuisine__content .block_feature h3 {
        font-size: 1.5rem;
        line-height: 2;
    }

    .cuisine__content .block_feature h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .cuisine__content .block_feature .point_1 {
        margin: 0 0 50px 0;
    }

    .cuisine__content .block_feature .point_1 .image {
        margin: 25px 0;
    }

    .cuisine__content .block_feature .point_1 .txt {
        padding: 0 25px;
    }

    .cuisine__content .block_feature .point_1 .txt h4 {
        font-size: 1.5rem;
        /*line-height: 3;*/
        line-height: 1.8;
    }

    .cuisine__content .block_feature .point_1 .txt h4 img {
        margin: 0 0 10px 0;
    }

    .cuisine__content .block_feature .point_1 .txt p {
        margin: 15px 0 0 0;
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .cuisine__content .block_feature .point_2 {
        margin: 0 0 50px 0;
    }

    .cuisine__content .block_feature .point_2 .image {
        margin: 25px 0;
    }

    .cuisine__content .block_feature .point_2 .txt {
        padding: 0 25px;
    }

    .cuisine__content .block_feature .point_2 .txt h4 {
        font-size: 1.5rem;
        line-height: 3;
    }

    .cuisine__content .block_feature .point_2 .txt p {
        margin: 15px 0 0 0;
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .cuisine__content .block_feature .point_3 {
        margin: 0 0 50px 0;
        padding: 0 15px;
    }

    .cuisine__content .block_feature .point_3 .image {
        margin: 25px 0;
    }

    .cuisine__content .block_feature .point_3 .txt h4 {
        font-size: 1.5rem;
        line-height: 3;
    }

    .cuisine__content .block_feature .point_3 .txt p {
        margin: 15px 0 0 0;
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .cuisine__content .block_feature .point_3 .box3 {
        margin: 0 0 50px 0;
        position: relative;
    }

    .cuisine__content .block_feature .point_3 .box3:after {
        content: '';
        width: 109%;
        height: 90%;
        background: url(../img/bg.jpg) no-repeat 0 0;
        background-size: cover;
        display: block;
        position: absolute;
        top: 20%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1;
    }

    .cuisine__content .block_feature .point_3 .box4 {
        position: relative;
        color: #ffffff;
    }

    .cuisine__content .block_feature .point_3 .box4:after {
        content: '';
        width: 109%;
        height: 90%;
        background: #770c0c;
        display: block;
        position: absolute;
        top: 20%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1;
    }

    .cuisine__content .block_feature .point_5 {
        margin: 20px 0 0 0;
        padding: 0 15px;
    }

    .cuisine__content .block_feature .point_5 .image {
        margin: 0 0 25px 0;
    }

    .cuisine__content .block_feature .point_5 .txt h4 {
        font-size: 1.5rem;
        line-height: 3;
    }

    .cuisine__content .block_feature .point_5 .txt p {
        margin: 15px 0 0 0;
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .cuisine__content .block_chef {
        margin: 23px 0 35px 0;
        padding: 0 10px;
        text-align: center;
    }

    .cuisine__content .block_chef h3 {
        margin: 0 0 -50px 0;
        padding: 60px 0;
        font-size: 1.5rem;
        line-height: 2;
        background: url(../img/txt_6.png) no-repeat center center;
        background-size: 50%;
        position: relative;
        z-index: 2;
    }

    .cuisine__content .block_chef h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .cuisine__content .block_chef .inner {
        padding: 60px 10px 20px 10px;
        background: #434343;
    }

    .cuisine__content .block_chef .inner .chef {
        margin: 0 0 25px 0;
        padding: 0 0 25px 0;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px #ffffff solid;
    }

    .cuisine__content .block_chef .inner .chef .image {
        width: 35%;
    }

    .cuisine__content .block_chef .inner .chef .txt {
        width: 65%;
        padding: 0 0 0 20px;
        text-align: left;
    }

    .cuisine__content .block_chef .inner .chef .txt h4 {
        color: #ffffff;
        font-size: 1.7rem;
        line-height: 1.4;
    }

    .cuisine__content .block_chef .inner .chef .txt h4 strong {
        font-size: 1.1rem;
    }

    .cuisine__content .block_chef .inner .chef .txt h4 span {
        color: #888888;
        font-size: 1rem;
    }

    .cuisine__content .block_chef .inner .chef .txt p {
        color: #d3b832;
        font-size: 1.1rem;
        line-height: 1.8;
    }

    .cuisine__content .block_chef .inner .chef:last-child {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .cuisine__content .block_michelin .inner .image {
        padding: 0 25px;
    }

    .cuisine__content .block_michelin .inner .txt {
        margin: 25px 0 0 0;
        padding: 0 25px;
        text-align: center;
    }

    .cuisine__content .block_michelin .inner .txt h3 {
        font-size: 1.8rem;
    }

    .cuisine__content .block_michelin .inner .txt p {
        margin: 25px 0 0 0;
        padding: 0 0 25px 0;
        font-size: 1.2rem;
        line-height: 1.8;
        text-align: left;
        border-bottom: 1px #dddddd solid;
    }

    .cuisine__content .block_michelin .iso {
        margin: 25px 0;
        padding: 0 25px;
    }

    .cuisine__content .block_michelin .iso h3 {
        margin: 25px 0;
        font-size: 1.7rem;
    }

    .cuisine__content .block_michelin .iso p {
        font-size: 1.2rem;
        line-height: 1.8;
        text-align: left;
    }

    .cuisine__content .block_michelin .iso p.mark {
        text-align: center;
    }

    .cuisine__content .block_michelin .iso p.mark img {
        margin: 0 5px 0 0;
        max-width: 40px;
        vertical-align: middle;
    }

    .cuisine__content .recommend {
        margin: 50px 0 0 0;
        padding: 30px 25px;
        background: #f4f1e9;
    }

    .cuisine__content .recommend .inner .heading {
        margin: 0 0 30px 0;
        padding: 10px 0;
        background: #ffffff url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
    }

    .cuisine__content .recommend .inner .heading h3 {
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1.8;
        text-align: center;
    }

    .cuisine__content .recommend .inner .heading h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .cuisine__content .recommend .inner .article {
        margin: 0 0 40px 0;
    }

    .cuisine__content .recommend .inner .article .image {
        margin: 0 0 20px 0;
    }

    .cuisine__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .cuisine__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .cuisine__content .recommend .inner .article .txt .resv {
        margin: 0 auto;
        width: 70%;
    }

    .cuisine__content .recommend .inner .article .txt .resv li a.btn {
        margin: 0 0 10px 0;
        padding: 15px 0;
        width: 100%;
        color: #ffffff;
        font-size: 1.1rem;
        line-height: 1;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .cuisine__content .recommend .inner .article .txt .resv li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer {
        width: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner {
        display: none;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box {
        width: 280px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 47px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .slide:last-child {
        margin: 15px 0 0 0;
        padding: 15px 0 0 0;
        border-top: 1px #cccccc solid;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday a,
    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .cuisine__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (min-width: 768px) {
    .dress__content {
        padding: 150px 0 0 0;
    }

    .dress__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .dress__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .dress__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
        line-height: 1.6;
    }

    .dress__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .dress__content .key {
        width: 100%;
    }

    .dress__content .key img {
        width: 100%;
    }

    .dress__content .box {
        margin: 0 0 100px 0;
        width: 100%;
        position: relative;
    }

    .dress__content .box .inner {
        margin: 0 auto;
        width: 1000px;
        overflow: hidden;
    }

    .dress__content .box .inner .image.pc {
        width: 70%;
        position: absolute;
        top: 40px;
        left: 0;
        z-index: -1;
    }

    .dress__content .box .inner .image.sp {
        display: none;
    }

    .dress__content .box .inner h3 {
        font-size: 6rem;
    }

    .dress__content .box .inner p {
        font-size: 1.4rem;
        line-height: 1.8;
    }

    .dress__content .box .inner .copy {
        margin-bottom: 15px;
        font-size: 2.2rem;
    }

    .dress__content .box .inner .btn {
        float: right;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .dress__content .box .inner .btn a {
        padding: 20px 90px;
        font-size: 1.5rem;
        border: 1px #000000 solid;
        background: url(../img/ico_window.png) no-repeat right 20px center;
        background-size: 10px;
        display: table;
        position: relative;
    }

    .dress__content .box .inner .btn a:before {
        content: '';
        width: 100px;
        height: 1px;
        background: #000000;
        display: block;
        position: absolute;
        top: 50%;
        left: -50px;
    }

    .dress__content .box.row .inner .image {
        left: auto;
        right: 0;
    }

    .dress__content .box.row .inner h3 {
        text-align: right;
    }

    .dress__content .box.row .inner p {
        text-align: right;
    }

    .dress__content .box:after {
        content: '';
        width: 100%;
        height: 70%;
        display: block;
        position: absolute;
        z-index: -2;
    }

    .dress__content .box.col1:after {
        background: #fbf8f7;
        top: 20%;
        left: -10%;
    }

    .dress__content .box.col2:after {
        background: #f8f8f8 url(../img/bg_dress2.jpg) no-repeat 0 0;
        background-size: cover;
        top: 20%;
        right: -10%;
    }

    .dress__content .box.col3:after {
        background: #f4f7f9;
        top: 20%;
        left: -10%;
    }

    .dress__content .box.col4:after {
        background: #f5f7f0;
        top: 20%;
        right: -10%;
    }

    .dress__content .info {
        margin: 0 auto 100px;
        width: 100%;
        max-width: 1000px;
    }

    .dress__content .info h3 {
        font-size: 2.1rem;
        line-height: 1.6;
        text-align: center;
    }

    .dress__content .info h3 span {
        font-size: 1.2rem;
    }

    .dress__content .info dl {
        margin: 40px 0 80px 0;
        background: #fafafa;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .dress__content .info dl dt {
        width: 40%;
        text-align: center;
    }

    .dress__content .info dl dd {
        width: 60%;
    }

    .dress__content .info p {
        font-size: 1.4rem;
        line-height: 3;
        text-align: center;
    }

    .dress__content .recommend {
        background: #f4f1e9;
    }

    .dress__content .recommend .inner {
        margin: 0 auto;
        padding: 40px 0 60px 0;
        width: 100%;
        max-width: 1000px;
    }

    .dress__content .recommend .inner .heading h3 {
        margin: 0 auto;
        padding: 20px 80px;
        font-size: 2rem;
        line-height: 1.8;
        text-align: center;
        background: #f8f8f8 url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
        display: table;
    }

    .dress__content .recommend .inner .heading h3 span {
        color: #888888;
        font-size: 1.4rem;
        display: block;
    }

    .dress__content .recommend .inner .article {
        margin: 25px 0 0 0;
        padding: 25px 12px 0 12px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px #dddddd solid;
    }

    .dress__content .recommend .inner .article:last-child {
        padding-bottom: 25px;
        border-bottom: 1px #dddddd solid;
    }

    .dress__content .recommend .inner .article .image {
        width: 32%;
    }

    .dress__content .recommend .inner .article .txt {
        padding: 0 0 0 35px;
        width: 66%;
    }

    .dress__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.7rem;
        line-height: 1.6;
    }

    .dress__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .dress__content .recommend .inner .article .txt ul {
        margin: 20px 0 0 0;
        font-size: 0;
    }

    .dress__content .recommend .inner .article .txt ul li {
        margin: 0 14px 0 0;
        display: inline-block;
    }

    .dress__content .recommend .inner .article .txt ul li a.btn {
        padding: 15px 40px;
        color: #ffffff;
        font-size: 1.4rem;
        line-height: 1;
        background: #A26740;
        display: block;
        position: relative;
    }

    .dress__content .recommend .inner .article .txt ul li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .dress__content .recommend .inner .article .txt ul li:last-child {
        margin: 0;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer {
        width: 230px;
        display: inline-block;
        position: relative;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner {
        display: none;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box {
        width: 430px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 50px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .cal_slider_1col {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        padding: 0 0 5px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday a,
    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .dress__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (max-width: 767px) {
    .dress__content {
        padding: 70px 0 0 0;
    }

    .dress__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .dress__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .dress__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .dress__content .title {
        margin: 0 0 10px 0;
        color: #000000;
        font-size: 1.4rem;
        line-height: 1.8;
        text-align: center;
    }

    .dress__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .dress__content .key img {
        display: none;
    }

    .dress__content .key:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .dress__content .box {
        margin: 0 0 80px 0;
        position: relative;
    }

    .dress__content .box .inner .image.pc {
        display: none;
    }

    .dress__content .box .inner .image.sp {
        margin: 0 0 10px 0;
        width: 87%;
        overflow: hidden;
    }

    .dress__content .box .inner h3 {
        font-size: 2.4rem;
        line-height: 1.8;
        text-align: center;
        clear: both;
    }

    .dress__content .box .inner p {
        font-size: 1.2rem;
        letter-spacing: 0;
        line-height: 1.8;
        text-align: center;
    }

    .dress__content .box .inner .copy {
        font-size: 1.4rem;
    }

    .dress__content .box .inner .btn a {
        margin: 20px auto 0 auto;
        padding: 15px 45px;
        font-size: 1.2rem;
        text-align: center;
        border: 1px #000000 solid;
        background: url(../img/ico_window.png) no-repeat right 20px center;
        background-size: 10px;
        display: table;
    }

    .dress__content .box.col1 .image.sp {
        float: right;
    }

    .dress__content .box.col1:after {
        content: '';
        width: 100%;
        height: 60%;
        background: #fbf8f7;
        display: block;
        position: absolute;
        top: 30%;
        left: 0;
        z-index: -1;
    }

    .dress__content .box.col2 .image.sp {
        margin: 0 auto 10px;
    }

    .dress__content .box.col2:after {
        content: '';
        width: 100%;
        height: 60%;
        background: #f7f7f7 url(../img/bg_dress2.jpg) no-repeat 0 0;
        background-size: cover;
        display: block;
        position: absolute;
        top: 30%;
        left: 0;
        z-index: -1;
    }

    .dress__content .box.col3:after {
        content: '';
        width: 80%;
        height: 70%;
        background: #f4f7f9;
        display: block;
        position: absolute;
        top: 20%;
        right: 0;
        z-index: -1;
    }

    .dress__content .box.col4 .image.sp {
        float: right;
    }

    .dress__content .box.col4:after {
        content: '';
        width: 100%;
        height: 100%;
        background: #f7f7f7;
        display: block;
        position: absolute;
        top: 10%;
        left: 0;
        z-index: -1;
    }

    .dress__content .info {
        padding: 0 25px;
    }

    .dress__content .info h3 {
        font-size: 1.8rem;
        line-height: 1.8;
        text-align: center;
    }

    .dress__content .info h3 span {
        font-size: .9rem;
    }

    .dress__content .info dl {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .dress__content .info dl dt {
        padding: 25px 0;
        width: 100%;
        text-align: center;
    }

    .dress__content .info dl dt img {
        width: 30%;
    }

    .dress__content .info dl dd {
        width: 100%;
    }

    .dress__content .info p {
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 2.5;
        text-align: center;
    }

    .dress__content .recommend {
        margin: 50px 0 0 0;
        padding: 30px 25px;
        background: #f4f1e9;
    }

    .dress__content .recommend .inner .heading {
        margin: 0 0 30px 0;
        padding: 10px 0;
        background: #f8f8f8 url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
    }

    .dress__content .recommend .inner .heading h3 {
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1.8;
        text-align: center;
    }

    .dress__content .recommend .inner .heading h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .dress__content .recommend .inner .article {
        margin: 0 0 40px 0;
    }

    .dress__content .recommend .inner .article .image {
        margin: 0 0 20px 0;
    }

    .dress__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .dress__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .dress__content .recommend .inner .article .txt .resv {
        margin: 15px auto 0;
        width: 70%;
    }

    .dress__content .recommend .inner .article .txt .resv li a.btn {
        margin: 0 0 10px 0;
        padding: 15px 0;
        width: 100%;
        color: #ffffff;
        font-size: 1.1rem;
        line-height: 1;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .dress__content .recommend .inner .article .txt .resv li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer {
        width: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner {
        display: none;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box {
        width: 280px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 47px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .slide:last-child {
        margin: 15px 0 0 0;
        padding: 15px 0 0 0;
        border-top: 1px #cccccc solid;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday a,
    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .dress__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (min-width: 768px) {
    .maternity__content {
        padding: 150px 0 0 0;
    }

    .maternity__content h2 {
        color: #efaca7;
        font-size: 2.1rem;
        text-align: center;
    }

    .maternity__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #efaca7;
        display: block;
    }

    .maternity__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .maternity__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .maternity__content .key {
        padding: 10px;
        background: #efaca7 url(../img/image_0.png) no-repeat right 0;
        background-size: cover;
    }

    .maternity__content .key .inner {
        border: 1px #ffffff solid;
    }

    .maternity__content .key .inner .txt {
        margin: 0 auto;
        padding: 150px 0;
        width: 100%;
        max-width: 1000px;
    }

    .maternity__content .key .inner .txt h3 {
        margin: 0 0 10px 0;
        font-size: 2.5rem;
        line-height: 1.6;
    }

    .maternity__content .key .inner .txt p {
        width: 500px;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .maternity__content .box_wrap {
        position: relative;
    }

    .maternity__content .box_wrap .sptxt {
        display: none;
    }

    .maternity__content .box_wrap .heading {
        margin: 100px 0 60px 0;
        font-size: 2.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .maternity__content .box_wrap .heading strong {
        font-size: 2.5rem;
    }

    .maternity__content .box_wrap .heading span {
        font-size: 2.5rem;
    }

    .maternity__content .box_wrap .heading img {
        width: 185px;
    }

    .maternity__content .box_wrap .box {
        margin: 0 0 70px 0;
    }

    .maternity__content .box_wrap .box .inner {
        margin: 0 auto;
        width: 100%;
        max-width: 1160px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .maternity__content .box_wrap .box .inner .txt {
        padding: 70px 50px;
        width: 45%;
    }

    .maternity__content .box_wrap .box .inner .txt h4 {
        color: #eb9892;
        font-size: 2.2rem;
        line-height: 1.2;
    }

    .maternity__content .box_wrap .box .inner .txt h4 span {
        margin: 0 5px 0 0;
        font-size: 4.2rem;
        font-style: italic;
        letter-spacing: 0;
    }

    .maternity__content .box_wrap .box .inner .txt .spimg {
        display: none;
    }

    .maternity__content .box_wrap .box .inner .txt p {
        margin: 20px 0 0 0;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .maternity__content .box_wrap .box .inner .image {
        width: 55%;
    }

    .maternity__content .box_wrap .box.row .inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
    }

    .maternity__content .box_wrap:after {
        content: '';
        width: 40%;
        height: 70%;
        background: #faf3f3;
        display: block;
        position: absolute;
        top: 20%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1;
    }

    .maternity__content .flow h3 {
        margin: 0 0 30px 0;
        font-size: 2.4rem;
        line-height: 1.4;
        text-align: center;
    }

    .maternity__content .flow h3 span {
        color: #999999;
        font-size: 1.4rem;
        letter-spacing: .4rem;
    }

    .maternity__content .flow .support {
        padding: 45px 0;
        background: #fdf4f4;
    }

    .maternity__content .flow .support .inner {
        margin: 0 auto;
        width: 100%;
        max-width: 1100px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .maternity__content .flow .support .inner .box {
        width: 22%;
        text-align: center;
        position: relative;
    }

    .maternity__content .flow .support .inner .box .no {
        margin: 0 0 25px 0;
        text-align: center;
    }

    .maternity__content .flow .support .inner .box h4 {
        color: #eb9892;
        font-size: 1.8rem;
    }

    .maternity__content .flow .support .inner .box .image {
        margin: 15px 0;
        border: 5px #ffffff solid;
    }

    .maternity__content .flow .support .inner .box p {
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: left;
    }

    .maternity__content .flow .support .inner .box:after {
        content: '';
        width: 30px;
        height: 30px;
        display: block;
        border-top: 1px #eb9892 solid;
        border-left: 1px #eb9892 solid;
        position: absolute;
        top: 50%;
        right: -10%;
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
    }

    .maternity__content .flow .support .inner .box:last-child:after {
        display: none;
    }

    .maternity__content .bnr {
        padding: 80px 0;
    }

    .maternity__content .bnr ul {
        font-size: 0;
        text-align: center;
    }

    .maternity__content .bnr ul li {
        width: 425px;
        display: inline-block;
    }

    .maternity__content .bnr ul li:first-child {
        margin: 0 50px 0 0;
    }

    .maternity__content .bnr ul li:last-child a {
        opacity: .5;
    }

    .maternity__content .bnr ul li:last-child a:hover {
        opacity: 1;
    }

    .maternity__content .bnr ul.pc {
        display: block;
    }

    .maternity__content .bnr ul.sp {
        display: none;
    }

    .maternity__content .recommend {
        background: #f4f1e9;
    }

    .maternity__content .recommend .inner {
        margin: 0 auto;
        padding: 40px 0 60px 0;
        width: 100%;
        max-width: 1000px;
    }

    .maternity__content .recommend .inner .heading h3 {
        margin: 0 auto;
        padding: 20px 80px;
        font-size: 2rem;
        line-height: 1.8;
        text-align: center;
        background: #ffffff url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
        display: table;
    }

    .maternity__content .recommend .inner .heading h3 span {
        color: #888888;
        font-size: 1.4rem;
        display: block;
    }

    .maternity__content .recommend .inner .article {
        margin: 25px 0 0 0;
        padding: 25px 12px 0 12px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px #dddddd solid;
    }

    .maternity__content .recommend .inner .article:last-child {
        padding-bottom: 25px;
        border-bottom: 1px #dddddd solid;
    }

    .maternity__content .recommend .inner .article .image {
        width: 32%;
    }

    .maternity__content .recommend .inner .article .image figure {
        overflow: hidden;
        position: relative;
        padding-top: 64%;
    }

    .maternity__content .recommend .inner .article .image figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .maternity__content .recommend .inner .article .txt {
        padding: 0 0 0 35px;
        width: 66%;
    }

    .maternity__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.7rem;
        line-height: 1.6;
    }

    .maternity__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .maternity__content .recommend .inner .article .txt ul {
        margin: 20px 0 0 0;
        font-size: 0;
    }

    .maternity__content .recommend .inner .article .txt ul li {
        margin: 0 14px 0 0;
        display: inline-block;
    }

    .maternity__content .recommend .inner .article .txt ul li a.btn {
        padding: 15px 40px;
        color: #ffffff;
        font-size: 1.4rem;
        line-height: 1;
        background: #A26740;
        display: block;
        position: relative;
    }

    .maternity__content .recommend .inner .article .txt ul li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .maternity__content .recommend .inner .article .txt ul li:last-child {
        margin: 0;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer {
        width: 230px;
        display: inline-block;
        position: relative;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner {
        display: none;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box {
        width: 430px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 50px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .cal_slider_1col {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        padding: 0 0 5px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday a,
    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .maternity__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (max-width: 767px) {
    .maternity__content {
        padding: 70px 0 0 0;
    }

    .maternity__content h2 {
        color: #efaca7;
        font-size: 1.4rem;
        text-align: center;
    }

    .maternity__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #efaca7;
        display: block;
    }

    .maternity__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .maternity__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .maternity__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .maternity__content .key {
        background: url(../img/image_0.png) no-repeat right 0;
        background-size: cover;
    }

    .maternity__content .key .inner .txt {
        padding: 80px 0;
    }

    .maternity__content .key .inner .txt h3 {
        padding: 0 40px;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .maternity__content .key .inner .txt p {
        display: none;
    }

    .maternity__content .box_wrap .sptxt {
        padding: 20px 40px 0 40px;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .maternity__content .box_wrap .heading {
        margin: 50px 0 25px 0;
        font-size: 1.4rem;
        line-height: 1.4;
        text-align: center;
    }

    .maternity__content .box_wrap .heading strong {
        font-size: 1.5rem;
    }

    .maternity__content .box_wrap .heading span {
        color: #eb9892;
        font-size: 3.4rem;
        font-style: italic;
    }

    .maternity__content .box_wrap .heading img {
        width: 121px;
    }

    .maternity__content .box_wrap .box {
        margin: 0 0 50px 0;
        padding: 0 10px 40px 10px;
        position: relative;
    }

    .maternity__content .box_wrap .box .inner .txt h4 {
        padding: 0 0 18px 0;
        color: #eb9791;
        font-size: 1.7rem;
        text-align: center;
        background: #ffffff;
    }

    .maternity__content .box_wrap .box .inner .txt h4 span {
        font-size: 2.1rem;
        font-style: italic;
    }

    .maternity__content .box_wrap .box .inner .txt .spimg {
        margin: 0 0 22px 0;
    }

    .maternity__content .box_wrap .box .inner .txt p {
        font-size: 1.2rem;
        line-height: 1.6;
        text-align: left;
        position: relative;
    }

    .maternity__content .box_wrap .box .inner .txt p:after {
        content: '';
        width: 12px;
        height: 12px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: -27px;
        left: 50%;
        -webkit-transform: translate(-50%, 0) rotate(45deg);
        transform: translate(-50%, 0) rotate(45deg);
    }

    .maternity__content .box_wrap .box .inner .image {
        display: none;
    }

    .maternity__content .box_wrap .box.bg:after {
        content: '';
        width: 100%;
        height: 120%;
        background: #f8f8f8;
        display: block;
        position: absolute;
        top: 20%;
        left: 0;
        z-index: -1;
    }

    .maternity__content .flow {
        padding: 40px 0;
        background: #fdf4f4;
    }

    .maternity__content .flow h3 {
        margin: 0 0 20px 0;
        color: #e9918c;
        font-size: 1.8rem;
        line-height: 1.2;
        text-align: center;
    }

    .maternity__content .flow h3 span {
        color: #666666;
        font-size: 1.1rem;
    }

    .maternity__content .flow .inner .box {
        padding: 20px 25px 30px 25px;
        text-align: center;
    }

    .maternity__content .flow .inner .box .no {
        text-align: center;
    }

    .maternity__content .flow .inner .box h4 {
        margin: 20px 0;
        color: #eb9892;
        font-size: 1.6rem;
    }

    .maternity__content .flow .inner .box .image {
        margin: 0 0 15px 0;
    }

    .maternity__content .flow .inner .box p {
        font-size: 1.2rem;
        line-height: 1.6;
        text-align: left;
    }

    .maternity__content .flow .inner .box.color {
        background: #fcefef;
    }

    .maternity__content .bnr {
        padding: 30px 0;
    }

    .maternity__content .bnr ul {
        font-size: 0;
        text-align: center;
    }

    .maternity__content .bnr ul li {
        width: 40%;
        display: inline-block;
    }

    .maternity__content .bnr ul li:first-child {
        margin: 0 5% 0 0;
    }

    .maternity__content .bnr ul li:last-child {
        opacity: .5;
    }

    .maternity__content .bnr ul.pc {
        display: none;
    }

    .maternity__content .bnr ul.sp {
        display: block;
    }

    .maternity__content .recommend {
        margin: 50px 0 0 0;
        padding: 30px 25px;
        background: #f4f1e9;
    }

    .maternity__content .recommend .inner .heading {
        margin: 0 0 30px 0;
        padding: 10px 0;
        background: #ffffff url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
    }

    .maternity__content .recommend .inner .heading h3 {
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1.8;
        text-align: center;
    }

    .maternity__content .recommend .inner .heading h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .maternity__content .recommend .inner .article {
        margin: 0 0 40px 0;
    }

    .maternity__content .recommend .inner .article .image {
        margin: 0 0 20px 0;
    }

    .maternity__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .maternity__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .maternity__content .recommend .inner .article .txt .resv {
        margin: 0 auto;
        width: 70%;
    }

    .maternity__content .recommend .inner .article .txt .resv li a.btn {
        margin: 0 0 10px 0;
        padding: 15px 0;
        width: 100%;
        color: #ffffff;
        font-size: 1.1rem;
        line-height: 1;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .maternity__content .recommend .inner .article .txt .resv li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer {
        width: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner {
        display: none;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box {
        width: 280px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 47px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .slide:last-child {
        margin: 15px 0 0 0;
        padding: 15px 0 0 0;
        border-top: 1px #cccccc solid;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday a,
    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .maternity__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (min-width: 768px) {
    .papa-mama__content {
        padding: 150px 0 0 0;
    }

    .papa-mama__content h2 {
        color: #efaca7;
        font-size: 2.1rem;
        text-align: center;
    }

    .papa-mama__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #efaca7;
        display: block;
    }

    .papa-mama__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .papa-mama__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .papa-mama__content .key {
        padding: 10px;
        background: #efaca7 url(../img/image_0.png) no-repeat right 0;
        background-size: cover;
    }

    .papa-mama__content .key .inner {
        border: 1px #ffffff solid;
    }

    .papa-mama__content .key .inner .txt {
        margin: 0 auto;
        padding: 150px 0;
        width: 100%;
        max-width: 1000px;
    }

    .papa-mama__content .key .inner .txt h3 {
        margin: 0 0 10px 0;
        font-size: 2.5rem;
        line-height: 1.6;
    }

    .papa-mama__content .key .inner .txt p {
        width: 500px;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .papa-mama__content .extra .sptxt {
        display: none;
    }

    .papa-mama__content .welcomebaby {
        margin: 70px auto 0 auto;
        padding: 50px 120px;
        width: 100%;
        max-width: 1000px;
        border: 5px #d9d9d9 solid;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .papa-mama__content .welcomebaby .image {
        padding: 0 0 0 50px;
        width: 30%;
    }

    .papa-mama__content .welcomebaby .txt {
        width: 70%;
    }

    .papa-mama__content .welcomebaby .txt h3 {
        margin: 0 0 10px 0;
        color: #eb9892;
        font-size: 2.5rem;
        line-height: 1.4;
    }

    .papa-mama__content .welcomebaby .txt p {
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .papa-mama__content .box_wrap {
        position: relative;
    }

    .papa-mama__content .box_wrap .heading {
        margin: 70px 0 60px 0;
        font-size: 2.5rem;
        line-height: 1.4;
        text-align: center;
    }

    .papa-mama__content .box_wrap .heading strong {
        font-size: 2.5rem;
    }

    .papa-mama__content .box_wrap .heading span {
        font-size: 2.5rem;
    }

    .papa-mama__content .box_wrap .heading img {
        width: 185px;
    }

    .papa-mama__content .box_wrap .box {
        margin: 0 0 70px 0;
    }

    .papa-mama__content .box_wrap .box .inner {
        margin: 0 auto;
        width: 100%;
        max-width: 1160px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .papa-mama__content .box_wrap .box .inner .txt {
        padding: 70px 50px;
        width: 45%;
    }

    .papa-mama__content .box_wrap .box .inner .txt h4 {
        color: #eb9892;
        font-size: 2.2rem;
        line-height: 1.2;
    }

    .papa-mama__content .box_wrap .box .inner .txt h4 span {
        margin: 0 5px 0 0;
        font-size: 4.2rem;
        font-style: italic;
        letter-spacing: 0;
    }

    .papa-mama__content .box_wrap .box .inner .txt .spimg {
        display: none;
    }

    .papa-mama__content .box_wrap .box .inner .txt p {
        margin: 20px 0 0 0;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .papa-mama__content .box_wrap .box .inner .image {
        width: 55%;
    }

    .papa-mama__content .box_wrap .box.row .inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
    }

    .papa-mama__content .box_wrap:after {
        content: '';
        width: 40%;
        height: 70%;
        background: #faf3f3;
        display: block;
        position: absolute;
        top: 20%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1;
    }

    .papa-mama__content .flow h3 {
        margin: 0 0 30px 0;
        font-size: 2.4rem;
        line-height: 1.4;
        text-align: center;
    }

    .papa-mama__content .flow h3 span {
        color: #999999;
        font-size: 1.4rem;
        letter-spacing: .4rem;
    }

    .papa-mama__content .flow .support {
        padding: 45px 0;
        background: #fdf4f4;
    }

    .papa-mama__content .flow .support .inner {
        margin: 0 auto;
        width: 100%;
        max-width: 1100px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .papa-mama__content .flow .support .inner .box {
        width: 22%;
        text-align: center;
        position: relative;
    }

    .papa-mama__content .flow .support .inner .box .no {
        margin: 0 0 25px 0;
        text-align: center;
    }

    .papa-mama__content .flow .support .inner .box h4 {
        color: #eb9892;
        font-size: 1.8rem;
    }

    .papa-mama__content .flow .support .inner .box .image {
        margin: 15px 0;
        border: 5px #ffffff solid;
    }

    .papa-mama__content .flow .support .inner .box p {
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: left;
    }

    .papa-mama__content .flow .support .inner .box:after {
        content: '';
        width: 30px;
        height: 30px;
        display: block;
        border-top: 1px #eb9892 solid;
        border-left: 1px #eb9892 solid;
        position: absolute;
        top: 50%;
        right: -10%;
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
    }

    .papa-mama__content .flow .support .inner .box:last-child:after {
        display: none;
    }

    .papa-mama__content .bnr {
        padding: 80px 0;
    }

    .papa-mama__content .bnr ul {
        font-size: 0;
        text-align: center;
    }

    .papa-mama__content .bnr ul li {
        width: 425px;
        display: inline-block;
    }

    .papa-mama__content .bnr ul li:first-child {
        margin: 0 50px 0 0;
    }

    .papa-mama__content .bnr ul li:first-child a {
        opacity: .5;
    }

    .papa-mama__content .bnr ul li:first-child a:hover {
        opacity: 1;
    }

    .papa-mama__content .bnr ul.pc {
        display: block;
    }

    .papa-mama__content .bnr ul.sp {
        display: none;
    }

    .papa-mama__content .recommend {
        background: #f4f1e9;
    }

    .papa-mama__content .recommend .inner {
        margin: 0 auto;
        padding: 40px 0 60px 0;
        width: 100%;
        max-width: 1000px;
    }

    .papa-mama__content .recommend .inner .heading h3 {
        margin: 0 auto;
        padding: 20px 80px;
        font-size: 2rem;
        line-height: 1.8;
        text-align: center;
        background: #ffffff url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
        display: table;
    }

    .papa-mama__content .recommend .inner .heading h3 span {
        color: #888888;
        font-size: 1.4rem;
        display: block;
    }

    .papa-mama__content .recommend .inner .article {
        margin: 25px 0 0 0;
        padding: 25px 12px 0 12px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px #dddddd solid;
    }

    .papa-mama__content .recommend .inner .article:last-child {
        padding-bottom: 25px;
        border-bottom: 1px #dddddd solid;
    }

    .papa-mama__content .recommend .inner .article .image {
        width: 32%;
    }

    .papa-mama__content .recommend .inner .article .image figure {
        overflow: hidden;
        position: relative;
        padding-top: 64%;
    }

    .papa-mama__content .recommend .inner .article .image figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .papa-mama__content .recommend .inner .article .txt {
        padding: 0 0 0 35px;
        width: 66%;
    }

    .papa-mama__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.7rem;
        line-height: 1.6;
    }

    .papa-mama__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .papa-mama__content .recommend .inner .article .txt ul {
        margin: 20px 0 0 0;
        font-size: 0;
    }

    .papa-mama__content .recommend .inner .article .txt ul li {
        margin: 0 14px 0 0;
        display: inline-block;
    }

    .papa-mama__content .recommend .inner .article .txt ul li a.btn {
        padding: 15px 40px;
        color: #ffffff;
        font-size: 1.4rem;
        line-height: 1;
        background: #A26740;
        display: block;
        position: relative;
    }

    .papa-mama__content .recommend .inner .article .txt ul li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .papa-mama__content .recommend .inner .article .txt ul li:last-child {
        margin: 0;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer {
        width: 230px;
        display: inline-block;
        position: relative;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner {
        display: none;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box {
        width: 430px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 50px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .cal_slider_1col {
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        padding: 0 0 5px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday a,
    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .papa-mama__content .recommend .inner .article .txt ul li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (max-width: 767px) {
    .papa-mama__content {
        padding: 70px 0 0 0;
    }

    .papa-mama__content h2 {
        color: #efaca7;
        font-size: 1.4rem;
        text-align: center;
    }

    .papa-mama__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #efaca7;
        display: block;
    }

    .papa-mama__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .papa-mama__content .title {
        margin: 0 0 20px 0;
        color: #868686;
        font-size: 1.1rem;
        text-align: center;
    }

    .papa-mama__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .papa-mama__content .key {
        background: url(../img/image_0.png) no-repeat right 0;
        background-size: cover;
    }

    .papa-mama__content .key .inner .txt {
        padding: 80px 0;
    }

    .papa-mama__content .key .inner .txt h3 {
        padding: 0 40px;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .papa-mama__content .key .inner .txt p {
        display: none;
    }

    .papa-mama__content .extra .sptxt {
        padding: 20px 40px 0 40px;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .papa-mama__content .welcomebaby {
        margin: 0 20px;
        padding: 40px 20px;
        text-align: center;
        border-bottom: 1px #dfdfdf solid;
    }

    .papa-mama__content .welcomebaby .txt h3 {
        margin: 20px 0 10px 0;
        color: #eb9892;
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .papa-mama__content .welcomebaby .txt p {
        font-size: 1.2rem;
        line-height: 1.4;
        text-align: left;
    }

    .papa-mama__content .box_wrap .heading {
        margin: 50px 0 25px 0;
        font-size: 1.4rem;
        line-height: 1.4;
        text-align: center;
    }

    .papa-mama__content .box_wrap .heading strong {
        font-size: 1.5rem;
    }

    .papa-mama__content .box_wrap .heading span {
        color: #eb9892;
        font-size: 3.4rem;
        font-style: italic;
    }

    .papa-mama__content .box_wrap .heading img {
        width: 121px;
    }

    .papa-mama__content .box_wrap .box {
        margin: 0 0 50px 0;
        padding: 0 10px 40px 10px;
    }

    .papa-mama__content .box_wrap .box .inner .txt h4 {
        padding: 0 0 18px 0;
        color: #eb9791;
        font-size: 1.7rem;
        text-align: center;
        background: #ffffff;
    }

    .papa-mama__content .box_wrap .box .inner .txt h4 span {
        font-size: 2.1rem;
        font-style: italic;
    }

    .papa-mama__content .box_wrap .box .inner .txt .spimg {
        margin: 0 0 22px 0;
    }

    .papa-mama__content .box_wrap .box .inner .txt p {
        font-size: 1.2rem;
        line-height: 1.6;
        text-align: left;
        position: relative;
    }

    .papa-mama__content .box_wrap .box .inner .txt p:after {
        content: '';
        width: 12px;
        height: 12px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: -27px;
        left: 50%;
        -webkit-transform: translate(-50%, 0) rotate(45deg);
        transform: translate(-50%, 0) rotate(45deg);
    }

    .papa-mama__content .box_wrap .box .inner .image {
        display: none;
    }

    .papa-mama__content .flow {
        padding: 40px 0;
        background: #fdf4f4;
    }

    .papa-mama__content .flow h3 {
        margin: 0 0 20px 0;
        color: #e9918c;
        font-size: 1.8rem;
        line-height: 1.4;
        text-align: center;
    }

    .papa-mama__content .flow h3 span {
        color: #666666;
        font-size: 1.1rem;
    }

    .papa-mama__content .flow .inner .box {
        padding: 20px 25px 30px 25px;
        text-align: center;
    }

    .papa-mama__content .flow .inner .box .no {
        text-align: center;
    }

    .papa-mama__content .flow .inner .box h4 {
        margin: 20px 0;
        color: #eb9892;
        font-size: 1.6rem;
    }

    .papa-mama__content .flow .inner .box .image {
        margin: 0 0 15px 0;
    }

    .papa-mama__content .flow .inner .box p {
        font-size: 1.2rem;
        line-height: 1.6;
        text-align: left;
    }

    .papa-mama__content .flow .inner .box.color {
        background: #fcefef;
    }

    .papa-mama__content .bnr {
        padding: 30px 0;
    }

    .papa-mama__content .bnr ul {
        font-size: 0;
        text-align: center;
    }

    .papa-mama__content .bnr ul li {
        width: 40%;
        display: inline-block;
    }

    .papa-mama__content .bnr ul li:first-child {
        margin: 0 5% 0 0;
    }

    .papa-mama__content .bnr ul li:first-child a {
        opacity: .5;
    }

    .papa-mama__content .bnr ul.pc {
        display: none;
    }

    .papa-mama__content .bnr ul.sp {
        display: block;
    }

    .papa-mama__content .recommend {
        margin: 50px 0 0 0;
        padding: 30px 25px;
        background: #f4f1e9;
    }

    .papa-mama__content .recommend .inner .heading {
        margin: 0 0 30px 0;
        padding: 10px 0;
        background: #ffffff url(../img/bg_recommend.png) no-repeat center center;
        background-size: 95%;
    }

    .papa-mama__content .recommend .inner .heading h3 {
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1.8;
        text-align: center;
    }

    .papa-mama__content .recommend .inner .heading h3 span {
        font-size: 1.1rem;
        display: block;
    }

    .papa-mama__content .recommend .inner .article {
        margin: 0 0 40px 0;
    }

    .papa-mama__content .recommend .inner .article .image {
        margin: 0 0 20px 0;
    }

    .papa-mama__content .recommend .inner .article .txt h4 {
        margin: 0 0 10px 0;
        color: #668c00;
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .papa-mama__content .recommend .inner .article .txt p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .papa-mama__content .recommend .inner .article .txt .resv {
        margin: 0 auto;
        width: 70%;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li a.btn {
        margin: 0 0 10px 0;
        padding: 15px 0;
        width: 100%;
        color: #ffffff;
        font-size: 1.1rem;
        line-height: 1;
        text-align: center;
        background: #A26740;
        display: block;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li a.btn img {
        margin: 0 10px 0 0;
        width: 10px;
        vertical-align: baseline;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer {
        width: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner {
        display: none;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner:before {
        content: "";
        width: 20px;
        height: 20px;
        background: #82a23f;
        position: absolute;
        bottom: -25px;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%, 0);
        transform: rotate(45deg) translate(-50%, 0);
        z-index: 1;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box {
        width: 280px;
        padding: 15px;
        text-align: center;
        border: 2px solid #82a23f;
        background: #fff;
        position: absolute;
        top: 47px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 2;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .slide:last-child {
        margin: 15px 0 0 0;
        padding: 15px 0 0 0;
        border-top: 1px #cccccc solid;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month {
        margin: 0 0 10px 0;
        color: #744A2E;
        font-size: 1.4rem;
        border-bottom: 1px solid #744A2E;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .month span {
        font-size: 2rem;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table {
        width: 100%;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(6),
    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(6) a {
        color: #744A2E;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th:nth-child(7),
    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td:nth-child(7) a,
    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday a,
    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td.holiday {
        color: #d90000;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table th {
        padding: 5px 0;
        font-size: 1rem;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td {
        padding: 5px 0;
        font-size: 1.6rem;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box table td a {
        text-decoration: underline;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p {
        width: 50%;
        float: left;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a {
        color: #744A2E;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p a span {
        font-size: 1.8rem;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.prev {
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../img/ico_prev.jpg) no-repeat left center/9px auto;
    }

    .papa-mama__content .recommend .inner .article .txt .resv li .cal_outer .cal_inner .cal_box .pager p.next {
        padding: 0 15px 0 0;
        text-align: right;
        background: url(../img/ico_next.jpg) no-repeat right center/9px auto;
    }
}

@media print,
screen and (min-width: 768px) {
    .sitemap__content {
        padding: 150px 0 0 0;
    }

    .sitemap__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .sitemap__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .sitemap__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .sitemap__content .desc {
        margin: 0 20px 50px 20px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.5;
    }

    .sitemap__content .block {
        margin: 50px auto 100px auto;
        padding: 50px 0 0 0;
        width: 100%;
        max-width: 1060px;
        border-top: 1px #cccccc solid;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .sitemap__content .block ul>li {
        margin: 0 0 2rem;
        font-size: 1.6rem;
        line-height: 2;
    }

    .sitemap__content .block ul>li ul {
        padding: 0 0 0 2rem;
    }

    .sitemap__content .block ul>li ul li {
        margin: 0 0 1rem 0;
        padding: 0 0 0 30px;
        font-size: 1.4rem;
        position: relative;
    }

    .sitemap__content .block ul>li ul li:before {
        content: '';
        width: 15px;
        height: 1px;
        background: #A26740;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
}

@media print,
screen and (max-width: 767px) {
    .sitemap__content {
        padding: 70px 0 0 0;
    }

    .sitemap__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .sitemap__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .sitemap__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .sitemap__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .sitemap__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
        display: none;
    }

    .sitemap__content .block {
        margin: 30px 0;
        padding: 0 25px;
    }

    .sitemap__content .block ul>li {
        margin: 0 0 1rem 0;
        padding: 0 0 1rem 0;
        font-size: 1.4rem;
        line-height: 1.6;
        border-bottom: 1px #cccccc solid;
    }

    .sitemap__content .block ul>li ul {
        margin: 1rem 0 0 0;
        padding: 0 0 0 1rem;
    }

    .sitemap__content .block ul>li ul li {
        border: 0;
    }

    .sitemap__content .block ul>li ul li:last-child {
        margin: 0;
        padding: 0;
    }
}

@media print,
screen and (min-width: 768px) {
    .request-a__content {
        padding: 150px 0 0 0;
    }

    .request-a__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .request-a__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .request-a__content .title {
        max-width: 800px;
        margin: 0 auto 20px auto;
        padding: 0 20px;
        color: #000000;
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: center;
    }

    .request-a__content .desc {
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: center;
    }

    .request-a__content .dl {
        margin: 30px auto;
        width: 100%;
        max-width: 800px;
        text-align: center;
    }

    .request-a__content .dl a {
        margin: 0 auto;
        padding: 15px 45px;
        font-size: 1.6rem;
        border: 1px #000000 solid;
        display: table;
    }

    .request-a__content .dl p {
        margin: 30px 0 0 0;
        font-size: 1.6rem;
        line-height: 2;
    }

    .request-a__content .dl p span {
        color: #744A2E;
        font-size: 1.6rem;
    }

    .request-a__content .complete {
        margin: 100px auto;
        width: 100%;
        max-width: 800px;
        text-align: center;
    }

    .request-a__content .complete p {
        margin: 30px 0 0 0;
        font-size: 1.6rem;
        line-height: 2;
    }

    .request-a__content .block_reservation {
        padding: 60px 20px 60px 20px;
    }

    .request-a__content .block_reservation h4 {
        margin: 0 0 30px 0;
        color: #744A2E;
        font-size: 2.1rem;
        line-height: 1.5;
        text-align: center;
    }

    .request-a__content .block_reservation .outer {
        width: 100%;
        max-width: 910px;
        margin: 0 auto;
        padding: 40px;
        background: #f4f6eb;
    }

    .request-a__content .block_reservation .outer .inner {
        padding: 25px;
        background: #fff;
    }

    .request-a__content .block_reservation .outer .inner h5 {
        margin: 0 0 30px 0;
        padding: 15px 20px;
        font-size: 1.5rem;
        background: #f8f8f8;
    }

    .request-a__content .block_reservation .outer .inner h5 span {
        margin: -10px 10px 0 0;
        padding: 4px 5px 2px 5px;
        color: #fff;
        background: #608803;
    }

    .request-a__content .block_reservation .outer .inner input[type=text] {
        padding: 10px;
        border: 1px solid #e1e1e1;
    }

    .request-a__content .block_reservation .outer .inner dl {
        margin: 0 0 20px 0;
        overflow: hidden;
    }

    .request-a__content .block_reservation .outer .inner dl dt {
        padding: 10px 0 0 0;
        font-size: 1.4rem;
        float: left;
    }

    .request-a__content .block_reservation .outer .inner dl dd {
        float: left;
    }

    .request-a__content .block_reservation .outer .inner dl dd p {
        padding: 10px 0 0 0;
        font-size: 1.4rem;
    }

    .request-a__content .block_reservation .outer .inner dl dd p.error {
        color: #ba0000;
    }

    .request-a__content .block_reservation .outer .inner .form1 {
        padding: 0 10px 40px 10px;
    }

    .request-a__content .block_reservation .outer .inner .form1 dl dt {
        width: 80px;
    }

    .request-a__content .block_reservation .outer .inner .form1 dl dd {
        width: calc(100% - 150px);
    }

    .request-a__content .block_reservation .outer .inner .form1 dl dd input {
        width: 85%;
    }

    .request-a__content .block_reservation .outer .inner .form2 {
        padding: 0 10px;
        overflow: hidden;
    }

    .request-a__content .block_reservation .outer .inner .form2 dl {
        width: 40%;
        float: left;
    }

    .request-a__content .block_reservation .outer .inner .form2 dl dt {
        width: 80px;
    }

    .request-a__content .block_reservation .outer .inner .form2 dl dd {
        width: calc(100% - 120px);
    }

    .request-a__content .block_reservation .outer .inner .form2 dl dd select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        padding: 10px;
        font-size: 1.4rem;
        line-height: 1;
        border: 1px solid #e1e1e1;
        background: #ffffff;
    }

    .request-a__content .block_reservation .outer .inner .form3 {
        padding: 0 10px 40px 10px;
        overflow: hidden;
    }

    .request-a__content .block_reservation .outer .inner .form3 dl {
        width: 50%;
        float: left;
    }

    .request-a__content .block_reservation .outer .inner .form3 dl dt {
        width: 40px;
    }

    .request-a__content .block_reservation .outer .inner .form3 dl dd {
        width: calc(100% - 100px);
    }

    .request-a__content .block_reservation .outer .inner .form3 dl dd input {
        width: 100%;
    }

    .request-a__content .block_reservation .outer .inner .form4 {
        padding: 0 10px 40px 10px;
    }

    .request-a__content .block_reservation .outer .inner .form4 input {
        width: 100%;
    }

    .request-a__content .block_reservation .outer .inner .form4 p {
        font-size: 1.4rem;
    }

    .request-a__content .block_reservation .outer .inner .form4 p.error {
        padding: 10px 0 0 10px;
        color: #ba0000;
    }

    .request-a__content .block_reservation .outer .inner .pbox {
        margin: 20px 10px 40px 10px;
        padding: 20px;
        height: 18rem;
        line-height: 1.6;
        overflow: scroll;
        border: 1px #e1e1e1 solid;
    }

    .request-a__content .block_reservation .outer .inner .pbox h3 {
        margin: 0 0 1.5rem 0;
        font-size: 1.6rem;
        text-align: left;
    }

    .request-a__content .block_reservation .outer .inner .pbox p {
        margin: 0 0 1.5rem 0;
        font-size: 1.2rem;
    }

    .request-a__content .block_reservation .outer .inner .pbox p.error {
        color: #ba0000;
    }

    .request-a__content .block_reservation .outer .inner .btn {
        text-align: center;
    }

    .request-a__content .block_reservation .outer .inner .btn p {
        margin: 0 0 30px 0;
        font-size: 1.4rem;
    }

    .request-a__content .block_reservation .outer .inner .btn p.error {
        color: #ba0000;
    }

    .request-a__content .block_reservation .outer .inner .btn p label {
        font-size: 1.4rem;
    }

    .request-a__content .block_reservation .outer .inner .btn input[type=submit] {
        padding: 15px 100px;
        color: #fff;
        font-size: 1.4rem;
        background: #A26740;
        cursor: pointer;
    }

    .request-a__content .block_reservation .outer .inner .btn input.hback {
        margin: 0 10px 0 0;
        padding: 15px 100px;
        color: #fff;
        font-size: 1.4rem;
        background: #cccccc;
        cursor: pointer;
    }

    .request-a__content .block_reservation .outer .inner .btn img {
        margin: 40px 0 20px 0;
    }

    .request-a__content .block_reservation .btn_back {
        width: 190px;
        margin: 50px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: block;
    }
}

@media print,
screen and (max-width: 767px) {
    .request-a__content {
        padding: 70px 0 0 0;
    }

    .request-a__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .request-a__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .request-a__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .request-a__content h3 {
        margin: 0 20px 20px 20px;
        color: #868686;
        font-size: 1.4rem;
        line-height: 1.5;
        text-align: center;
    }

    .request-a__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .request-a__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .request-a__content .dl a {
        margin: 0 auto 10px auto;
        padding: 10px 30px;
        border: 1px #000000 solid;
        display: table;
    }

    .request-a__content .dl p {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .request-a__content .dl p span {
        color: #744A2E;
        font-size: 1.2rem;
    }

    .request-a__content .complete {
        margin: 40px auto;
        padding: 0 20px;
        width: 100%;
    }

    .request-a__content .complete p {
        margin: 1.5rem 0 0 0;
        font-size: 1.1rem;
        text-align: left;
        line-height: 1.8;
    }

    .request-a__content .block_reservation {
        padding: 30px 0;
    }

    .request-a__content .block_reservation h4 {
        padding: 15px 0;
        color: #fff;
        font-size: 1.8rem;
        text-align: center;
        background: #6a8c01;
    }

    .request-a__content .block_reservation .outer .inner h5 {
        padding: 15px 20px;
        font-size: 1.4rem;
        background: #f8f8f8;
    }

    .request-a__content .block_reservation .outer .inner h5 span {
        margin: -10px 10px 0 0;
        padding: 4px 5px 2px 5px;
        color: #fff;
        background: #608803;
    }

    .request-a__content .block_reservation .outer .inner input[type=text] {
        padding: 10px;
        border: 1px solid #e1e1e1;
    }

    .request-a__content .block_reservation .outer .inner dl {
        margin: 0 0 20px 0;
    }

    .request-a__content .block_reservation .outer .inner dl dt {
        padding: 0 0 10px 0;
        font-size: 1.4rem;
    }

    .request-a__content .block_reservation .outer .inner dl dd p {
        padding: 0 0 10px 0;
        font-size: 1.4rem;
    }

    .request-a__content .block_reservation .outer .inner dl dd p.error {
        padding: 10px 0;
        color: #ba0000;
        font-size: 1.2rem;
    }

    .request-a__content .block_reservation .outer .inner .form1 {
        padding: 0 20px 20px 20px;
    }

    .request-a__content .block_reservation .outer .inner .form1 dl dd {
        width: 100%;
    }

    .request-a__content .block_reservation .outer .inner .form1 dl dd input {
        width: 100%;
    }

    .request-a__content .block_reservation .outer .inner .form2 {
        padding: 20px 20px 0 20px;
        overflow: hidden;
    }

    .request-a__content .block_reservation .outer .inner .form2 dl {
        width: 50%;
        float: left;
    }

    .request-a__content .block_reservation .outer .inner .form2 dl dt {
        width: 80px;
    }

    .request-a__content .block_reservation .outer .inner .form2 dl dd {
        width: 100%;
    }

    .request-a__content .block_reservation .outer .inner .form2 dl dd select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: calc(100% - 20px);
        padding: 10px;
        font-size: 1.4rem;
        line-height: 1;
        background: #ffffff;
        border: 1px solid #e1e1e1;
    }

    .request-a__content .block_reservation .outer .inner .form3 {
        padding: 20px;
        overflow: hidden;
    }

    .request-a__content .block_reservation .outer .inner .form3 dl {
        width: 50%;
        float: left;
    }

    .request-a__content .block_reservation .outer .inner .form3 dl dt {
        width: 80px;
    }

    .request-a__content .block_reservation .outer .inner .form3 dl dd {
        width: 100%;
    }

    .request-a__content .block_reservation .outer .inner .form3 dl dd input {
        width: calc(100% - 20px);
    }

    .request-a__content .block_reservation .outer .inner .form4 {
        padding: 20px 20px 40px 20px;
    }

    .request-a__content .block_reservation .outer .inner .form4 input {
        width: 100%;
    }

    .request-a__content .block_reservation .outer .inner .form4 p {
        font-size: 1.4rem;
    }

    .request-a__content .block_reservation .outer .inner .form4 p.error {
        padding: 10px 0;
        font-size: 1.2rem;
        color: #ba0000;
    }

    .request-a__content .block_reservation .outer .inner .pbox {
        margin: 10px 10px 20px 10px;
        padding: 10px;
        height: 10rem;
        line-height: 1.6;
        overflow: scroll;
        border: 1px #e1e1e1 solid;
    }

    .request-a__content .block_reservation .outer .inner .pbox h3 {
        margin: 0 0 1.5rem 0;
        font-size: 1.6rem;
        text-align: left;
    }

    .request-a__content .block_reservation .outer .inner .pbox p {
        margin: 0 0 1.5rem 0;
        font-size: 1.2rem;
    }

    .request-a__content .block_reservation .outer .inner .pbox p.error {
        color: #ba0000;
    }

    .request-a__content .block_reservation .outer .inner .btn {
        text-align: center;
    }

    .request-a__content .block_reservation .outer .inner .btn p {
        margin: 0 0 30px 0;
        font-size: 1.2rem;
    }

    .request-a__content .block_reservation .outer .inner .btn p.error {
        color: #ba0000;
        font-size: 1.2rem;
    }

    .request-a__content .block_reservation .outer .inner .btn input[type=submit] {
        padding: 15px 50px;
        color: #fff;
        font-size: 1.2rem;
        background: #A26740;
    }

    .request-a__content .block_reservation .outer .inner .btn input.hback {
        padding: 15px 50px;
        color: #fff;
        font-size: 1.2rem;
        background: #cccccc;
    }

    .request-a__content .block_reservation .outer .inner .btn img {
        width: 70px;
        margin: 20px 0 10px 0;
    }

    .request-a__content .block_reservation .btn_back {
        width: 190px;
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: block;
    }
}

@media print,
screen and (min-width: 768px) {
    .request-b__content {
        padding: 150px 0 0 0;
    }

    .request-b__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .request-b__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .request-b__content .title {
        max-width: 800px;
        margin: 0 auto 20px auto;
        padding: 0 20px;
        color: #000000;
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: center;
    }

    .request-b__content .desc {
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: center;
    }

    .request-b__content .dl {
        margin: 30px auto;
        width: 100%;
        max-width: 800px;
        text-align: center;
    }

    .request-b__content .dl a {
        margin: 0 auto;
        padding: 15px 45px;
        font-size: 1.6rem;
        border: 1px #000000 solid;
        display: table;
    }

    .request-b__content .dl p {
        margin: 30px 0 0 0;
        font-size: 1.6rem;
        line-height: 2;
    }

    .request-b__content .dl p span {
        color: #744A2E;
        font-size: 1.6rem;
    }

    .request-b__content .complete {
        margin: 100px auto;
        width: 100%;
        max-width: 800px;
        text-align: center;
    }

    .request-b__content .complete p {
        margin: 30px 0 0 0;
        font-size: 1.6rem;
        line-height: 2;
    }

    .request-b__content .complete p .btn {
        margin: 20px auto 0 auto;
        padding: 10px 35px;
        color: #ffffff;
        background: #A26740;
        display: table;
    }

    .request-b__content .block_reservation {
        padding: 60px 20px 60px 20px;
    }

    .request-b__content .block_reservation h4 {
        margin: 0 0 30px 0;
        color: #744A2E;
        font-size: 2.1rem;
        line-height: 1.5;
        text-align: center;
    }

    .request-b__content .block_reservation .outer {
        width: 100%;
        max-width: 910px;
        margin: 0 auto;
        padding: 40px;
        background: #f4f6eb;
    }

    .request-b__content .block_reservation .outer .inner {
        padding: 25px;
        background: #fff;
    }

    .request-b__content .block_reservation .outer .inner h5 {
        margin: 0 0 30px 0;
        padding: 15px 20px;
        font-size: 1.5rem;
        background: #f8f8f8;
    }

    .request-b__content .block_reservation .outer .inner h5 span {
        margin: -10px 10px 0 0;
        padding: 4px 5px 2px 5px;
        color: #fff;
        background: #608803;
    }

    .request-b__content .block_reservation .outer .inner input[type=text] {
        padding: 10px;
        border: 1px solid #e1e1e1;
    }

    .request-b__content .block_reservation .outer .inner dl {
        margin: 0 0 20px 0;
        overflow: hidden;
    }

    .request-b__content .block_reservation .outer .inner dl dt {
        padding: 10px 0 0 0;
        font-size: 1.4rem;
        float: left;
    }

    .request-b__content .block_reservation .outer .inner dl dd {
        float: left;
    }

    .request-b__content .block_reservation .outer .inner dl dd p {
        padding: 10px 0 0 0;
        font-size: 1.4rem;
    }

    .request-b__content .block_reservation .outer .inner dl dd p.error {
        color: #ba0000;
    }

    .request-b__content .block_reservation .outer .inner .form1 {
        padding: 0 10px 40px 10px;
    }

    .request-b__content .block_reservation .outer .inner .form1 dl dt {
        width: 80px;
    }

    .request-b__content .block_reservation .outer .inner .form1 dl dd {
        width: calc(100% - 150px);
    }

    .request-b__content .block_reservation .outer .inner .form1 dl dd input {
        width: 85%;
    }

    .request-b__content .block_reservation .outer .inner .form2 {
        padding: 0 10px;
        overflow: hidden;
    }

    .request-b__content .block_reservation .outer .inner .form2 dl {
        width: 40%;
        float: left;
    }

    .request-b__content .block_reservation .outer .inner .form2 dl dt {
        width: 80px;
    }

    .request-b__content .block_reservation .outer .inner .form2 dl dd {
        width: calc(100% - 120px);
    }

    .request-b__content .block_reservation .outer .inner .form2 dl dd select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        padding: 10px;
        font-size: 1.4rem;
        line-height: 1;
        border: 1px solid #e1e1e1;
        background: #ffffff;
    }

    .request-b__content .block_reservation .outer .inner .form3 {
        padding: 0 10px 40px 10px;
        overflow: hidden;
    }

    .request-b__content .block_reservation .outer .inner .form3 dl {
        width: 50%;
        float: left;
    }

    .request-b__content .block_reservation .outer .inner .form3 dl dt {
        width: 40px;
    }

    .request-b__content .block_reservation .outer .inner .form3 dl dd {
        width: calc(100% - 100px);
    }

    .request-b__content .block_reservation .outer .inner .form3 dl dd input {
        width: 100%;
    }

    .request-b__content .block_reservation .outer .inner .form4 {
        padding: 0 10px 40px 10px;
    }

    .request-b__content .block_reservation .outer .inner .form4 input {
        width: 100%;
    }

    .request-b__content .block_reservation .outer .inner .form4 p {
        font-size: 1.4rem;
    }

    .request-b__content .block_reservation .outer .inner .form4 p.error {
        padding: 10px 0 0 10px;
        color: #ba0000;
    }

    .request-b__content .block_reservation .outer .inner .pbox {
        margin: 20px 10px 40px 10px;
        padding: 20px;
        height: 18rem;
        line-height: 1.6;
        overflow: scroll;
        border: 1px #e1e1e1 solid;
    }

    .request-b__content .block_reservation .outer .inner .pbox h3 {
        margin: 0 0 1.5rem 0;
        font-size: 1.6rem;
        text-align: left;
    }

    .request-b__content .block_reservation .outer .inner .pbox p {
        margin: 0 0 1.5rem 0;
        font-size: 1.2rem;
    }

    .request-b__content .block_reservation .outer .inner .pbox p.error {
        color: #ba0000;
    }

    .request-b__content .block_reservation .outer .inner .btn {
        text-align: center;
    }

    .request-b__content .block_reservation .outer .inner .btn p {
        margin: 0 0 30px 0;
        font-size: 1.4rem;
    }

    .request-b__content .block_reservation .outer .inner .btn p.error {
        color: #ba0000;
    }

    .request-b__content .block_reservation .outer .inner .btn p label {
        font-size: 1.4rem;
    }

    .request-b__content .block_reservation .outer .inner .btn input[type=submit] {
        padding: 15px 100px;
        color: #fff;
        font-size: 1.4rem;
        background: #A26740;
        cursor: pointer;
    }

    .request-b__content .block_reservation .outer .inner .btn input.hback {
        margin: 0 10px 0 0;
        padding: 15px 100px;
        color: #fff;
        font-size: 1.4rem;
        background: #cccccc;
        cursor: pointer;
    }

    .request-b__content .block_reservation .outer .inner .btn img {
        margin: 40px 0 20px 0;
    }

    .request-b__content .block_reservation .btn_back {
        width: 190px;
        margin: 50px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: block;
    }
}

@media print,
screen and (max-width: 767px) {
    .request-b__content {
        padding: 70px 0 0 0;
    }

    .request-b__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .request-b__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .request-b__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .request-b__content h3 {
        margin: 0 20px 20px 20px;
        color: #868686;
        font-size: 1.4rem;
        line-height: 1.5;
        text-align: center;
    }

    .request-b__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .request-b__content .desc {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .request-b__content .dl a {
        margin: 0 auto 10px auto;
        padding: 10px 30px;
        border: 1px #000000 solid;
        display: table;
    }

    .request-b__content .dl p {
        margin: 0 20px 20px 20px;
        font-size: 1.2rem;
        text-align: center;
        line-height: 1.5;
    }

    .request-b__content .dl p span {
        color: #744A2E;
        font-size: 1.2rem;
    }

    .request-b__content .complete {
        margin: 40px auto;
        padding: 0 20px;
        width: 100%;
    }

    .request-b__content .complete p {
        margin: 1.5rem 0 0 0;
        font-size: 1.1rem;
        text-align: left;
        line-height: 1.8;
    }

    .request-b__content .complete p.pdf {
        text-align: center;
    }

    .request-b__content .complete p .btn {
        margin: 20px auto 0 auto;
        padding: 10px 35px;
        color: #ffffff;
        background: #A26740;
        display: table;
    }

    .request-b__content .block_reservation {
        padding: 30px 0;
    }

    .request-b__content .block_reservation h4 {
        padding: 15px 0;
        color: #fff;
        font-size: 1.8rem;
        text-align: center;
        background: #6a8c01;
    }

    .request-b__content .block_reservation .outer .inner h5 {
        padding: 15px 20px;
        font-size: 1.4rem;
        background: #f8f8f8;
    }

    .request-b__content .block_reservation .outer .inner h5 span {
        margin: -10px 10px 0 0;
        padding: 4px 5px 2px 5px;
        color: #fff;
        background: #608803;
    }

    .request-b__content .block_reservation .outer .inner input[type=text] {
        padding: 10px;
        border: 1px solid #e1e1e1;
    }

    .request-b__content .block_reservation .outer .inner dl {
        margin: 0 0 20px 0;
    }

    .request-b__content .block_reservation .outer .inner dl dt {
        padding: 0 0 10px 0;
        font-size: 1.4rem;
    }

    .request-b__content .block_reservation .outer .inner dl dd p {
        padding: 0 0 10px 0;
        font-size: 1.4rem;
    }

    .request-b__content .block_reservation .outer .inner dl dd p.error {
        padding: 10px 0;
        color: #ba0000;
        font-size: 1.2rem;
    }

    .request-b__content .block_reservation .outer .inner .form1 {
        padding: 0 20px 20px 20px;
    }

    .request-b__content .block_reservation .outer .inner .form1 dl dd {
        width: 100%;
    }

    .request-b__content .block_reservation .outer .inner .form1 dl dd input {
        width: 100%;
    }

    .request-b__content .block_reservation .outer .inner .form2 {
        padding: 20px 20px 0 20px;
        overflow: hidden;
    }

    .request-b__content .block_reservation .outer .inner .form2 dl {
        width: 50%;
        float: left;
    }

    .request-b__content .block_reservation .outer .inner .form2 dl dt {
        width: 80px;
    }

    .request-b__content .block_reservation .outer .inner .form2 dl dd {
        width: 100%;
    }

    .request-b__content .block_reservation .outer .inner .form2 dl dd select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: calc(100% - 20px);
        padding: 10px;
        font-size: 1.4rem;
        line-height: 1;
        background: #ffffff;
        border: 1px solid #e1e1e1;
    }

    .request-b__content .block_reservation .outer .inner .form3 {
        padding: 20px;
        overflow: hidden;
    }

    .request-b__content .block_reservation .outer .inner .form3 dl {
        width: 50%;
        float: left;
    }

    .request-b__content .block_reservation .outer .inner .form3 dl dt {
        width: 80px;
    }

    .request-b__content .block_reservation .outer .inner .form3 dl dd {
        width: 100%;
    }

    .request-b__content .block_reservation .outer .inner .form3 dl dd input {
        width: calc(100% - 20px);
    }

    .request-b__content .block_reservation .outer .inner .form4 {
        padding: 20px 20px 40px 20px;
    }

    .request-b__content .block_reservation .outer .inner .form4 input {
        width: 100%;
    }

    .request-b__content .block_reservation .outer .inner .form4 p {
        font-size: 1.4rem;
    }

    .request-b__content .block_reservation .outer .inner .form4 p.error {
        padding: 10px 0;
        font-size: 1.2rem;
        color: #ba0000;
    }

    .request-b__content .block_reservation .outer .inner .pbox {
        margin: 20px 20px 40px 20px;
        padding: 15px;
        height: 10rem;
        text-align: left;
        border: 1px #e1e1e1 solid;
        overflow: scroll;
    }

    .request-b__content .block_reservation .outer .inner .pbox h3 {
        color: #000000;
        font-size: 1.2rem;
        line-height: 1.6rem;
        text-align: left;
    }

    .request-b__content .block_reservation .outer .inner .pbox p {
        margin: 0 0 1.5rem 0;
        font-size: 1.2rem;
    }

    .request-b__content .block_reservation .outer .inner .pbox p.error {
        color: #ba0000;
    }

    .request-b__content .block_reservation .outer .inner .btn {
        text-align: center;
    }

    .request-b__content .block_reservation .outer .inner .btn p {
        margin: 0 0 30px 0;
        font-size: 1.2rem;
    }

    .request-b__content .block_reservation .outer .inner .btn p.error {
        color: #ba0000;
        font-size: 1.2rem;
    }

    .request-b__content .block_reservation .outer .inner .btn input[type=submit] {
        padding: 15px 50px;
        color: #fff;
        font-size: 1.2rem;
        background: #A26740;
    }

    .request-b__content .block_reservation .outer .inner .btn input.hback {
        padding: 15px 50px;
        color: #fff;
        font-size: 1.2rem;
        background: #cccccc;
    }

    .request-b__content .block_reservation .outer .inner .btn img {
        width: 70px;
        margin: 20px 0 10px 0;
    }

    .request-b__content .block_reservation .btn_back {
        width: 190px;
        margin: 20px auto 0;
        padding: 14px 30px;
        color: #353535;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        border: 1px #353535 solid;
        display: block;
    }
}

@media print,
screen and (min-width: 768px) {
    .area {
        width: 100vw;
        height: 100vh;
        background: #ffffff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .area .site {
        position: relative;
    }

    .area .site:nth-of-type(1) {
        background: url(../img/image_1.jpg) no-repeat center center;
        background-size: cover;
    }

    .area .site:nth-of-type(2) {
        background: url(../img/image_2.jpg) no-repeat center center;
        background-size: cover;
    }

    .area .site:nth-of-type(3) {
        background: url(https://www.ikk-wed.jp/lachance/assets/images/area/image_3.jpg) no-repeat center center;
        background-size: cover;
    }

    .area .site:nth-of-type(4) {
        background: url(https://www.ikk-wed.jp/lachance/assets/images/area/image_4.jpg) no-repeat center center;
        background-size: cover;
    }

    .area .site figure {
        overflow: hidden;
        position: relative;
        height: 100%;
    }

    .area .site figure img {
        /*position: absolute;
    left: 50%;
    top: 50%;
    max-width: none;
    transform: translate(-50%,-50%);*/
        display: none;
    }

    .area .site figure:after {
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .area .site .txt {
        color: #ffffff;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .area .site .txt h2 {
        font-size: 2.5rem;
    }

    .area .site .txt h2 span {
        font-size: 1.2rem;
    }

    .area .site .txt a {
        margin: 15px auto 0 auto;
        padding: 15px 80px;
        color: #ffffff;
        font-size: 1.2rem;
        line-height: 1;
        border: 1px #ffffff solid;
        display: table;
    }

    .area .logo {
        width: 150px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1001;
    }

    .area .logo.pc {
        display: block;
    }

    .area .logo.sp {
        display: none;
    }

    .area_col2 {
        overflow: hidden;
    }

    .area_col2 .site {
        width: 50%;
        height: 100vh;
        float: right;
    }

    .area_col3 {
        overflow: hidden;
    }

    .area_col3 .site {
        width: 50%;
        height: 50%;
        float: left;
    }

    .area_col3 .site:first-of-type {
        width: 100%;
        float: none;
    }

    .area_col4 {
        overflow: hidden;
    }

    .area_col4 .site {
        width: 50%;
        height: 50%;
        float: left;
    }
}

@media print,
screen and (max-width: 767px) {
    .area {
        width: 100vw;
        height: 100vh;
        background: #e6e6e6;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .area .site {
        padding: 10px 10px 0 10px;
        height: calc((100vh - 82px) / 2);
        background: #e6e6e6;
        position: relative;
    }

    .area .site:last-child {
        padding: 10px;
    }

    .area .site figure {
        padding-top: 84%;
        overflow: hidden;
        position: relative;
    }

    .area .site figure img {
        position: absolute;
        left: 50%;
        top: 50%;
        max-width: none;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .area .site figure:after {
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .area .site .txt {
        color: #ffffff;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .area .site .txt h2 {
        font-size: 2.5rem;
    }

    .area .site .txt h2 span {
        font-size: 1.2rem;
    }

    .area .site .txt a {
        margin: 15px auto 0 auto;
        padding: 10px 30px;
        color: #ffffff;
        font-size: 1.2rem;
        line-height: 1;
        border: 1px #ffffff solid;
        display: table;
    }

    .area .logo {
        padding: 10px 0;
        background: #ffffff;
        text-align: center;
    }

    .area .logo.pc {
        display: none;
    }

    .area .logo.sp {
        display: block;
    }

    .area .logo img {
        width: 150px;
    }
}

@media print,
screen and (min-width: 768px) {
    .restaurant__content {
        padding: 150px 0 0 0;
    }

    .restaurant__content h2 {
        color: #744A2E;
        font-size: 2.1rem;
        text-align: center;
    }

    .restaurant__content h2:after {
        margin: 15px auto 30px;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .restaurant__content .title {
        margin: 0 0 30px 0;
        color: #000000;
        font-size: 2.1rem;
        text-align: center;
    }

    .restaurant__content .cat {
        margin: 0 0 30px 0;
        font-size: 0;
        text-align: center;
    }

    .restaurant__content .cat li {
        margin: 0 5px;
        font-size: 1.4rem;
        line-height: 1;
        display: inline-block;
    }

    .restaurant__content .cat li a {
        padding: 5px 15px;
        color: #744A2E;
    }

    .restaurant__content .block_intro .main {
        margin: 0 auto 60px auto;
        width: 100%;
        max-width: 1060px;
    }

    .restaurant__content .block_intro .main .image {
        margin: 30px 0;
    }

    .restaurant__content .block_intro .main p {
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
    }

    .restaurant__content .block_intro .floor {
        margin: 0 auto;
        width: 100%;
        max-width: 1060px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .restaurant__content .block_intro .floor .box {
        width: 49%;
    }

    .restaurant__content .block_intro .floor .box h3 {
        margin: 35px 0 50px 0;
        font-size: 1.7rem;
        text-align: center;
        position: relative;
    }

    .restaurant__content .block_intro .floor .box h3:after {
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
        position: absolute;
        bottom: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .restaurant__content .block_intro .floor .box p {
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .restaurant__content .block_list {
        margin: 100px 0 80px 0;
        padding: 100px 0 40px 0;
        background: #f7f7f7;
    }

    .restaurant__content .block_list h3 {
        font-size: 2rem;
        line-height: 1.6;
        text-align: center;
    }

    .restaurant__content .block_list h3 span {
        font-size: 1.2rem;
    }

    .restaurant__content .block_list ul {
        margin: 30px auto;
        width: 100%;
        max-width: 1060px;
        border-top: 1px #cccccc solid;
    }

    .restaurant__content .block_list ul li {
        width: 100%;
        padding: 30px 0;
        border-bottom: 1px #cccccc solid;
    }

    .restaurant__content .block_list ul li .inner {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 20px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .restaurant__content .block_list ul li .image {
        width: 42%;
        height: auto;
    }

    .restaurant__content .block_list ul li .image figure {
        overflow: hidden;
        position: relative;
        padding-top: 60%;
    }

    .restaurant__content .block_list ul li .image figure img {
        height: auto;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .restaurant__content .block_list ul li .box {
        width: 54%;
    }

    .restaurant__content .block_list ul li .box .date {
        color: #bbbbbb;
        font-size: 1.2rem;
    }

    .restaurant__content .block_list ul li .box .date .icon {
        margin: 0 10px 20px 0;
        padding: 5px 15px 3px 15px;
        color: #8fab45;
        font-size: 1.3rem;
        line-height: 1;
        border: 1px solid #598200;
        display: inline-block;
    }

    .restaurant__content .block_list ul li .box h3 {
        margin: 0 0 10px 0;
        color: #000000;
        font-size: 1.6rem;
        line-height: 1.6;
        text-align: left;
    }

    .restaurant__content .block_list ul li .box p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .restaurant__content .block_list ul li .box .btn {
        width: 230px;
        margin: 20px 0 0 0;
        padding: 15px 20px;
        color: #fff;
        text-align: center;
        background: #8fab45;
        display: block;
    }

    .restaurant__content .block_list ul li .box .btn span {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        background: url(../img/ico_glass.png) no-repeat left center/8px 8px;
    }

    .restaurant__content .block_chef {
        margin: 0 0 100px 0;
    }

    .restaurant__content .block_chef h3 {
        font-size: 2rem;
        line-height: 1.6;
        text-align: center;
    }

    .restaurant__content .block_chef h3 span {
        font-size: 1.2rem;
    }

    .restaurant__content .block_chef .box {
        margin: 50px auto 10px auto;
        width: 100%;
        max-width: 850px;
        display: -webkit-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .restaurant__content .block_chef .box .image_pc {
        width: 30%;
        display: block;
    }

    .restaurant__content .block_chef .box .image_sp {
        display: none;
    }

    .restaurant__content .block_chef .box .txt {
        padding: 0 0 0 50px;
        width: 70%;
    }

    .restaurant__content .block_chef .box .txt h4 {
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .restaurant__content .block_chef .box .txt h4 span {
        color: #888888;
        font-size: 1.4rem;
    }

    .restaurant__content .block_chef .box .txt h5 {
        margin: 15px 0 0 0;
        font-size: 1.7rem;
    }

    .restaurant__content .block_chef .box .txt p {
        margin: 15px 0 0 0;
        font-size: 1.5rem;
        line-height: 1.8;
    }

    .restaurant__content .block_menu {
        padding: 100px 0;
    }

    .restaurant__content .block_menu.bg {
        background: #f7f7f7;
    }

    .restaurant__content .block_menu .inner {
        margin: 0 auto;
        width: 100%;
        max-width: 1060px;
    }

    .restaurant__content .block_menu .inner h3 {
        font-size: 4.5rem;
        line-height: 1;
        text-align: center;
    }

    .restaurant__content .block_menu .inner h3 span {
        font-size: 2.5rem;
    }

    .restaurant__content .block_menu .inner .desc {
        margin: 30px 0;
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
    }

    .restaurant__content .block_menu .inner .pc {
        margin: 0 0 40px 0;
        display: block;
    }

    .restaurant__content .block_menu .inner .sp {
        display: none;
    }

    .restaurant__content .block_menu .menu_list {
        margin: 0 auto;
        width: 100%;
        max-width: 800px;
    }

    .restaurant__content .block_menu .menu_list h4 {
        padding: 15px 0 15px 15px;
        color: #ffffff;
        font-size: 1.5rem;
        line-height: 1;
        background: #698c00;
        position: relative;
        cursor: pointer;
    }

    .restaurant__content .block_menu .menu_list h4 span {
        content: '';
        width: 15px;
        height: 1px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .restaurant__content .block_menu .menu_list h4 span:after {
        content: '';
        width: 1px;
        height: 15px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .restaurant__content .block_menu .menu_list h4:hover {
        opacity: .8;
    }

    .restaurant__content .block_menu .menu_list h4.open span:after {
        display: none;
    }

    .restaurant__content .block_menu .menu_list .ac {
        padding: 25px 10px 50px 10px;
        display: none;
    }

    .restaurant__content .block_menu .menu_list .ac .pc {
        display: block;
    }

    .restaurant__content .block_menu .menu_list .ac .sp {
        display: none;
    }

    .restaurant__content .block_plan {
        padding: 100px 0;
        background: #f7f7f7;
    }

    .restaurant__content .block_plan h3 {
        font-size: 2rem;
        line-height: 1.6;
        text-align: center;
    }

    .restaurant__content .block_plan h3 span {
        font-size: 1.2rem;
    }

    .restaurant__content .block_plan h4 {
        margin: 50px 0;
        font-size: 2.5rem;
        text-align: center;
    }

    .restaurant__content .block_plan .plan {
        margin: 0 auto;
        width: 100%;
        max-width: 800px;
    }

    .restaurant__content .block_plan .plan h5 {
        padding: 15px 0 15px 15px;
        color: #ffffff;
        font-size: 1.5rem;
        line-height: 1;
        background: #698c00;
        position: relative;
        cursor: pointer;
    }

    .restaurant__content .block_plan .plan h5 span {
        content: '';
        width: 15px;
        height: 1px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .restaurant__content .block_plan .plan h5 span:after {
        content: '';
        width: 1px;
        height: 15px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .restaurant__content .block_plan .plan h5:hover {
        opacity: .8;
    }

    .restaurant__content .block_plan .plan h5.open span:after {
        display: none;
    }

    .restaurant__content .block_plan .plan .ac {
        padding: 25px 10px 50px 10px;
        display: none;
    }

    .restaurant__content .block_plan .plan .ac .pc {
        display: block;
    }

    .restaurant__content .block_plan .plan .ac .sp {
        display: none;
    }
}

@media print,
screen and (max-width: 767px) {
    .restaurant__content {
        padding: 70px 0 0 0;
    }

    .restaurant__content h2 {
        color: #744A2E;
        font-size: 1.4rem;
        text-align: center;
    }

    .restaurant__content h2:after {
        margin: 15px auto;
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
    }

    .restaurant__content h2 img {
        margin: 0 0 20px 0;
        width: 28px;
    }

    .restaurant__content .title {
        margin: 0 0 20px 0;
        color: #000000;
        font-size: 1.1rem;
        text-align: center;
    }

    .restaurant__content .cat {
        display: none;
    }

    .restaurant__content .block_intro {
        margin: 0 0 35px 0;
    }

    .restaurant__content .block_intro .main p {
        margin: 20px 0;
        padding: 0 25px;
        font-size: 1.2rem;
        line-height: 1.6;
    }

    .restaurant__content .block_intro .floor {
        padding: 0 10px;
    }

    .restaurant__content .block_intro .floor .box {
        margin: 0 0 35px 0;
    }

    .restaurant__content .block_intro .floor .box h3 {
        margin: 20px 0 40px 0;
        font-size: 1.7rem;
        text-align: center;
        position: relative;
    }

    .restaurant__content .block_intro .floor .box h3:after {
        content: '';
        width: 40px;
        height: 1px;
        background: #744A2E;
        display: block;
        position: absolute;
        bottom: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .restaurant__content .block_intro .floor .box p {
        padding: 0 25px;
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .restaurant__content .block_list {
        margin: 0 0 40px 0;
        padding: 50px 0 0 0;
        background: #f7f7f7;
    }

    .restaurant__content .block_list h3 {
        margin: 0 0 25px 0;
        font-size: 1.8rem;
        letter-spacing: .6rem;
        line-height: 1.2;
        text-align: center;
    }

    .restaurant__content .block_list h3 span {
        font-size: 1.2rem;
        letter-spacing: .1rem;
    }

    .restaurant__content .block_list ul {
        padding: 0 15px;
        width: 100%;
    }

    .restaurant__content .block_list ul li {
        width: 100%;
        padding: 25px 0;
        border-top: 1px #cccccc solid;
    }

    .restaurant__content .block_list ul li .image {
        width: 100%;
        margin: 0 0 15px 0;
        display: block;
    }

    .restaurant__content .block_list ul li .box {
        width: 100%;
        padding: 0 15px;
    }

    .restaurant__content .block_list ul li .box .date {
        color: #bbbbbb;
        font-size: 1.2rem;
    }

    .restaurant__content .block_list ul li .box .date .icon {
        margin: 0 10px 10px 0;
        padding: 5px 5px 3px 5px;
        color: #8fab45;
        font-size: 1.3rem;
        line-height: 1;
        border: 1px solid #598200;
        display: inline-block;
    }

    .restaurant__content .block_list ul li .box h3 {
        color: #000000;
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: left;
    }

    .restaurant__content .block_list ul li .box p {
        font-size: 1.2rem;
        line-height: 2;
    }

    .restaurant__content .block_chef h3 {
        margin: 0 0 25px 0;
        font-size: 1.8rem;
        line-height: 1.2;
        text-align: center;
    }

    .restaurant__content .block_chef h3 span {
        font-size: 1.2rem;
    }

    .restaurant__content .block_chef .box {
        margin: 0 0 50px 0;
        padding: 0 10px;
    }

    .restaurant__content .block_chef .box .image_pc {
        display: none;
    }

    .restaurant__content .block_chef .box .image_sp {
        display: block;
    }

    .restaurant__content .block_chef .box .txt {
        margin: 25px 0 0 0;
        padding: 0 15px;
    }

    .restaurant__content .block_chef .box .txt h4 {
        font-size: 2.2rem;
    }

    .restaurant__content .block_chef .box .txt h4 span {
        color: #888888;
        font-size: 1.3rem;
    }

    .restaurant__content .block_chef .box .txt h5 {
        margin: 20px 0 0 0;
        font-size: 1.7rem;
    }

    .restaurant__content .block_chef .box .txt p {
        margin: 20px 0 0 0;
        font-size: 1.2rem;
        line-height: 1.6;
    }

    .restaurant__content .block_menu {
        padding: 50px 0;
    }

    .restaurant__content .block_menu.bg {
        background: #f7f7f7;
    }

    .restaurant__content .block_menu .pc {
        display: none;
    }

    .restaurant__content .block_menu .sp {
        display: block;
    }

    .restaurant__content .block_menu .inner h3 {
        margin: 0 0 25px 0;
        font-size: 3.5rem;
        line-height: 1.2;
        text-align: center;
    }

    .restaurant__content .block_menu .inner h3 span {
        font-size: 1.7rem;
    }

    .restaurant__content .block_menu .inner .desc {
        padding: 0 25px;
        font-size: 1.2rem;
        line-height: 1.6;
    }

    .restaurant__content .block_menu .inner img {
        margin: 10px 0;
    }

    .restaurant__content .block_menu .menu_list {
        padding: 0 10px;
    }

    .restaurant__content .block_menu .menu_list h4 {
        padding: 15px;
        color: #ffffff;
        font-size: 1.3rem;
        line-height: 1;
        background: #698c00;
        position: relative;
    }

    .restaurant__content .block_menu .menu_list h4 span {
        content: '';
        width: 15px;
        height: 1px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .restaurant__content .block_menu .menu_list h4 span:after {
        content: '';
        width: 1px;
        height: 15px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .restaurant__content .block_menu .menu_list h4:hover {
        opacity: .8;
    }

    .restaurant__content .block_menu .menu_list h4.open span:after {
        display: none;
    }

    .restaurant__content .block_menu .menu_list .ac {
        padding: 20px 15px;
        display: none;
    }

    .restaurant__content .block_plan {
        padding: 50px 0;
        background: #f7f7f7;
    }

    .restaurant__content .block_plan h3 {
        margin: 0 0 25px 0;
        font-size: 1.8rem;
        line-height: 1.2;
        text-align: center;
    }

    .restaurant__content .block_plan h3 span {
        font-size: 1.2rem;
    }

    .restaurant__content .block_plan h4 {
        margin: 30px 0 20px 0;
        font-size: 1.4rem;
        text-align: center;
    }

    .restaurant__content .block_plan .plan {
        padding: 0 10px;
    }

    .restaurant__content .block_plan .plan h5 {
        padding: 15px;
        color: #ffffff;
        font-size: 1.3rem;
        line-height: 1;
        background: #698c00;
        position: relative;
    }

    .restaurant__content .block_plan .plan h5 span {
        content: '';
        width: 15px;
        height: 1px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .restaurant__content .block_plan .plan h5 span:after {
        content: '';
        width: 1px;
        height: 15px;
        background: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .restaurant__content .block_plan .plan h5:hover {
        opacity: .8;
    }

    .restaurant__content .block_plan .plan h5.open span:after {
        display: none;
    }

    .restaurant__content .block_plan .plan .ac {
        padding: 20px 15px;
        display: none;
    }

    .restaurant__content .block_plan .plan .ac .pc {
        display: none;
    }

    .restaurant__content .block_plan .plan .ac .sp {
        display: block;
    }
}







@media (min-width:768px) {
    .visible_pc {
        display: block;
    }

    .visible_sp {
        display: none;
    }

    .display_pc {
        display: inline;
    }

    .display_sp {
        display: none;
    }
}


@media (max-width:767px) {
    .visible_sp {
        display: block;
    }

    .visible_pc {
        display: none;
    }

    .hidden_sp {
        display: none;
    }

    .display_pc {
        display: none;
    }

    .display_sp {
        display: inline;
    }
}