/* カスタマイズ用CSS */

/******************************
 Global
******************************/
html, body {
    font-family: 'Noto Serif JP', serif;
/*
    font-family: 'Zen Kaku Gothic Antique', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
*/
}
h1, h2, h3, h4 {
    margin: 5px 0;
    font-size: 100%;
    font-weight: normal;
}
a {
    color: #FE4040;
    text-decoration: none;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    transition-delay: 0s;
}
a img {
    opacity: 1.0;
    transition: opacity 0.3s ease-in-out;
}
a:hover,
a img:hover {opacity: .8;}
p {margin-bottom: 1em;}

span {
    font-size: inherit;
    color: inherit;
}
ul {list-style-type: none; padding: 0;}
/*▼Retina用に2倍サイズの画像を使う場合はコメント解除▼*/
/*
img:not(.topslider):not(ul):not(img) {zoom: 0.5;}
*/

/*▼印刷時にリンクに文字が表示されるのを削除▼*/
@media print {
    a[href]:after {content: "" !important;}
    abbr[title]:after {content: "" !important;}
}



/******************************
 box
******************************/
.container {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
.inner {
    padding-top: 30px;
    padding-bottom: 30px;
}
.vcenter_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 960px) {
    .base_box {padding-top: 100px;}
    .container {max-width: 1090px;}
    .contents {margin-top: 50px;}
}
@media screen and (max-width: 959px) {
    .container,
    .container_sp {
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }
    .contents {margin-bottom: 50px;}
}
.block_box {margin-top: 60px;}
.red_box {
    color: red;
    border: 3px solid red;
}
@media screen and (min-width: 960px) {
    .red_box {
        min-width: 200px;
        padding: 30px;
        font-size: 150%;
    }
}
@media screen and (max-width: 959px) {
    .red_box {
        width: calc(100% - 20px);
        padding: 10px;
        font-size: 90%;
    }
}
.cool_box,
.cool_box_mini {
    color: #FFF;
    font-size: 90%;
    background-color:#0099FF;
    display: table;
}
.cool_box {
    margin-top: 5px;
    padding: 8px 15px;
    border: 2px solid #006CFF;
    border-radius: 10px;
}
.cool_box_mini {
    top: 0;
    padding: 3px 10px;
    border: 3px solid #006CFF;
    border-radius: 6px;
    position: absolute;
    box-shadow: 3px 3px 3px -3px rgba(0,0,0,0.6);
}
.caution_box {
    padding: 10px;
    border: 2px solid #f99;
}

/******************************
 layout
******************************/
.staticpagebox {font-size: 120%;}
.caution_area {
    color: #F33;
    text-indent: -1em;
    margin-left: 1em;
}
.caution_area p {margin-bottom: 0.8em;}

/******************************
 image
******************************/
.half {zoom: 0.5;}

/******************************
 table
******************************/
.normal_table .table_title {
    text-align: center;
    font-weight: bold;
    background-color: #EFEFEF;
}
.normal_table th,
.normal_table td {
    padding: 10px;
    border: 1px solid #CCC;
}
.normal_table th {
    font-weight: normal;
}
@media screen and (min-width: 960px) {
    .normal_table {
        min-width: calc(50% - 3px);
        max-width: calc(100% - 5px);
    }
    .normal_table th {
        min-width: 200px;
    }
}
@media screen and (max-width: 959px) {
    .normal_table {
        width: calc(100% - 5px);
    }
}

/******************************
 datalist
******************************/
.normal_datalist {
    max-width: calc(100% - 3px);
    display: flex;
    flex-flow: wrap;
}
.normal_datalist dt {
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #EFEFEF;
}
.normal_datalist dd {
    margin: 0;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.normal_datalist dt:nth-child(odd),
.normal_datalist dd:nth-child(odd) {
    flex-basis: 70%;
}
.normal_datalist dt:nth-child(even),
.normal_datalist dd:nth-child(even) {
    border-right: 1px solid #CCC;
    flex-basis: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 960px) {
    .normal_datalist dt,
    .normal_datalist dd {padding: 10px 20px;}
}
@media screen and (max-width: 959px) {
    .normal_datalist dt,
    .normal_datalist dd {padding: 10px;}
}

/******************************
 font color
******************************/
.fc_black {color: #333;}
.fc_red {color: #F00;}

/******************************
 background
******************************/
.bg_black {background-color: #000;}
.bg_black .btn {border: 1px solid #707070;}
.bg_gray {background-color: #707071;}
.bg_red {background-color: #FC0303;}
.bg_black > a,
.bg_gray > a,
.bg_red > a {color: #FFF;}
.bg_black > a:hover,
.bg_gray > a:hover,
.bg_red > a:hover {cursor: pointer;}




/*/////////////////////////////////
 mordal window
////////////////////////////////*/
.modal-open {
    line-height: 1;
}
.modal-content {
    margin: 0;
    padding: 10px 20px;
    border: 2px solid #aaa;
    background: #fff;
    position: fixed;
    display: none;
    z-index: 1000;
    overflow-y: scroll;
}
#modal-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0, 0.75) ;
}
.modal-close {
    margin: 15px 0;
    float: right;
    display: block;
}
.button-link {
    padding-left: 0.3em;
    padding-right: 0.3em;
    border: 1px solid #ddd;
    font-size: 250%;
    color: #aaa ;
    border-radius: 50%;
}
.button-link:hover {
    cursor: pointer;
    text-decoration: none;
}
@media screen and (min-width: 960px) {
    .modal-content {
        width: calc(90% - 44px);
        height: calc(95% - 24px);
    }
}
@media screen and (max-width: 959px) {
    .modal-content {
        width: calc(100% - 44px);
        height: calc(80% - 24px);
    }
}




/*/////////////////////////////////
 EC-CUBE Layout
////////////////////////////////*/
.ec-role img {
    width: auto;
}
.ec-rectHeading h2 {
    background-color: #000;
    color: #FFF;
}
.ec-secHeading {
    text-align: center;
}
.ec-secHeading .ec-secHeading__en {
    color: #ddd;
}
#page_homepage h1 {
    margin: 0;
}
@media screen and (min-width: 960px) {
    .ec-layoutRole__contentTop {
        margin-top: 185px;
    }
    body:not(#page_homepage) .ec-layoutRole__contents {
        margin-top: -52px;
        padding-top: 280px;
    }
    .ec-secHeading .ec-secHeading__ja {
        font-size: 200%;
    }
    .ec-secHeading .ec-secHeading__en {
        font-size: 90%;
    }
}
@media screen and (max-width: 959px) {
    .ec-layoutRole__contentTop {
        margin-top: 85px;
    }
    body:not(#page_homepage) .ec-layoutRole .ec-layoutRole__contents {
        margin-top: -70px;
        padding-top: 160px;
    }
    .ec-pageHeader h1 {
        font-size: 130%;
        font-weight: bold;
    }
/*
    .ec-layoutRole__main {
        margin-top: 85px;
    }
*/
    .ec-secHeading .ec-secHeading__ja {
        font-size: 130%;
    }
    .ec-secHeading .ec-secHeading__line {
        display: none;
    }
    .ec-secHeading .ec-secHeading__en {
        font-size: 70%;
    }
}
.ec-productRole__category {
    font-size: 80%;
}
.ec-productRole__category a {
    color: #333;
}
#page_product_list .price02-default {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    text-align: right;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#page_product_list .itemListTitle,
#page_scene .itemListTitle {
    min-height: 50px;
}
#page_product_list .ec-productRole__actions {
    padding-right: 30px;
    text-align: right;
}
@media screen and (max-width: 959px) {
    .ec-productRole {
        margin-top: 100px;
    }
    .ec-inlineBtn--cancel,
    .ec-inlineBtn--action {
        width: 70%;
    }
    .ec-inlineBtn--action {
        margin-top: 30px;
    }
}
.ec-cartNaviIsset__action {margin-bottom: 10px;}
.ec-blockTopBtn {
    width: auto;
    height: auto;
    color: #555;
    background: none;
}

/*
.ec-blockBtn--action:not(.add-cart) {
    background-color: #000;
    border-color: #000;
}
.ec-blockBtn--action:not(.add-cart):active {
    border-color: #000;
}
*/
/*カートに入れる・お気に入り追加・キャンセル・ログインボタン*/
.add-cart,
.ec-blockBtn--cancel {
    font-family: 'Noto Serif JP', serif;
/*
    font-family: 'Zen Kaku Gothic Antique', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
*/
}
.add-cart {
    background-color: #c21a1a;
}
.ec-blockBtn--action {
    background-color: #c21a1a;
}
.ec-totalBox__btn {
    margin-bottom: 15px;
}
@media screen and (max-width: 959px) {
}
.ec-productRole__btn #favorite {
    border-color: #e8ca90;
    background-color: #e8ca90;
}

/*トップへもどるボタン*/
@media screen and (min-width: 960px) {
    .pagetop img {
        width: 50px;
        height: 50px;
    }
}
@media screen and (max-width: 959px) {
    .pagetop img {
        width: 50px;
        height: 50px;
    }
}
/*特商法*/
.ec-borderedDefs dt {
    margin-right: 10px;
    padding-top: 0;
}
.ec-borderedDefs dd {line-height: 1.5;}

.ec-login__link {
    margin-bottom: 20px;
}

/*#################################
 Header
#################################*/
#headerBackground {
    top: 0;
    width: 100%;
    background-color: #FFF;
    position: fixed;
    z-index: 1000;
    transition: 0.3s ease-in-out;
}
#head_logo img {
    width: 250px;
    transition: 0.5s ease-in-out;
}
@media screen and (max-width: 959px) {
    #head_logo img {margin-left: 35px;}
}
.subtitle_text1 {
    margin-bottom: 5px;
    line-height: 1.2;
    transition: 0.5s ease-in-out;
}
.subtitle_text2 {
    margin-left: 30px;
    transition: 0.5s ease-in-out;
}
.username_box {
    padding: 3px;
    font-size: 70%;
    text-align: center;
    color: #FFF;
    background-color: #333;
}
.ec-headerNav__itemLink {margin: 0;}
.ec-layoutRole__header {background: transparent;}
.ec-orderPayment div {margin-bottom: 10px;}
.ec-orderPayment .list_between div {
    width: 50%;
    border-bottom: 1px dotted #103302;
}
.ec-headerNav .ec-headerNav__item {transition: 0.5s ease-in-out;}
.ec-headerNav .ec-headerNav__item a i {
    margin:0 auto;
    color: #000;
}
.ec-headerNav .ec-headerNav__item a span {margin-top: 0;}
.ec-headerNaviRole__nav,
.ec-headerRole__cart {float: left;}
.ec-headerNaviRole__nav {margin-right: 15px;}
.ec-headerRole__cart {padding-left: 0;}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    background-color: #000;
    border-color: #000;
}
.ec-headerSearch .ec-headerSearch__keywordBtn .ec-icon img {color: #000;}
.ec-cartNaviNull,
.ec-cartNaviNull__message {font-weight: normal;}
.ec-cartNaviNull__message {background-color: #000;}
.ec-cartNaviWrap {z-index: 10;}
.ec-headerNaviRole .ec-headerNaviRole__right {
    transition: 0.5s ease-in-out;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.ec-headerNaviRole .ec-headerNaviRole__search {
    margin: 0;
    min-width: 367px;
}
.ec-headerNaviRole .sns_box {
    margin: 5px;
}
.ec-headerNaviRole .sns_box a i {
    color: #000;
}
.telbox {
    font-weight: bold;
    color: #000;
    transition: 0.5s ease-in-out;
}
.telbox div {
    font-size: 50%;
    font-weight: normal;
    line-height: 1.1;
}
@media screen and (min-width: 1080px) {
    .subtitle_text1 {font-size: 80%;}
}
@media screen and (min-width: 960px) {
    .ec-headerNaviRole .ec-headerNaviRole__left {width: 37%;}
    .ec-headerNaviRole .ec-headerNaviRole__right {width: 63%;}
    .ec-headerNaviRole__left,
    .ec-headerNaviRole__right {height: 115px;}
    .ec-headerSearch .ec-headerSearch__keyword {width: 217px;}
    .telbox {font-size: 150%;}
}
@media screen and (min-width: 960px) and (max-width: 1079px) {
    .subtitle_text1 {font-size: 70%;}
    .telbox {display: none;}
}
@media screen and (max-width: 959px) {
    .subtitle_text1,
    .subtitle_text2,
    .telbox,
    .sns_box {display: none;}
}
.ec-headerCategoryArea .ec-itemNav__nav li {margin: 0;}
.ec-cartNaviWrap {z-index: 1;}
.ec-cartNaviWrap .ec-cartNaviIsset {
    max-height: 70vh;
    box-shadow: 9px 9px 3px -3px rgba(0,0,0,0.6);
    overflow-y: scroll;
}
@media screen and (max-width: 959px) {
    .ec-cartNaviWrap .ec-cartNaviIsset {
        width: calc(100% - 20px);
        margin-right: 20px;
    }
}
/*--------------------
 Small Header
--------------------*/
.smallhead {
    top: 0;
    margin-bottom: 10px;
    position: fixed;
    box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
    transition: 0.5s ease-in-out;
}
@media screen and (min-width: 960px) {
    .smallhead .ec-headerNaviRole__left {width: 15%;}
    .smallhead .ec-headerNaviRole__right {width: 85%;}
    .smallhead #head_logo img {width: 100%;}
    .smallhead .telbox {
        font-size: 120%;
        margin: 10px;
    }
}
@media screen and (max-width: 959px) {
    .smallhead .ec-headerNaviRole__left {width: 25%;}
    .smallhead .ec-headerNaviRole__right {width: 75%;}
    .smallhead #head_logo img {width: 100%;}
}
.smallhead .subtitle_text1,
.smallhead .subtitle_text2,
.smallhead .ec-headerNav__itemLink {display: none;}
.smallhead .ec-headerNaviRole__left,
.smallhead .ec-headerNaviRole__right {
    height: auto;
    transition: 0.5s ease-in-out;
}



/*#################################
 Navigation
#################################*/
.ec-headerNaviRole {
    left: calc(50% - 565px);
    margin-bottom: 10px;
    padding-bottom: 0;
}
@media screen and (min-width: 1080px) {
    .ec-itemNav__nav li .navi_items li {
        min-width: 220px;
    }
    .ec-itemNav__nav li .navi_items li a {
        font-size: 85%;
    }
}
@media screen and (min-width: 820px) {
    .ec-itemNav__nav {
        margin: 0;
        padding: 0;
        transition: 0.5s ease-in-out;
    }
    .ec-itemNav__nav > li {
        min-width: 100px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 0 5px;
        position: relative;
    }
    .ec-itemNav__nav > li a {
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 82%;
        font-weight: normal;
        background-color: transparent;
        transition: 0.5s ease-in-out;
    }
    .ec-itemNav__nav li:hover .navi_items {
        visibility: visible;
        opacity: 1;
    }
    .ec-itemNav__nav > li:nth-child(n+2) {border-left: 1px solid #000;}
    .ec-categoryNaviRole .ec-itemNav__nav ul li a {
        font-size: 80%;
        font-weight: normal;
        background-color: #000;
    }
    .ec-itemNav__nav li .navi_items {
        bottom: 0;
        visibility: hidden;
        position: absolute;
        transition: all 0.5s ease-in-out;
        opacity: 0;
    }
    .ec-itemNav__nav li .navi_items li {
        background-color: #fff;
    }
    .ec-itemNav__nav li .navi_items li a {
        font-weight: normal;
    }
    /*大カテゴリーhover時*/
    .ec-itemNav__nav > li:hover > a {
        color: #FFF;
        background-color: #000;
    }
    /*中カテゴリーhover時*/
    .ec-itemNav__nav > li:hover li:hover > a {
        color: #FFF;
        background-color: #000;
    }
    /*小カテゴリーhover時*/
    .ec-itemNav__nav > li:hover li:hover li:hover > a {
        color: #FFF;
        background-color: #000;
    }
}
@media screen and (min-width: 820px) and (max-width: 1079px) {
    .ec-itemNav__nav li .navi_items li a {
        font-size: 75%;
    }
}
@media screen and (max-width: 819px) {
    .ec-headerNaviRole__nav {
        margin: 0;
    }
    .ec-itemNav__nav li ul {
        display: block;
    }
    .ec-itemNav__nav li ul li a {
        padding-left: 10px;
        font-size: 85%;
    }
}
/*
.ec-categoryNaviRole .ec-itemNav__nav ul li {
    margin: 0;
    border: none;
}
*/

/*--------------------
 Small Navigation
--------------------*/
.smallnavi {
   background-color: #000;
}
.smallnavi .ec-categoryNaviRole {
    margin: 0;
}
.smallnavi .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav li a {
    padding: 0;
    font-size: 70%;
}
.smallnavi .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav ul li a {
    padding: 5px 10px;
}



/*#################################
 Footer
#################################*/
.ec-footerRole {
    color: #FFF;
}
.ec-footerRole .sns_box {
    margin-top: 20px;
}
.ec-footerRole .sns_box li a i {
    color: #FFF;
}
.ec-footerNavi .ec-footerNavi__link {
    margin: 0;
    padding:0;
    vertical-align: middle;
    border-left: none;
}
.ec-footerNavi .ec-footerNavi__link a {
    text-decoration: none;
}
.ec-footerTitle__logo {
    margin-bottom: 5px;
}
.ec-footerTitle__info {
    list-style-type: none;
}
.ec-footerTitle__info li a {
    color: #FFF;
}
@media screen and (min-width: 960px) {
    .ec-footerRole .list_left_pc div:first-child {
        margin-right: 50px;
    }
    .ec-footerRole .ec-footerRole__inner {
        width: calc(100% / 3);
        margin: 0;
    }
    .ec-footerTitle__info {
        width: 650px;
        margin: 0 auto 50px auto;
        overflow: hidden;
    }
    .ec-footerTitle__info li {
        margin-left: 20px;
        float: left;
    }
    .ec-footerTitle__info li:first-child {
        margin-left: 0;
    }
}
@media screen and (max-width: 959px) {
    .ec-footerRole {
        padding-top: 30px;
    }
    .ec-footerRole #footer_logo {
        margin-bottom: 10px;
    }
    .ec-footerRole #footer_logo img {
        width: 100%;
    }
    .ec-footerNavi {width: 100%;}
    .ec-footerNavi .ec-footerNavi__link {
        width: 100%;
    }
    .ec-footerTitle__info {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .ec-footerTitle__info li {text-align: left;}
}









/*=================================
 共通ブロック
==================================*/

/*-------------------- お買い物ガイド --------------------*/
.guide_box {
    min-height: 300px;
    padding: 30px;
    background-color: #FFF;
    border: 1px solid #000;
}
.guide_box dt {
    width: 80%;
    min-height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    line-height: 1;
    border-bottom: 2px solid #F00;
}
.guide_box dd {
    width: 100%;
    margin-top: 20px;
}
.guide_box .guide_text {
    min-height: 200px;
}
.guide_box dd div {
    width: 200px;
}
@media screen and (min-width: 960px) {
    .guide_box {
        width: calc(100% / 3 - 14px);
    }
    .guide_box:nth-child(2) {
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media screen and (max-width: 959px) {
    .guide_box {
        margin: 0 20px 20px 20px;
    }
}

/*-------------------- 関連商品(プラグイン) --------------------*/
.RelatedProduct-product_area__Title {
    font-size: 120%;
    font-weight: bold;
}
.RelatedProduct-product_area__listItemTitle {
    font-weight: bold;
}
.RelatedProduct-product_area__listItemPrice {
    margin-bottom: 15px;
    color: #f55;
}



/*=================================
 トップページ
==================================*/

/*-------------------- トップスライダー --------------------*/
#main_slider {
    position: relative;
}
#main_slider .slick-content {
    width: 100%;
}
#main_slider .slick-slide img.slider_main {
    width: 100%;
    object-fit: cover;
}
#main_slider .slick-slide .slider_logo,
#main_slider .slick-slide .slider_text,
#main_slider .slick-slide .slider_text2,
#main_slider .slick-slide .slider_text_left,
#main_slider .slick-slide .slider_text_center,
#main_slider .slick-slide .slider_text_bottom {
    z-index: 10000;
    position: absolute;
}
@media screen and (min-width: 1300px) {
    #main_slider .slick-slide .slider_logo,
    #main_slider .slick-slide .slider_text,
    #main_slider .slick-slide .slider_text2 {
        zoom: 80%;
    }
    #main_slider .slick-slide .slider_logo {
        bottom: 5%;
        left: 10%;
    }
    #main_slider .slick-slide .slider_text {
        top: 5%;
        left: 25%;
    }
    #main_slider .slick-slide .slider_text2 {
        top: 5%;
        right: 20%;
    }
    #main_slider .slick-slide .slider_text_left {
        top: 0;
        left: 0;
        height: 100%;
    }
}
@media screen and (min-width: 960px) and (max-width: 1299px) {
    #main_slider .slick-slide .slider_logo,
    #main_slider .slick-slide .slider_text,
    #main_slider .slick-slide .slider_text2 {
        zoom: 60%;
    }
    #main_slider .slick-slide .slider_logo {
        bottom: 5%;
        left: 10%;
    }
    #main_slider .slick-slide .slider_text {
        top: 5%;
        left: 25%;
    }
    #main_slider .slick-slide .slider_text2 {
        top: 5%;
        right: 10%;
    }
}
@media screen and (min-width: 960px) {
    #main_slider .slick-slide img.slider_main {
        height: calc(100vh - 185px);
    }
    #main_slider .slick-slide img.slider_main.display_sp,
    #main_slider .slick-slide img.slider_text.display_sp,
    #main_slider .slick-slide img.slider_text2.display_sp {
        display: none;
    }
}
@media screen and (max-width: 959px) {
    #main_slider .slick-slide img.slider_main {
        width: 100%;
        height: 80vh;
        bottom: 10%;
    }
    #main_slider .slick-slide img.slider_main.display_pc,
    #main_slider .slick-slide img.slider_text.display_pc,
    #main_slider .slick-slide img.slider_text_left.display_pc,
    #main_slider .slick-slide img.slider_text2.display_pc {
        display: none;
    }
    #main_slider .slick-slide .slider_logo,
    #main_slider .slick-slide .slider_text,
    #main_slider .slick-slide .slider_text2,
    #main_slider .slick-slide .slider_text_center,
    #main_slider .slick-slide .slider_text_bottom {
        zoom: 50%;
    }
    #main_slider .slick-slide .slider_logo {
        bottom: 10%;
        left: 5%;
    }
    #main_slider .slick-slide .slider_text {
        top: 5%;
        right: 5%;
    }
    #main_slider .slick-slide .slider_text2 {
        top: 1%;
        right: 10px;
    }
    #main_slider .slick-slide .slider_text_center {
        top: 20%;
        left: 50%;
        transform: translate(-50%, -20%);
    }
    #main_slider .slick-slide .slider_text_bottom {
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
    }
}

/*-------------------- おすすめ商品 --------------------*/
.recommend_data dt {
    font-weight: normal;
}
.recommend_data .item_name {
    min-height: 2em;
}
.recommend_data .item_price {
    font-weight: bold;
    color: #f55;
}

/*-------------------- 新着情報 --------------------*/
#news {padding-bottom: 70px;}
.ec-newsRole .ec-newsRole__news {border: none;}
.ec-newsRole .ec-newsRole__newsHeading {
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}

/*-------------------- 期間限定商品 --------------------*/
#RecommendBox .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item {
    height: 350px;
}

/*-------------------- カテゴリー／コンテンツブロック --------------------*/
#category .list_between_pc div a > img ,
#contents .list_between_pc div a > img {
    width: 100%;
}
#category .list_between_pc div {
    text-align: center;
}
#category .list_between_pc div a {
    color: #555;
}
#contents .icon {
    width: 25px;
    margin-left: 15px;
}
#contents .list_between_pc div p {
    margin-bottom: 5px;
    font-size: 150%;
}
@media screen and (min-width: 960px) {
    #category .list_between_pc div,
    #contents .list_between_pc div {
        width: 45%;
    }
    #category .list_between_pc div:nth-child(n+3),
    #contents .list_between_pc div:nth-child(n+3) {
        margin-top: 30px;
    }
}
@media screen and (max-width: 959px) {
    #category .list_between_pc div,
    #contents .list_between_pc div {
        width: 100%;
        margin-top: 30px;
    }
    #contents .list_between_pc div span {
        font-size: 80%;
    }
}

/*-------------------- お客様からの声ブロック --------------------*/
#voice .icon {
    width: 40px;
    margin-left: 15px;
    margin-bottom: 10px;
}
#voice #CustomersVoices .voice_contents {
    background: url(/html/user_data/assets/img/top/bg_voice.jpg) no-repeat top left;
    background-size: cover;
    position: relative;
}
#voice #CustomersVoices .voice_contents > div {
    width: calc(100% - 50px);
    position: absolute;
}
#voice #CustomersVoices .voice_contents > div:first-child {
    top: 20px;
}
#voice #CustomersVoices .voice_contents > div:last-child {
    bottom: 20px;
}
@media screen and (min-width: 960px) {
    #voice #CustomersVoices .voice_contents {
        max-width: 400px;
        height: calc(480px - 50px);
        padding: 25px;
        line-height: 1.8;
    }
}
@media screen and (max-width: 959px) {
    #voice #CustomersVoices .voice_contents {
        height: 390px;
        padding: 0 25px;
        line-height: 1.5;
/*
font-size: 77%;
*/
    }
}

/*-------------------- レシピブロック --------------------*/
#recipe .list_between_pc div {
    border: 1px solid #707070;
}
#recipe .list_between_pc div img {
    width: 100%;
}
#recipe .list_between_pc div dt {
    text-align: center;
}
#recipe .icon {
    width: 40px;
    margin-left: 15px;
    margin-bottom: 10px;
}
#recipe .list_between_pc div dd:last-child {
    padding: 10px;
}
@media screen and (min-width: 960px) {
    #recipe .list_between_pc div {
        width: calc(96% / 3);
    }
}
@media screen and (max-width: 959px) {
    #recipe .list_between_pc div {
        width: 100%;
    }
    #recipe .list_between_pc div:nth-child(n+2) {
        margin-top: 30px;
    }
}

/*-------------------- ご注文・お問い合わせ --------------------*/
#contact .list_around_pc > div {
    font-size: 120%;
}
#contact .icon_freedial,
#contact .icon_fax {
    width: 35px;
    margin-left: 10px;
}
#contact .list_around_pc .phone_number {
    width: 100%;
    margin-bottom: 5px;
    color: #4B4B4B;
    letter-spacing: 5px;
    line-height: 1;
}
#contact .list_around_pc .fax_dl_btn  {
    width: 100%;
    margin-top: 0;
    padding: 5px 0;
    text-align: center;
    background-color: #000;
}
#contact .list_around_pc div > div > a {
    color: #FFF;
}
@media screen and (min-width: 960px) {
    #contact .list_around_pc > div {
        width: 40%;
    }
    #contact .list_around_pc > div:nth-child(n+3) {
        margin-top: 20px;
    }
    #contact .list_around_pc .phone_number {
        font-size: 320%;
    }
}
@media screen and (max-width: 959px) {
    #contact .list_around_pc > div:nth-child(n+2) {
        margin-top: 20px;
    }
    #contact .list_around_pc .phone_number {
        font-size: 200%;
    }
}
#officialBanner {
    margin: 30px 0;
}
#officialBanner ul li {
    margin-bottom: 20px;
    text-align: center;
}
#officialBanner ul li:nth-last-child,
#officialBanner ul li:nth-last-child(1) {margin-bottom: 0;}

/*-------------------- 価格帯で選ぶ --------------------*/
#choosebyprice .list_around_pc div {
    width: 350px;
    padding: 10px 0;
    text-align: center;
}
#choosebyprice .list_around_pc div:nth-child(n+4) {margin-top: 30px;}
#choosebyprice .list_around_pc div:not(:last-child) {background-color: #103302;}
#choosebyprice .list_around_pc div:last-child {background-color: #BE6537;}
#choosebyprice .list_around_pc div a {
    color: #FFF;
    display: block;
}

/*-------------------- 卸をご希望の方へボタン --------------------*/
.button_pro {
    min-width: 350px;
    text-align: center;
    border: 1px solid #555;
}
.button_pro a {
    padding: 25px 0;
    color: #111;
    display: block;
}



/*=================================
 下層ページ共通
==================================*/
.hero_area {
    width: 100%;
}
@media screen and (min-width: 960px) {
    .hero_area,
    .hero_area img {
        width: 100%;
    }
    .contents_title_main {
        margin-top: 150px;
    }
}
@media screen and (max-width: 959px) {
    .hero_area {
        height: 85vh;
        position: relative;
        overflow: hidden;
    }
    .hero_area img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .hero_area > div {
        width: 100%;
        margin-top: 35vh;
        font-size: 230%;
        color: #fff;
        line-height: 2.5;
        text-align: center;
        text-shadow: #000 1px 0 5px;
        position: absolute;
        z-index: 1000;
    }
    .contents_title_main {
        margin-top: 100px;
    }
}
.contents_title {
    margin-top: 150px;
}
.contents_title_main h1,
.contents_title h2,
.contents_title h3 {
    margin-top: 5px;
    padding-top: 5px;
    font-size: 100%;
}
.sub_title {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 130%;
}
.insert_image {
    margin: 50px 0;
}
.insert_image img {
    width: 100%;
}
@media screen and (max-width: 959px) {
    .insert_image img {
        height: 50vh;
        object-fit: cover;
    }
}

/*=================================
 商品詳細
==================================*/
/*商品詳細商品名*/
.ec-productRole__profile .ec-productRole__title > .ec-headingTitle {
    font-size: 140%;
}
/*商品詳細商品コード*/
.ec-productRole__profile .ec-productRole__code {
    font-size: 80%;
}
/*商品詳細商品概要(新規追加項目)*/
.ec-productRole .ec-productRole__description_overview {
    padding: 14px 0;
    border-bottom: 1px dotted #ccc;
}
/*商品詳細販売価格「価格」テキスト*/
.ec-price .salesprice_title {
    font-size: 50%;
}
/*商品詳細価格*/
.ec-productRole__price .ec-price .ec-price__price {
    color: #c21a1a;
}
@media screen and (max-width: 959px) {
    .ec-productRole__price .ec-price .ec-price__price {
        font-size: 120%;
    }
}
/*商品詳細販売価格「(税込)」テキスト*/
.ec-productRole__priceRegularTax {
    font-size: 50%;
}
/*商品詳細税抜販売価格*/
.ec-price .salesprice_outoftax {
    margin-left: 1em;
    color: #888;
    font-size: 55%;
}
.ec-productRole__title .ec-headingTitle {
    font-size: 90%;
}
.ec-totalBox {
    background-color: #fff8de;
    border: 1px solid #ffa800;
}
.ec-secHeading {
    border-bottom: 1px solid #777;
}
.ec-productRole__profile .ec-productRole__title .ec-headingTitle {
    margin-top: 20px;
}
.ec-productRole__description {
    margin-top:50px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}
#favorite {
    background-color: #f7931e;
    border-color: #ce7c1b;
}
.ec-inlineBtn--cancel,
.ec-inlineBtn--action {
    font-weight: normal;
}
.ec-productRole__actions .ec-numberInput {
    margin-top: 10px;
}
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .item_visual {
    margin-top: 10px;
}
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .item_nav {
    width: 100%;
}
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .slideThumb {
    width: calc(calc(100% - 18px) / 4);
    margin-right: 6px;
    border: 1px solid #eecece;
}
*::-ms-backdrop, .ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .slideThumb {
    width: calc(25% - 18px); /* IE11 */
}
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .slideThumb:nth-child(4n) {
    margin-right: 0;
}
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .item_nav img {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .ec-productRole .ec-grid2 .ec-grid2__cell:first-child {
        width: 60%;
    }
    .ec-productRole .ec-grid2 .ec-grid2__cell:last-child {
        width: 40%;
    }
}



/*=================================
 かごの中
==================================*/
.amazonpay_button {margin-top: 15px;}
@media screen and (min-width: 960px) {
    .amazonpay_button {width: 315px;}
}
@media screen and (max-width: 959px) {
    .amazonpay_button {width: 100%;}
}



/*=================================
 商品購入フロー
==================================*/
.deliveryBtn {
    font-weight: 300;
    color: #fff;
    background-color: #f75e01;
}
.ec-orderDelivery__one {
    padding: 15px;
}
.ec-orderDelivery__one:nth-child(odd) {
    background-color: #f9f9f9;
}
.ec-orderDelivery__title {
    border-top: 1px dotted #333;
}
.ec-radio .PaymentList {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 2px dotted #000;
    display: flex;
    align-items: flex-start;
    word-break: break-all;
    justify-content: space-between;
}
.PaymentList > div {width: 50%;}
.shipping_box {
    margin-bottom: 30px;
    padding: 15px;
}
.shipping_box:nth-child(even) {
    border: 1px solid #000;
}
.shipping_box:nth-child(odd) {
    border: 1px solid #000;
}
.ec-imageGrid {
    border-top: none;
}
.ec-orderDelivery__change  {
    padding-bottom: 10px;
    clear: both;
}
.ec-orderDelivery__actions {
    padding-top: 15px;
    border-top: 1px dotted #CCC;
}
.ec-orderDelivery__actions p {
    margin-bottom: 0.5em;
}
.ec-orderDelivery .ec-orderDelivery__change {
    position: static;
}
@media screen and (min-width: 960px) {
    .ec-orderDelivery .ec-orderDelivery__buttonarea {overflow: hidden;}
    .ec-orderDelivery .ec-orderDelivery__change {
        float: right;
    }
    .ec-orderDelivery .ec-orderDelivery__edit {
        margin-bottom: 15px;
    }
}
#shopping_order_use_point {width: 15%;}
.ec-totalBox {
    background-color: #EEE;
    border-color: #000;
}
#coupon {clear: both;}



/*=================================
 よくある質問
==================================*/
.textlist {
    margin: 20px 0 0 0;
}
.textlist dt, .textlist dd {
    margin-left: 2em;
    padding: 4px 8px;
    line-height: 1.6;
    position: relative;
}
.textlist dt {
    font-size: 110%;
    color: #FFF;
    counter-increment: dt;
    border: 2px solid #000;
    background-color: #000;
}
.textlist dt:before {
    content: counter(dt);
    position: absolute;
    top: -2px;
    left: -2em;
    width: 2em;
    padding: 5px 0;
    color: #333;
    background: #FFF;
    border: 1px solid #000;
    text-align: center;
}
.textlist dd {
    font-size: 120%;
    margin-bottom: 2em;
}
.textlist dd p {
    margin-bottom: 1em;
}
#payment label {
    font-weight: bold;
}



/*=================================
 個人情報保護方針
==================================*/
#numlist {
    margin-top: 30px;
}
#numlist dt:before {
    content: counter(dt);
    position: absolute;
    top: -2px;
    left: -2em;
    width: 2em;
    padding: 4px 0;
    border-top: 2px solid #888;
    color: #fff;
    background: #888;
    font-weight: bold;
    text-align: center;
}
#numlist dt {
    margin: 0 0 5px 2em;
    padding: 5px 8px;
    counter-increment: dt;
    position: relative;
    border-top: 2px solid #888;
}
#numlist dd {
    margin-left: 2.5em;
    margin-bottom: 1.5em;
}



/*=================================
 熨斗の種類
==================================*/
#modal-content_wrapping dt {
    font-size: 120%;
    background-color: #f5f5f5;
    text-align: center;
}
#modal-content_wrapping dt,
#modal-content_wrapping dd {
    padding-top: 10px;
    padding-bottom: 10px;
}
#modal-content_wrapping dd img {
    width: 100%;
}
@media screen and (min-width: 960px) {
    #modal-content_wrapping dl {
        width: calc(calc(100% - 30px) / 4);
        margin-right: 10px;
        border: 1px solid #bbb;
        float: left;
    }
    #modal-content_wrapping dl:nth-child(4) {
        margin-right: 0;
    }
    #modal-content_wrapping dt,
    #modal-content_wrapping dd {
        min-height: 50px;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
    }
}
@media screen and (max-width: 959px) {
    #modal-content_wrapping dl {
        padding-bottom: 10px;
        border-bottom: 1px solid #bbb;
    }
}



/*=================================
 送料・配送について
==================================*/
.postage_datalist {
    margin-bottom: 50px;
    max-width: calc(100% - 5px);
    display: flex;
    flex-flow: wrap;
}
.postage_datalist dt,
.postage_datalist dd {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #777;
    border-left: 1px solid #777;
    display: flex;
    justify-content: center;
    align-items: center;
}
.postage_datalist dt {
    text-align: center;
    border-top: 1px solid #777;
}
.postage_datalist dt:nth-of-type(4n - 3),
.postage_datalist dd:nth-of-type(4n - 3) {
    width: 55%;
    padding-left: 30px;
    justify-content: flex-start;
}
.postage_datalist dt:nth-of-type(n+2),
.postage_datalist dd:nth-of-type(4n - 2),
.postage_datalist dd:nth-of-type(4n - 1),
.postage_datalist dd:nth-of-type(4n) {
    width: 15%;
}
.postage_datalist dd:nth-of-type(4n - 2),
.postage_datalist dd:nth-of-type(4n - 1) {
    text-align: right;
}
.postage_datalist dt:nth-child(4n),
.postage_datalist dd:nth-child(4n) {
    border-right: 1px solid #777;
}



/*=================================
 パスワード再設定
==================================*/
#explanation {
    font-size: 130%;
}
#explanation_box img {
    width: 100%;
    margin-bottom: 5px;
    border: 2px solid #888;
}
#explanation_box dt {
    margin-top: 60px;
}
#explanation_box dd {
    line-height: 2;
}
@media screen and (min-width: 960px) {
    #explanation_box dt {
        font-size: 160%;
        font-weight: bold;
    }
}
@media screen and (max-width: 959px) {
    #explanation_box dt {
        font-size: 120%;
    }
}



/*=================================
 当店について
==================================*/
#page_help_about h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}



/*=================================
 プライバシーポリシー
==================================*/
#page_help_privacy h2 {
    margin-bottom: 15px;
    font-size: 150%;
}



/*=================================
 受賞歴
==================================*/
#award_data .list_left {
    width: 80%;
    margin: 0 auto;
}
#award_data dt,
#award_data dd {
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #707070;
}
#award_data dt {
    width: 30%;
    font-weight: normal;
}
#award_data dd {
    width: 70%;
}
#award_data dt:nth-of-type(2n),
#award_data dd:nth-of-type(2n) {
    background-color: #F7F7F7;
}



/*=================================
 おすすめ
==================================*/
#recommend #intro .illust {
    width: auto;
    margin: 20px auto;
    zoom: 0.8;
    display: flex;
    justify-content: center;
}
#recommend #intro .button_bottom {
    width: calc(100% - 20px);
}
#recommend #intro .button_one_full {
    width: calc(100% - 40px);
}
#recommend #intro table th {
    text-align: center;
    font-weight: normal;
}
#recommend #intro table td {
    padding: 10px;
}
@media screen and (min-width: 960px) {
    #recommend #intro .list_left > div:first-child {width: 15%;}
    #recommend #intro .list_left > div:last-child {width: 85%;}
}
@media screen and (max-width: 959px) {
    #recommend #intro .list_left > div:first-child {width: 20%;}
    #recommend #intro .list_left > div:last-child {width: 80%; overflow-x: auto;}
}
#recommend #intro .list_left div:first-child table,
#recommend #intro .list_left div:last-child table {
    width: 100%;
}
#recommend #intro .list_left div:last-child table {
    min-width: 900px;
}
#recommend #intro .list_left div:last-child td {
    min-width: 300px;
}
#recommend #intro .list_left div:first-child th {
    border: 1px solid #CCC;
}
#recommend #intro .list_left div:last-child tr th:first-child,
#recommend #intro .list_left div:last-child tr td:first-child {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
#recommend #intro .list_left div:last-child tr th:nth-child(n+2),
#recommend #intro .list_left div:last-child tr td:nth-child(n+2) {
    border: 1px solid #CCC;
}
#recommend #intro .list_left > div:first-child tr:nth-of-type(1) th {height: 50px;}
#recommend #intro .list_left > div:first-child tr:nth-of-type(2) th {height: 480px;}
#recommend #intro .list_left > div:first-child tr:nth-of-type(3) th {height: 60px;}
#recommend #intro .list_left > div:first-child tr:nth-of-type(4) th {height: 60px;}
#recommend #intro .list_left > div:first-child tr:nth-of-type(5) th {height: 60px;}
#recommend #intro .list_left > div:first-child tr:nth-of-type(6) th {height: 60px;}
#recommend #intro .list_left > div:first-child tr:nth-of-type(7) th {height: 70px;}
#recommend #intro .list_left > div:first-child tr:nth-of-type(8) th {height: 300px;}

#recommend #intro .list_left > div:last-child th {height: 50px;}
#recommend #intro .list_left > div:last-child tr:nth-child(2) td {height: 480px; vertical-align: top; position: relative;}
#recommend #intro .list_left > div:last-child tr:nth-child(3) td {height: 60px; text-align: center;}
#recommend #intro .list_left > div:last-child tr:nth-child(4) td {height: 60px; text-align: center;}
#recommend #intro .list_left > div:last-child tr:nth-child(5) td {height: 60px; text-align: center;}
#recommend #intro .list_left > div:last-child tr:nth-child(6) td {height: 60px; text-align: center;}
#recommend #intro .list_left > div:last-child tr:nth-child(7) td {height: 70px; text-align: center;}
#recommend #intro .list_left > div:last-child tr:nth-child(8) td {height: 300px; vertical-align: top;}

#recommend #enjoy .list_between_pc {
    margin-top: 50px;
}
#recommend #enjoy .list_between_pc:nth-of-type(3) > div:nth-child(2),
#recommend #enjoy .list_between_pc:nth-of-type(4) > div:nth-child(2) {
    width: 200px;
}
#recommend #enjoy .circle {
    width: 100px;
    height: 100px;
    text-align: center;
    color: #fff;
    font-size: 130%;
    border-radius: 50%;
}
#recommend #enjoy .circle span {
    border-bottom: 1px solid #fff;
}
@media screen and (min-width: 960px) {
    #recommend #enjoy .enjoy_descrip {
        margin-left: 20px;
    }
    #recommend #enjoy .enjoy_descrip:nth-of-type(1) {
        width: 500px;
    }
    #recommend #enjoy .enjoy_descrip:nth-of-type(n+2) {
        width: 700px;
    }
}
@media screen and (max-width: 959px) {
    #recommend #enjoy .circle {
        margin: 20px 0;
    }
    #recommend #enjoy .enjoy_descrip {
        width: 100%;
    }
}



/*=================================
 ゆばのお話
==================================*/
/*
.about section:nth-of-type(1),
.about section:nth-of-type(1) .list_between_pc {
    margin-bottom: 120px;
}
*/
.about h2 {
    margin-bottom: 1em;
}
.about section:nth-of-type(1) .list_between_pc div:nth-of-type(2) {
    margin-top: 70px;
}
.about section:nth-of-type(2) {
    margin-top: 120px;
}
@media screen and (min-width: 960px) {
    .about section:nth-of-type(1) .list_between_pc div:nth-of-type(1) {
        width: 60%;
    }
    .about section:nth-of-type(1) .list_between_pc div:nth-of-type(2) {
        width: 40%;
    }
    .about section:nth-of-type(2) .list_between_pc div:nth-of-type(1) {
        width: 40%;
    }
    .about section:nth-of-type(2) .list_between_pc div:nth-of-type(2) {
        width: 60%;
    }
}
@media screen and (max-width: 959px) {
}



/*=================================
 ゆば八のお話
==================================*/
.yubahachi h2 {
    margin-bottom: 1em;
}
.yubahachi section:nth-of-type(1),
.yubahachi section:nth-of-type(1) .list_between_pc {
    margin-bottom: 120px;
}
.yubahachi section:nth-of-type(1) .list_between_pc div:nth-of-type(2) {
    margin-top: 70px;
}
.yubahachi section:nth-of-type(2) {
    margin-top: 120px;
}
@media screen and (min-width: 960px) {
    .yubahachi section:nth-of-type(1) .list_between_pc div:nth-of-type(1) {
        width: 60%;
    }
    .yubahachi section:nth-of-type(1) .list_between_pc div:nth-of-type(2) {
        width: 40%;
    }
    .yubahachi section:nth-of-type(2) .list_between_pc div:nth-of-type(1) {
        width: 40%;
    }
    .yubahachi section:nth-of-type(2) .list_between_pc div:nth-of-type(2) {
        width: 60%;
    }
}
@media screen and (max-width: 959px) {
}



/*********************************************************************
 基本レイアウト
**********************************************************************/

/********** margin **********/
.m0 {margin:0;}
.m1 {margin:1px;}
.m2 {margin:2px;}
.m3 {margin:3px;}
.m4 {margin:4px;}
.m5 {margin:5px;}
.m10 {margin:10px;}
.m20 {margin:20px;}
.m30 {margin:30px;}
.m40 {margin:40px;}
.m50 {margin:50px;}

.mt0 {margin-top:0;}
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt200 {margin-top:200px;}
.mt300 {margin-top:300px;}

.mb0 {margin-bottom:0;}
.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb200 {margin-bottom:200px;}
.mb300 {margin-bottom:300px;}

.ml0 {margin-left:0;}
.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}
.ml200 {margin-left:200px;}
.ml300 {margin-left:300px;}

.mr0 {margin-right:0;}
.mr1 {margin-right:1px;}
.mr2 {margin-right:2px;}
.mr3 {margin-right:3px;}
.mr4 {margin-right:4px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}
.mr200 {margin-right:200px;}
.mr300 {margin-right:300px;}

.mt1e {margin-top:1em;}
.mt2e {margin-top:2em;}
.mt3e {margin-top:3em;}
.mt4e {margin-top:4em;}
.mt5e {margin-top:5em;}

.mb1e {margin-bottom:1em;}
.mb2e {margin-bottom:2em;}
.mb3e {margin-bottom:3em;}
.mb4e {margin-bottom:4em;}
.mb5e {margin-bottom:5em;}

.ml1e {margin-left:1em;}
.ml2e {margin-left:2em;}
.ml3e {margin-left:3em;}
.ml4e {margin-left:4em;}
.ml5e {margin-left:5em;}

.mr1e {margin-right:1em;}
.mr2e {margin-right:2em;}
.mr3e {margin-right:3em;}
.mr4e {margin-right:4em;}
.mr5e {margin-right:5em;}

/********** padding **********/
.p0 {padding:0;}
.p1 {padding:1px;}
.p2 {padding:2px;}
.p3 {padding:3px;}
.p4 {padding:4px;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:50px;}

.pt0 {padding-top:0;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

.pb0 {padding-bottom:0;}
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}

.pl0 {padding-left:0;}
.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}

.pr0 {padding-right:0;}
.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}

.pt1e {padding-top:1em;}
.pt2e {padding-top:2em;}
.pt3e {padding-top:3em;}
.pt4e {padding-top:4em;}
.pt5e {padding-top:5em;}

.pb1e {padding-bottom:1em;}
.pb2e {padding-bottom:2em;}
.pb3e {padding-bottom:3em;}
.pb4e {padding-bottom:4em;}
.pb5e {padding-bottom:5em;}

.pl1e {padding-left:1em;}
.pl2e {padding-left:2em;}
.pl3e {padding-left:3em;}
.pl4e {padding-left:4em;}
.pl5e {padding-left:5em;}

.pr1e {padding-right:1em;}
.pr2e {padding-right:2em;}
.pr3e {padding-right:3em;}
.pr4e {padding-right:4em;}
.pr5e {padding-right:5em;}

/********** width **********/
.w100px {width:100px;}
.w150px {width:150px;}
.w200px {width:200px;}
.w250px {width:250px;}
.w300px {width:300px;}
.w350px {width:350px;}
.w400px {width:400px;}
.w450px {width:450px;}
.w500px {width:500px;}
.w550px {width:550px;}
.w600px {width:600px;}
.w650px {width:650px;}
.w700px {width:700px;}
.w750px {width:750px;}
.w800px {width:800px;}
.w850px {width:850px;}
.w900px {width:900px;}
.w950px {width:950px;}

.w10pc {width:10%;}
.w20pc {width:20%;}
.w30pc {width:30%;}
.w40pc {width:40%;}
.w50pc {width:50%;}
.w60pc {width:60%;}
.w70pc {width:70%;}
.w80pc {width:80%;}
.w90pc {width:90%;}
.w100pc {width:100%;}

.w10v {width:10vw;}
.w20v {width:20vw;}
.w30v {width:30vw;}
.w40v {width:40vw;}
.w50v {width:50vw;}
.w60v {width:60vw;}
.w70v {width:70vw;}
.w80v {width:80vw;}
.w90v {width:90vw;}
.w100v {width:100vw;}

/***** height *****/
.h100px {height:100px;}
.h150px {height:150px;}
.h200px {height:200px;}
.h250px {height:250px;}
.h300px {height:300px;}
.h350px {height:350px;}
.h400px {height:400px;}
.h450px {height:450px;}
.h500px {height:500px;}
.h550px {height:550px;}
.h600px {height:600px;}
.h650px {height:650px;}
.h700px {height:700px;}
.h750px {height:750px;}
.h800px {height:800px;}
.h850px {height:850px;}
.h900px {height:900px;}
.h950px {height:950px;}

.h10pc {height:10%;}
.h20pc {height:20%;}
.h30pc {height:30%;}
.h40pc {height:40%;}
.h50pc {height:50%;}
.h60pc {height:60%;}
.h70pc {height:70%;}
.h80pc {height:80%;}
.h90pc {height:90%;}
.h100pc {height:100%;}

.h10v {height:10vh;}
.h20v {height:20vh;}
.h30v {height:30vh;}
.h40v {height:40vh;}
.h50v {height:50vh;}
.h60v {height:60vh;}
.h70v {height:70vh;}
.h80v {height:80vh;}
.h90v {height:90vh;}
.h100v {height:100vh;}

/********** font size **********/
.fs_50pc {font-size:50%;}
.fs_60pc {font-size:60%;}
.fs_70pc {font-size:70%;}
.fs_80pc {font-size:80%;}
.fs_90pc {font-size:90%;}
.fs_100pc {font-size:100%;}
.fs_110pc {font-size:110%;}
.fs_120pc {font-size:120%;}
.fs_130pc {font-size:130%;}
.fs_140pc {font-size:140%;}
.fs_150pc {font-size:150%;}
.fs_160pc {font-size:160%;}
.fs_170pc {font-size:170%;}
.fs_180pc {font-size:180%;}
.fs_190pc {font-size:190%;}
.fs_200pc {font-size:200%;}
.fs_210pc {font-size:210%;}
.fs_220pc {font-size:220%;}
.fs_230pc {font-size:230%;}
.fs_240pc {font-size:240%;}
.fs_250pc {font-size:250%;}
.fs_260pc {font-size:260%;}
.fs_270pc {font-size:270%;}
.fs_280pc {font-size:280%;}
.fs_290pc {font-size:290%;}
.fs_300pc {font-size:300%;}
.fs_310pc {font-size:310%;}
.fs_320pc {font-size:320%;}
.fs_330pc {font-size:330%;}
.fs_340pc {font-size:340%;}
.fs_350pc {font-size:350%;}
.fs_360pc {font-size:360%;}
.fs_370pc {font-size:370%;}
.fs_380pc {font-size:380%;}
.fs_390pc {font-size:390%;}
.fs_400pc {font-size:400%;}
.fs_410pc {font-size:410%;}
.fs_420pc {font-size:420%;}
.fs_430pc {font-size:430%;}
.fs_440pc {font-size:440%;}
.fs_450pc {font-size:450%;}
.fs_460pc {font-size:460%;}
.fs_470pc {font-size:470%;}
.fs_480pc {font-size:480%;}
.fs_490pc {font-size:490%;}
.fs_500pc {font-size:500%;}

.fs_xs,
.fs_s,
.fs_l,
.fs_xl,
.fs_xxl,
.fs_xxxl {font-weight: inherit;}
.fs_xs {font-size: 70%;}
.fs_s {font-size: 90%;}
.fs_l {font-size: 120%;}
.fs_xl {font-size: 150%;}
.fs_xxl {font-size: 200%;}
.fs_xxxl {font-size: 300%;}

/********** line-height **********/
.lh_1 {line-height: 1;}
.lh_1q {line-height: 1.25;}
.lh_1h {line-height: 1.5;}
.lh_2 {line-height: 2;}
.lh_2q {line-height: 2.25;}
.lh_2h {line-height: 2.5;}

/********** box position **********/
.pparent {width:100%; overflow:hidden;}
.pchildl {float: left;}
.pchildr {float: right;}

/********** flex box **********/
.list_wrap {flex-wrap: wrap;}
.list_horizontal {align-items: center;}
.list_start {align-items: flex-start;}
.list_stretch {align-items: stretch;}

.list_left,
.list_right,
.list_center,
.list_around,
.list_between {display: flex; word-break: break-all;}
.list_right {justify-content: flex-end;}
.list_center {justify-content: center;}
.list_around {justify-content: space-around;}
.list_between {justify-content: space-between;}

/********** side by side list ***********/
.sbs,
.sbs > dt,
.sbs > dd {box-sizing: border-box;}
.sbs {display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd;}

/********** position **********/
.a_center {margin-left: auto; margin-right: auto;}
.a_right {margin-left: auto; margin-right: 0;}

/********** text align **********/
.ta_left {text-align: left;}
.ta_center {text-align: center;}
.ta_right {text-align: right;}

/********** text indent **********/
.txtindent {margin-left:-1em; text-indent:1em;}

/********** new line **********/
.br {display: none;}
.br_pc,
.br_sp {font-size: inherit;}

/********** clear **********/
.clearl {clear:left;}
.clearr {clear:right;}
.clearfix {overflow:hidden; clear:both;}

/********** new line **********/
.slash,
.slash_pc,
.slash_sp {font-size: inherit;}

/********** boxfit image **********/
.img_cover {
    width: 100%;
    object-fit: cover;
}

/********** font weight **********/
.fw_normal {font-weight: normal;}
.fw_bold {font-weight: bold;}

/********** other **********/
.pfixed {position:fixed;}

/********** image size **********/
.img09z {zoom: 0.9;}
.img08z {zoom: 0.8;}
.img07z {zoom: 0.7;}
.img06z {zoom: 0.6;}
.img05z {zoom: 0.5;}

.img100 {width: 100%;}
.img90 {width: 90%;}
.img80 {width: 80%;}
.img70 {width: 70%;}
.img60 {width: 60%;}
.img50 {width: 50%;}

/**********  visible **********/
.display_none {display: none;}



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

 for PC Layout

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

@media screen and (min-width: 960px) {
/********** margin **********/
    .m0_pc {margin:0;}
    .m1_pc {margin:1px;}
    .m2_pc {margin:2px;}
    .m3_pc {margin:3px;}
    .m4_pc {margin:4px;}
    .m5_pc {margin:5px;}
    .m10_pc {margin:10px;}
    .m20_pc {margin:20px;}
    .m30_pc {margin:30px;}
    .m40_pc {margin:40px;}
    .m50_pc {margin:50px;}

    .mt0_pc {margin-top:0;}
    .mt1_pc {margin-top:1px;}
    .mt2_pc {margin-top:2px;}
    .mt3_pc {margin-top:3px;}
    .mt4_pc {margin-top:4px;}
    .mt5_pc {margin-top:5px;}
    .mt10_pc {margin-top:10px;}
    .mt15_pc {margin-top:15px;}
    .mt20_pc {margin-top:20px;}
    .mt25_pc {margin-top:25px;}
    .mt30_pc {margin-top:30px;}
    .mt35_pc {margin-top:35px;}
    .mt40_pc {margin-top:40px;}
    .mt45_pc {margin-top:45px;}
    .mt50_pc {margin-top:50px;}
    .mt60_pc {margin-top:60px;}
    .mt70_pc {margin-top:70px;}
    .mt80_pc {margin-top:80px;}
    .mt90_pc {margin-top:90px;}
    .mt100_pc {margin-top:100px;}
    .mt200_pc {margin-top:200px;}
    .mt300_pc {margin-top:300px;}

    .mb0_pc {margin-bottom:0;}
    .mb1_pc {margin-bottom:1px;}
    .mb2_pc {margin-bottom:2px;}
    .mb3_pc {margin-bottom:3px;}
    .mb4_pc {margin-bottom:4px;}
    .mb5_pc {margin-bottom:5px;}
    .mb10_pc {margin-bottom:10px;}
    .mb15_pc {margin-bottom:15px;}
    .mb20_pc {margin-bottom:20px;}
    .mb25_pc {margin-bottom:25px;}
    .mb30_pc {margin-bottom:30px;}
    .mb35_pc {margin-bottom:35px;}
    .mb40_pc {margin-bottom:40px;}
    .mb45_pc {margin-bottom:45px;}
    .mb50_pc {margin-bottom:50px;}
    .mb60_pc {margin-bottom:60px;}
    .mb70_pc {margin-bottom:70px;}
    .mb80_pc {margin-bottom:80px;}
    .mb90_pc {margin-bottom:90px;}
    .mb100_pc {margin-bottom:100px;}
    .mb200_pc {margin-bottom:200px;}
    .mb300_pc {margin-bottom:300px;}

    .ml0_pc {margin-left:0;}
    .ml1_pc {margin-left:1px;}
    .ml2_pc {margin-left:2px;}
    .ml3_pc {margin-left:3px;}
    .ml4_pc {margin-left:4px;}
    .ml5_pc {margin-left:5px;}
    .ml10_pc {margin-left:10px;}
    .ml15_pc {margin-left:15px;}
    .ml20_pc {margin-left:20px;}
    .ml25_pc {margin-left:25px;}
    .ml30_pc {margin-left:30px;}
    .ml35_pc {margin-left:35px;}
    .ml40_pc {margin-left:40px;}
    .ml45_pc {margin-left:45px;}
    .ml50_pc {margin-left:50px;}
    .ml60_pc {margin-left:60px;}
    .ml70_pc {margin-left:70px;}
    .ml80_pc {margin-left:80px;}
    .ml90_pc {margin-left:90px;}
    .ml100_pc {margin-left:100px;}
    .ml200_pc {margin-left:200px;}
    .ml300_pc {margin-left:300px;}

    .mr0_pc {margin-right:0;}
    .mr1_pc {margin-right:1px;}
    .mr2_pc {margin-right:2px;}
    .mr3_pc {margin-right:3px;}
    .mr4_pc {margin-right:4px;}
    .mr5_pc {margin-right:5px;}
    .mr10_pc {margin-right:10px;}
    .mr15_pc {margin-right:15px;}
    .mr20_pc {margin-right:20px;}
    .mr25_pc {margin-right:25px;}
    .mr30_pc {margin-right:30px;}
    .mr35_pc {margin-right:35px;}
    .mr40_pc {margin-right:40px;}
    .mr45_pc {margin-right:45px;}
    .mr50_pc {margin-right:50px;}
    .mr60_pc {margin-right:60px;}
    .mr70_pc {margin-right:70px;}
    .mr80_pc {margin-right:80px;}
    .mr90_pc {margin-right:90px;}
    .mr100_pc {margin-right:100px;}
    .mr200_pc {margin-right:200px;}
    .mr300_pc {margin-right:300px;}

    .mt1e_pc {margin-top:1em;}
    .mt2e_pc {margin-top:2em;}
    .mt3e_pc {margin-top:3em;}
    .mt4e_pc {margin-top:4em;}
    .mt5e_pc {margin-top:5em;}

    .mb1e_pc {margin-bottom:1em;}
    .mb2e_pc {margin-bottom:2em;}
    .mb3e_pc {margin-bottom:3em;}
    .mb4e_pc {margin-bottom:4em;}
    .mb5e_pc {margin-bottom:5em;}

    .ml1e_pc {margin-left:1em;}
    .ml2e_pc {margin-left:2em;}
    .ml3e_pc {margin-left:3em;}
    .ml4e_pc {margin-left:4em;}
    .ml5e_pc {margin-left:5em;}

    .mr1e_pc {margin-right:1em;}
    .mr2e_pc {margin-right:2em;}
    .mr3e_pc {margin-right:3em;}
    .mr4e_pc {margin-right:4em;}
    .mr5e_pc {margin-right:5em;}

/********** padding **********/
    .p0_pc {padding:0;}
    .p1_pc {padding:1px;}
    .p2_pc {padding:2px;}
    .p3_pc {padding:3px;}
    .p4_pc {padding:4px;}
    .p5_pc {padding:5px;}
    .p10_pc {padding:10px;}
    .p20_pc {padding:20px;}
    .p30_pc {padding:30px;}
    .p40_pc {padding:40px;}
    .p50_pc {padding:50px;}

    .pt0_pc {padding-top:0;}
    .pt1_pc {padding-top:1px;}
    .pt2_pc {padding-top:2px;}
    .pt3_pc {padding-top:3px;}
    .pt4_pc {padding-top:4px;}
    .pt5_pc {padding-top:5px;}
    .pt10_pc {padding-top:10px;}
    .pt20_pc {padding-top:20px;}
    .pt30_pc {padding-top:30px;}
    .pt40_pc {padding-top:40px;}
    .pt50_pc {padding-top:50px;}
    .pt60_pc {padding-top:60px;}
    .pt70_pc {padding-top:70px;}
    .pt80_pc {padding-top:80px;}
    .pt90_pc {padding-top:90px;}
    .pt100_pc {padding-top:100px;}

    .pb0_pc {padding-bottom:0;}
    .pb1_pc {padding-bottom:1px;}
    .pb2_pc {padding-bottom:2px;}
    .pb3_pc {padding-bottom:3px;}
    .pb4_pc {padding-bottom:4px;}
    .pb5_pc {padding-bottom:5px;}
    .pb10_pc {padding-bottom:10px;}
    .pb20_pc {padding-bottom:20px;}
    .pb30_pc {padding-bottom:30px;}
    .pb40_pc {padding-bottom:40px;}
    .pb50_pc {padding-bottom:50px;}
    .pb60_pc {padding-bottom:60px;}
    .pb70_pc {padding-bottom:70px;}
    .pb80_pc {padding-bottom:80px;}
    .pb90_pc {padding-bottom:90px;}
    .pb100_pc {padding-bottom:100px;}

    .pl0_pc {padding-left:0;}
    .pl1_pc {padding-left:1px;}
    .pl2_pc {padding-left:2px;}
    .pl3_pc {padding-left:3px;}
    .pl4_pc {padding-left:4px;}
    .pl5_pc {padding-left:5px;}
    .pl10_pc {padding-left:10px;}
    .pl20_pc {padding-left:20px;}
    .pl30_pc {padding-left:30px;}
    .pl40_pc {padding-left:40px;}
    .pl50_pc {padding-left:50px;}
    .pl60_pc {padding-left:60px;}
    .pl70_pc {padding-left:70px;}
    .pl80_pc {padding-left:80px;}
    .pl90_pc {padding-left:90px;}
    .pl100_pc {padding-left:100px;}

    .pr0_pc {padding-right:0;}
    .pr1_pc {padding-right:1px;}
    .pr2_pc {padding-right:2px;}
    .pr3_pc {padding-right:3px;}
    .pr4_pc {padding-right:4px;}
    .pr5_pc {padding-right:5px;}
    .pr10_pc {padding-right:10px;}
    .pr20_pc {padding-right:20px;}
    .pr30_pc {padding-right:30px;}
    .pr40_pc {padding-right:40px;}
    .pr50_pc {padding-right:50px;}
    .pr60_pc {padding-right:60px;}
    .pr70_pc {padding-right:70px;}
    .pr80_pc {padding-right:80px;}
    .pr90_pc {padding-right:90px;}
    .pr100_pc {padding-right:100px;}

    .pt1e_pc {padding-top:1em;}
    .pt2e_pc {padding-top:2em;}
    .pt3e_pc {padding-top:3em;}
    .pt4e_pc {padding-top:4em;}
    .pt5e_pc {padding-top:5em;}

    .pb1e_pc {padding-bottom:1em;}
    .pb2e_pc {padding-bottom:2em;}
    .pb3e_pc {padding-bottom:3em;}
    .pb4e_pc {padding-bottom:4em;}
    .pb5e_pc {padding-bottom:5em;}

    .pl1e_pc {padding-left:1em;}
    .pl2e_pc {padding-left:2em;}
    .pl3e_pc {padding-left:3em;}
    .pl4e_pc {padding-left:4em;}
    .pl5e_pc {padding-left:5em;}

    .pr1e_pc {padding-right:1em;}
    .pr2e_pc {padding-right:2em;}
    .pr3e_pc {padding-right:3em;}
    .pr4e_pc {padding-right:4em;}
    .pr5e_pc {padding-right:5em;}

/********** width **********/
    .w100px_pc {width:100px;}
    .w150px_pc {width:150px;}
    .w200px_pc {width:200px;}
    .w250px_pc {width:250px;}
    .w300px_pc {width:300px;}
    .w350px_pc {width:350px;}
    .w400px_pc {width:400px;}
    .w450px_pc {width:450px;}
    .w500px_pc {width:500px;}
    .w550px_pc {width:550px;}
    .w600px_pc {width:600px;}
    .w650px_pc {width:650px;}
    .w700px_pc {width:700px;}
    .w750px_pc {width:750px;}
    .w800px_pc {width:800px;}
    .w850px_pc {width:850px;}
    .w900px_pc {width:900px;}
    .w950px_pc {width:950px;}

    .w10pc_pc {width:10%;}
    .w20pc_pc {width:20%;}
    .w30pc_pc {width:30%;}
    .w40pc_pc {width:40%;}
    .w50pc_pc {width:50%;}
    .w60pc_pc {width:60%;}
    .w70pc_pc {width:70%;}
    .w80pc_pc {width:80%;}
    .w90pc_pc {width:90%;}
    .w100pc_pc {width:100%;}

    .w10v_pc {width:10vw;}
    .w20v_pc {width:20vw;}
    .w30v_pc {width:30vw;}
    .w40v_pc {width:40vw;}
    .w50v_pc {width:50vw;}
    .w60v_pc {width:60vw;}
    .w70v_pc {width:70vw;}
    .w80v_pc {width:80vw;}
    .w90v_pc {width:90vw;}
    .w100v_pc {width:100vw;}

/********** height **********/
    .h100px_pc {height:100px;}
    .h150px_pc {height:150px;}
    .h200px_pc {height:200px;}
    .h250px_pc {height:250px;}
    .h300px_pc {height:300px;}
    .h350px_pc {height:350px;}
    .h400px_pc {height:400px;}
    .h450px_pc {height:450px;}
    .h500px_pc {height:500px;}
    .h550px_pc {height:550px;}
    .h600px_pc {height:600px;}
    .h650px_pc {height:650px;}
    .h700px_pc {height:700px;}
    .h750px_pc {height:750px;}
    .h800px_pc {height:800px;}
    .h850px_pc {height:850px;}
    .h900px_pc {height:900px;}
    .h950px_pc {height:950px;}

    .h10pc_pc {height:10%;}
    .h20pc_pc {height:20%;}
    .h30pc_pc {height:30%;}
    .h40pc_pc {height:40%;}
    .h50pc_pc {height:50%;}
    .h60pc_pc {height:60%;}
    .h70pc_pc {height:70%;}
    .h80pc_pc {height:80%;}
    .h90pc_pc {height:90%;}
    .h100pc_pc {height:100%;}

    .h10v_pc {height:10vh;}
    .h20v_pc {height:20vh;}
    .h30v_pc {height:30vh;}
    .h40v_pc {height:40vh;}
    .h50v_pc {height:50vh;}
    .h60v_pc {height:60vh;}
    .h70v_pc {height:70vh;}
    .h80v_pc {height:80vh;}
    .h90v_pc {height:90vh;}
    .h100v_pc {height:100vh;}

/********** font size **********/
    .fs_50pc_pc {font-size:50%;}
    .fs_60pc_pc {font-size:60%;}
    .fs_70pc_pc {font-size:70%;}
    .fs_80pc_pc {font-size:80%;}
    .fs_90pc_pc {font-size:90%;}
    .fs_100pc_pc {font-size:100%;}
    .fs_110pc_pc {font-size:110%;}
    .fs_120pc_pc {font-size:120%;}
    .fs_130pc_pc {font-size:130%;}
    .fs_140pc_pc {font-size:140%;}
    .fs_150pc_pc {font-size:150%;}
    .fs_160pc_pc {font-size:160%;}
    .fs_170pc_pc {font-size:170%;}
    .fs_180pc_pc {font-size:180%;}
    .fs_190pc_pc {font-size:190%;}
    .fs_200pc_pc {font-size:200%;}
    .fs_210pc_pc {font-size:210%;}
    .fs_220pc_pc {font-size:220%;}
    .fs_230pc_pc {font-size:230%;}
    .fs_240pc_pc {font-size:240%;}
    .fs_250pc_pc {font-size:250%;}
    .fs_260pc_pc {font-size:260%;}
    .fs_270pc_pc {font-size:270%;}
    .fs_280pc_pc {font-size:280%;}
    .fs_290pc_pc {font-size:290%;}
    .fs_300pc_pc {font-size:300%;}
    .fs_310pc_pc {font-size:310%;}
    .fs_320pc_pc {font-size:320%;}
    .fs_330pc_pc {font-size:330%;}
    .fs_340pc_pc {font-size:340%;}
    .fs_350pc_pc {font-size:350%;}
    .fs_360pc_pc {font-size:360%;}
    .fs_370pc_pc {font-size:370%;}
    .fs_380pc_pc {font-size:380%;}
    .fs_390pc_pc {font-size:390%;}
    .fs_400pc_pc {font-size:400%;}
    .fs_410pc_pc {font-size:410%;}
    .fs_420pc_pc {font-size:420%;}
    .fs_430pc_pc {font-size:430%;}
    .fs_440pc_pc {font-size:440%;}
    .fs_450pc_pc {font-size:450%;}
    .fs_460pc_pc {font-size:460%;}
    .fs_470pc_pc {font-size:470%;}
    .fs_480pc_pc {font-size:480%;}
    .fs_490pc_pc {font-size:490%;}
    .fs_500pc_pc {font-size:500%;}

    .fs_xs_pc,
    .fs_s_pc,
    .fs_l_pc,
    .fs_xl_pc,
    .fs_xxl_pc,
    .fs_xxxl_pc {font-weight: inherit;}
    .fs_xs_pc {font-size: 70%;}
    .fs_s_pc {font-size: 90%;}
    .fs_l_pc {font-size: 120%;}
    .fs_xl_pc {font-size: 150%;}
    .fs_xxl_pc {font-size: 200%;}
    .fs_xxxl_pc {font-size: 300%;}

/********** flex box **********/
    .list_wrap_pc {flex-wrap: wrap;}
    .list_horizontal_pc {align-items: center;}
    .list_start_pc {align-items: flex-start;}
    .list_stretch_pc {align-items: stretch;}
    
    .list_left_pc,
    .list_right_pc,
    .list_center_pc,
    .list_around_pc,
    .list_between_pc {display: flex; word-break: break-all;}
    .list_right_pc {justify-content: flex-end;}
    .list_center_pc {justify-content: center;}
    .list_around_pc {justify-content: space-around;}
    .list_between_pc {justify-content: space-between;}


/********** box position **********/
    .pchildl_pc {float: left;}
    .pchildr_pc {float: right;}

/********** side by side list ***********/
    .sbs_pc,
    .sbs_pc > dt,
    .sbs_pc > dd {box-sizing: border-box;}
    .sbs_pc {display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd;}

/********** text align **********/
    .ta_left_pc {text-align: left;}
    .ta_center_pc {text-align: center;}
    .ta_right_pc {text-align: right;}

/********** text indent **********/
    .txtindent_pc::before {content: '　';}

/********** new line **********/
    .br_pc {font-size: inherit;}
    .br_sp {display: none;}

/********** slash **********/
    .slash_pc::after {content: '／';}

/********** visible **********/
    .display_sp {display: none;}
}





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

 for SmartPhone Layout

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

/********** margin **********/
@media screen and (max-width: 959px) {
    .m0_sp {margin:0;}
    .m1_sp {margin:1px;}
    .m2_sp {margin:2px;}
    .m3_sp {margin:3px;}
    .m4_sp {margin:4px;}
    .m5_sp {margin:5px;}
    .m10_sp {margin:10px;}
    .m20_sp {margin:20px;}
    .m30_sp {margin:30px;}
    .m40_sp {margin:40px;}
    .m50_sp {margin:50px;}

    .mt0_sp {margin-top:0;}
    .mt1_sp {margin-top:1px;}
    .mt2_sp {margin-top:2px;}
    .mt3_sp {margin-top:3px;}
    .mt4_sp {margin-top:4px;}
    .mt5_sp {margin-top:5px;}
    .mt10_sp {margin-top:10px;}
    .mt15_sp {margin-top:15px;}
    .mt20_sp {margin-top:20px;}
    .mt25_sp {margin-top:25px;}
    .mt30_sp {margin-top:30px;}
    .mt35_sp {margin-top:35px;}
    .mt40_sp {margin-top:40px;}
    .mt45_sp {margin-top:45px;}
    .mt50_sp {margin-top:50px;}
    .mt60_sp {margin-top:60px;}
    .mt70_sp {margin-top:70px;}
    .mt80_sp {margin-top:80px;}
    .mt90_sp {margin-top:90px;}
    .mt100_sp {margin-top:100px;}
    .mt200_sp {margin-top:200px;}
    .mt300_sp {margin-top:300px;}

    .mb0_sp {margin-bottom:0;}
    .mb1_sp {margin-bottom:1px;}
    .mb2_sp {margin-bottom:2px;}
    .mb3_sp {margin-bottom:3px;}
    .mb4_sp {margin-bottom:4px;}
    .mb5_sp {margin-bottom:5px;}
    .mb10_sp {margin-bottom:10px;}
    .mb15_sp {margin-bottom:15px;}
    .mb20_sp {margin-bottom:20px;}
    .mb25_sp {margin-bottom:25px;}
    .mb30_sp {margin-bottom:30px;}
    .mb35_sp {margin-bottom:35px;}
    .mb40_sp {margin-bottom:40px;}
    .mb45_sp {margin-bottom:45px;}
    .mb50_sp {margin-bottom:50px;}
    .mb60_sp {margin-bottom:60px;}
    .mb70_sp {margin-bottom:70px;}
    .mb80_sp {margin-bottom:80px;}
    .mb90_sp {margin-bottom:90px;}
    .mb100_sp {margin-bottom:100px;}
    .mb200_sp {margin-bottom:200px;}
    .mb300_sp {margin-bottom:300px;}

    .ml0_sp {margin-left:0;}
    .ml1_sp {margin-left:1px;}
    .ml2_sp {margin-left:2px;}
    .ml3_sp {margin-left:3px;}
    .ml4_sp {margin-left:4px;}
    .ml5_sp {margin-left:5px;}
    .ml10_sp {margin-left:10px;}
    .ml15_sp {margin-left:15px;}
    .ml20_sp {margin-left:20px;}
    .ml25_sp {margin-left:25px;}
    .ml30_sp {margin-left:30px;}
    .ml35_sp {margin-left:35px;}
    .ml40_sp {margin-left:40px;}
    .ml45_sp {margin-left:45px;}
    .ml50_sp {margin-left:50px;}
    .ml60_sp {margin-left:60px;}
    .ml70_sp {margin-left:70px;}
    .ml80_sp {margin-left:80px;}
    .ml90_sp {margin-left:90px;}
    .ml100_sp {margin-left:100px;}
    .ml200_sp {margin-left:200px;}
    .ml300_sp {margin-left:300px;}

    .mr0_sp {margin-right:0;}
    .mr1_sp {margin-right:1px;}
    .mr2_sp {margin-right:2px;}
    .mr3_sp {margin-right:3px;}
    .mr4_sp {margin-right:4px;}
    .mr5_sp {margin-right:5px;}
    .mr10_sp {margin-right:10px;}
    .mr15_sp {margin-right:15px;}
    .mr20_sp {margin-right:20px;}
    .mr25_sp {margin-right:25px;}
    .mr30_sp {margin-right:30px;}
    .mr35_sp {margin-right:35px;}
    .mr40_sp {margin-right:40px;}
    .mr45_sp {margin-right:45px;}
    .mr50_sp {margin-right:50px;}
    .mr60_sp {margin-right:60px;}
    .mr70_sp {margin-right:70px;}
    .mr80_sp {margin-right:80px;}
    .mr90_sp {margin-right:90px;}
    .mr100_sp {margin-right:100px;}
    .mr200_sp {margin-right:200px;}
    .mr300_sp {margin-right:300px;}

    .mt1e_sp {margin-top:1em;}
    .mt2e_sp {margin-top:2em;}
    .mt3e_sp {margin-top:3em;}
    .mt4e_sp {margin-top:4em;}
    .mt5e_sp {margin-top:5em;}

    .mb1e_sp {margin-bottom:1em;}
    .mb2e_sp {margin-bottom:2em;}
    .mb3e_sp {margin-bottom:3em;}
    .mb4e_sp {margin-bottom:4em;}
    .mb5e_sp {margin-bottom:5em;}

    .ml1e_sp {margin-left:1em;}
    .ml2e_sp {margin-left:2em;}
    .ml3e_sp {margin-left:3em;}
    .ml4e_sp {margin-left:4em;}
    .ml5e_sp {margin-left:5em;}

    .mr1e_sp {margin-right:1em;}
    .mr2e_sp {margin-right:2em;}
    .mr3e_sp {margin-right:3em;}
    .mr4e_sp {margin-right:4em;}
    .mr5e_sp {margin-right:5em;}

/********** padding **********/
    .p0_sp {padding:0;}
    .p1_sp {padding:1px;}
    .p2_sp {padding:2px;}
    .p3_sp {padding:3px;}
    .p4_sp {padding:4px;}
    .p5_sp {padding:5px;}
    .p10_sp {padding:10px;}
    .p20_sp {padding:20px;}
    .p30_sp {padding:30px;}
    .p40_sp {padding:40px;}
    .p50_sp {padding:50px;}

    .pt0_sp {padding-top:0;}
    .pt1_sp {padding-top:1px;}
    .pt2_sp {padding-top:2px;}
    .pt3_sp {padding-top:3px;}
    .pt4_sp {padding-top:4px;}
    .pt5_sp {padding-top:5px;}
    .pt10_sp {padding-top:10px;}
    .pt20_sp {padding-top:20px;}
    .pt30_sp {padding-top:30px;}
    .pt40_sp {padding-top:40px;}
    .pt50_sp {padding-top:50px;}
    .pt60_sp {padding-top:60px;}
    .pt70_sp {padding-top:70px;}
    .pt80_sp {padding-top:80px;}
    .pt90_sp {padding-top:90px;}
    .pt100_sp {padding-top:100px;}

    .pb0_sp {padding-bottom:0;}
    .pb1_sp {padding-bottom:1px;}
    .pb2_sp {padding-bottom:2px;}
    .pb3_sp {padding-bottom:3px;}
    .pb4_sp {padding-bottom:4px;}
    .pb5_sp {padding-bottom:5px;}
    .pb10_sp {padding-bottom:10px;}
    .pb20_sp {padding-bottom:20px;}
    .pb30_sp {padding-bottom:30px;}
    .pb40_sp {padding-bottom:40px;}
    .pb50_sp {padding-bottom:50px;}
    .pb60_sp {padding-bottom:60px;}
    .pb70_sp {padding-bottom:70px;}
    .pb80_sp {padding-bottom:80px;}
    .pb90_sp {padding-bottom:90px;}
    .pb100_sp {padding-bottom:100px;}

    .pl0_sp {padding-left:0;}
    .pl1_sp {padding-left:1px;}
    .pl2_sp {padding-left:2px;}
    .pl3_sp {padding-left:3px;}
    .pl4_sp {padding-left:4px;}
    .pl5_sp {padding-left:5px;}
    .pl10_sp {padding-left:10px;}
    .pl20_sp {padding-left:20px;}
    .pl30_sp {padding-left:30px;}
    .pl40_sp {padding-left:40px;}
    .pl50_sp {padding-left:50px;}
    .pl60_sp {padding-left:60px;}
    .pl70_sp {padding-left:70px;}
    .pl80_sp {padding-left:80px;}
    .pl90_sp {padding-left:90px;}
    .pl100_sp {padding-left:100px;}

    .pr0_sp {padding-right:0;}
    .pr1_sp {padding-right:1px;}
    .pr2_sp {padding-right:2px;}
    .pr3_sp {padding-right:3px;}
    .pr4_sp {padding-right:4px;}
    .pr5_sp {padding-right:5px;}
    .pr10_sp {padding-right:10px;}
    .pr20_sp {padding-right:20px;}
    .pr30_sp {padding-right:30px;}
    .pr40_sp {padding-right:40px;}
    .pr50_sp {padding-right:50px;}
    .pr60_sp {padding-right:60px;}
    .pr70_sp {padding-right:70px;}
    .pr80_sp {padding-right:80px;}
    .pr90_sp {padding-right:90px;}
    .pr100_sp {padding-right:100px;}

    .pt1e_sp {padding-top:1em;}
    .pt2e_sp {padding-top:2em;}
    .pt3e_sp {padding-top:3em;}
    .pt4e_sp {padding-top:4em;}
    .pt5e_sp {padding-top:5em;}

    .pb1e_sp {padding-bottom:1em;}
    .pb2e_sp {padding-bottom:2em;}
    .pb3e_sp {padding-bottom:3em;}
    .pb4e_sp {padding-bottom:4em;}
    .pb5e_sp {padding-bottom:5em;}

    .pl1e_sp {padding-left:1em;}
    .pl2e_sp {padding-left:2em;}
    .pl3e_sp {padding-left:3em;}
    .pl4e_sp {padding-left:4em;}
    .pl5e_sp {padding-left:5em;}

    .pr1e_sp {padding-right:1em;}
    .pr2e_sp {padding-right:2em;}
    .pr3e_sp {padding-right:3em;}
    .pr4e_sp {padding-right:4em;}
    .pr5e_sp {padding-right:5em;}

/********** width **********/
    .w100px_sp {width:100px;}
    .w150px_sp {width:150px;}
    .w200px_sp {width:200px;}
    .w250px_sp {width:250px;}
    .w300px_sp {width:300px;}
    .w350px_sp {width:350px;}
    .w400px_sp {width:400px;}
    .w450px_sp {width:450px;}
    .w500px_sp {width:500px;}
    .w550px_sp {width:550px;}
    .w600px_sp {width:600px;}
    .w650px_sp {width:650px;}
    .w700px_sp {width:700px;}
    .w750px_sp {width:750px;}
    .w800px_sp {width:800px;}
    .w850px_sp {width:850px;}
    .w900px_sp {width:900px;}
    .w950px_sp {width:950px;}

    .w10pc_sp {width:10%;}
    .w20pc_sp {width:20%;}
    .w30pc_sp {width:30%;}
    .w40pc_sp {width:40%;}
    .w50pc_sp {width:50%;}
    .w60pc_sp {width:60%;}
    .w70pc_sp {width:70%;}
    .w80pc_sp {width:80%;}
    .w90pc_sp {width:90%;}
    .w100pc_sp {width:100%;}

    .w10v_sp {width:10vw;}
    .w20v_sp {width:20vw;}
    .w30v_sp {width:30vw;}
    .w40v_sp {width:40vw;}
    .w50v_sp {width:50vw;}
    .w60v_sp {width:60vw;}
    .w70v_sp {width:70vw;}
    .w80v_sp {width:80vw;}
    .w90v_sp {width:90vw;}
    .w100v_sp {width:100vw;}

/********** height **********/
    .h100px_sp {height:100px;}
    .h150px_sp {height:150px;}
    .h200px_sp {height:200px;}
    .h250px_sp {height:250px;}
    .h300px_sp {height:300px;}
    .h350px_sp {height:350px;}
    .h400px_sp {height:400px;}
    .h450px_sp {height:450px;}
    .h500px_sp {height:500px;}
    .h550px_sp {height:550px;}
    .h600px_sp {height:600px;}
    .h650px_sp {height:650px;}
    .h700px_sp {height:700px;}
    .h750px_sp {height:750px;}
    .h800px_sp {height:800px;}
    .h850px_sp {height:850px;}
    .h900px_sp {height:900px;}
    .h950px_sp {height:950px;}

    .h10pc_sp {height:10%;}
    .h20pc_sp {height:20%;}
    .h30pc_sp {height:30%;}
    .h40pc_sp {height:40%;}
    .h50pc_sp {height:50%;}
    .h60pc_sp {height:60%;}
    .h70pc_sp {height:70%;}
    .h80pc_sp {height:80%;}
    .h90pc_sp {height:90%;}
    .h100pc_sp {height:100%;}

    .h10v_sp {height:10vh;}
    .h20v_sp {height:20vh;}
    .h30v_sp {height:30vh;}
    .h40v_sp {height:40vh;}
    .h50v_sp {height:50vh;}
    .h60v_sp {height:60vh;}
    .h70v_sp {height:70vh;}
    .h80v_sp {height:80vh;}
    .h90v_sp {height:90vh;}
    .h100v_sp {height:100vh;}

/********** font size **********/
    .fs_50pc_sp {font-size:50%;}
    .fs_60pc_sp {font-size:60%;}
    .fs_70pc_sp {font-size:70%;}
    .fs_80pc_sp {font-size:80%;}
    .fs_90pc_sp {font-size:90%;}
    .fs_100pc_sp {font-size:100%;}
    .fs_110pc_sp {font-size:110%;}
    .fs_120pc_sp {font-size:120%;}
    .fs_130pc_sp {font-size:130%;}
    .fs_140pc_sp {font-size:140%;}
    .fs_150pc_sp {font-size:150%;}
    .fs_160pc_sp {font-size:160%;}
    .fs_170pc_sp {font-size:170%;}
    .fs_180pc_sp {font-size:180%;}
    .fs_190pc_sp {font-size:190%;}
    .fs_200pc_sp {font-size:200%;}
    .fs_210pc_sp {font-size:210%;}
    .fs_220pc_sp {font-size:220%;}
    .fs_230pc_sp {font-size:230%;}
    .fs_240pc_sp {font-size:240%;}
    .fs_250pc_sp {font-size:250%;}
    .fs_260pc_sp {font-size:260%;}
    .fs_270pc_sp {font-size:270%;}
    .fs_280pc_sp {font-size:280%;}
    .fs_290pc_sp {font-size:290%;}
    .fs_300pc_sp {font-size:300%;}
    .fs_310pc_sp {font-size:310%;}
    .fs_320pc_sp {font-size:320%;}
    .fs_330pc_sp {font-size:330%;}
    .fs_340pc_sp {font-size:340%;}
    .fs_350pc_sp {font-size:350%;}
    .fs_360pc_sp {font-size:360%;}
    .fs_370pc_sp {font-size:370%;}
    .fs_380pc_sp {font-size:380%;}
    .fs_390pc_sp {font-size:390%;}
    .fs_400pc_sp {font-size:400%;}
    .fs_410pc_sp {font-size:410%;}
    .fs_420pc_sp {font-size:420%;}
    .fs_430pc_sp {font-size:430%;}
    .fs_440pc_sp {font-size:440%;}
    .fs_450pc_sp {font-size:450%;}
    .fs_460pc_sp {font-size:460%;}
    .fs_470pc_sp {font-size:470%;}
    .fs_480pc_sp {font-size:480%;}
    .fs_490pc_sp {font-size:490%;}
    .fs_500pc_sp {font-size:500%;}

    .fs_xs_sp,
    .fs_s_sp,
    .fs_l_sp,
    .fs_xl_sp,
    .fs_xxl_sp,
    .fs_xxxl_sp {font-weight: inherit;}
    .fs_xs_sp {font-size: 70%;}
    .fs_s_sp {font-size: 90%;}
    .fs_l_sp {font-size: 120%;}
    .fs_xl_sp {font-size: 150%;}
    .fs_xxl_sp {font-size: 180%;}
    .fs_xxxl_sp {font-size: 250%;}

/********** flex box **********/
    .list_wrap_sp {flex-wrap: wrap;}
    .list_horizontal_sp {align-items: center;}
    .list_start_sp {align-items: flex-start;}
    .list_stretch_sp {align-items: stretch;}
    
    .list_left_sp,
    .list_right_sp,
    .list_center_sp,
    .list_around_sp,
    .list_between_sp {display: flex; word-break: break-all;}
    .list_right_sp {justify-content: flex-end;}
    .list_center_sp {justify-content: center;}
    .list_around_sp {justify-content: space-around;}
    .list_between_sp {justify-content: space-between;}

/********** box position **********/
    .pchildl_sp {float: left;}
    .pchildr_sp {float: right;}

/********** side by side list ***********/
    .sbs_sp,
    .sbs_sp > dt,
    .sbs_sp > dd {box-sizing: border-box;}
    .sbs_sp {display: flex; flex-wrap: wrap;}

/********** text align **********/
    .ta_left_sp {text-align: left;}
    .ta_center_sp {text-align: center;}
    .ta_right_sp {text-align: right;}

/********** text indent **********/
    .txtindent_sp::before {content: '　';}

/********** new line **********/
    .br_sp {font-size: inherit;}
    .br_pc {display: none;}

/**********  slash **********/
    .slash_sp::after {content: '／';}

/**********  visible **********/
    .display_pc {display: none;}

/********** image size **********/
    .img100_sp {width: 100%;}
    .img90_sp {width: 90%;}
    .img80_sp {width: 80%;}
    .img70_sp {width: 70%;}
    .img60_sp {width: 60%;}
    .img50_sp {width: 50%;}
}

/*########################################################################*/

.shadow {box-shadow:0 5px 10px rgba(0,0,0, .5);}

/***** radius *****/
.bradius30 {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

/***** hover action *****/
/* roll over */
.ro {
    opacity: 1.0;
    transition: opacity 0.3s ease-in-out;
}
.ro:hover {opacity: 0.7;}

.btn {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    text-decoration: none;
    display: block;
    text-align: center;
    outline: none;
    position: relative;
    overflow: hidden;
    transition: ease .2s;
}
.btn span {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
}
@media screen and (min-width: 960px) {
    .efct_centerout:before,
    .efct_bgleft:before{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        z-index: 2;
        transition: transform .35s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    }
    /* 背景が中央から広がる */
    .efct_centerout:before {
        transform: scale(0, 0);
        transform-origin: center;
    }
    .efct_centerout:hover:before{
        transform:scale(1, 1);
    }
    /* 背景が流れる（左から右） */
    .efct_bgleft:before {
        transform: scale(0, 1);
        transform-origin: right top;
    }
    .efct_bgleft:hover:before{
        transform-origin: left top;
        transform:scale(1, 1);
    }
    /* hover時画像拡大 */
    .zoom_box {
        margin: 0 auto;
        overflow: hidden;
    }
    .zoom_box img {transition: 0.5s all;}
    .zoom_box img:hover {
        transform:scale(1.1, 1.1);
        transition: 0.5s all;
    }
}
/*---------- button effect color ----------*/
.btn span {color: #FFF;}
@media screen and (min-width: 960px) {
    .btn:hover span{color: #333;}
    .efct_centerout:before,
    .efct_bgleft:before {background-color: #FFF;}
}

/***** text underline effect *****/
.textlink ac {
    position: relative;
    z-index: 1;
}
.textlink a:not(.ro)::after {
    left: 0;
    bottom: -5px;
    width: 0;
    height: 1px;
    content: '';
    z-index: -1;
    position: absolute;
    transition: all 0.4s;
}
.textlink a:not(.ro):hover::before,
.textlink a:not(.ro):hover::after {
    width: 100%;
}
.textlink a::after {background: #333;}

/***** fade effect *****/
@keyframes fade_all {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes fade_all {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@media screen and (min-width: 960px) {
    .fadein,
    .fadein_slow,
    .fadeinu,
    .fadeind,
    .fadeinl,
    .fadeinr {opacity: 0;}

    .fadein,
    .fadeinu,
    .fadeind,
    .fadeinl,
    .fadeinr {transition: all 1000ms;}
    .fadein_slow {transition: all 5000ms;}

    .fadeinu {transform: translate(0, 50px);}
    .fadeind {transform: translate(0, -50px);}
    .fadeinr {transform: translate(150px, 0);}
    .fadeinl {transform: translate(-150px, 0);}

    .fadein.scrollin,
    .fadein_slow.scrollin,
    .fadeinu.scrollin,
    .fadeind.scrollin,
    .fadeinl.scrollin,
    .fadeinr.scrollin {
        opacity: 1;
        transform: translate(0, 0);
    }
}

/*---------- pankz ----------*/
.pankz {
    margin-top: 50px;
    margin-bottom: 30px;
}
.pankz ul {
    display: flex;
    flex-wrap: wrap;
}
.pankz ul li:not(:first-child) {padding-left: 1em;}
.pankz ul li:not(:last-child)::after {
    content: '　＞';
}
.pankz ul li a {font-size: inherit;}
@media screen and (min-width: 960px) {
    .pankz {margin-left: 100px;}
}
@media screen and (max-width: 959px) {
    .pankz ul li {font-size: 80%;}
}

/*---------- icon ----------*/
.sns_box li {
    width: 40px;
    padding: 0;
}
.sns_box li a i {
    width: 100%;
    color: #FFF;
}

/*---------- button ----------*/
/* button height */
.button_narrow a,
.button_normal a,
.button_wide a {
    display: block;
}
.button_narrow a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.button_normal a {
    padding-top: 30px;
    padding-bottom: 30px;
}
.button_wide a {
    padding-top: 35px;
    padding-bottom: 35px;
}
/* button position */
.button_bottom {
    bottom: 0;
    position: absolute;
}
/* radius button */
.button_radius,
.button_radius a {border-radius: 15px;}

/* number of button  */
.button_one li,
.button_one_full li,
.button_two li,
.button_three li,
.button_four li {
    font-size: initial;
    text-align: center;
}

.button_one_full li {width: calc(100% - 2px);}
.button_one li,
.button_two li {width: calc(calc(100% - 40px) / 2);}
.button_three li {width: calc(calc(100% - 40px) / 3);}
.button_four li {width: calc(calc(100% - 40px) / 4);}
@media screen and (min-width: 960px) {
    .button_one_full_pc li {width: calc(100% - 2px);}
    .button_one_pc li,
    .button_two_pc li {width: calc(calc(100% - 40px) / 2);}
    .button_three_pc li {width: calc(calc(100% - 40px) / 3);}
    .button_four_pc li {width: calc(calc(100% - 40px) / 4);}
}
@media screen and (max-width: 959px) {
    .button_one_full_sp li {width: calc(100% - 2px);}
    .button_one_sp li,
    .button_two_sp li {width: calc(calc(100% - 40px) / 2);}
    .button_three_sp li {width: calc(calc(100% - 40px) / 3);}
    .button_four_sp li {width: calc(calc(100% - 40px) / 4);}
}
.button_two_pc li:first-child {margin-bottom: 20px;}