@charset "utf-8";
/*==============================================================================
 CSS
FileName:    style.css
Last Modified:     2022.10.18
==============================================================================*/
/***----------------------------------------------------------------------------
default
----------------------------------------------------------------------------***/
h1,h2,h3,h4,h5,h6,div,ul,li,p,dl,dt,dd {
    margin          : 0px;
    padding         : 0px;
}
h1,h2,h3,h4,h5,h6 {
    font-weight     : normal;
    line-height     : 1.8em;
}
img {
    border          : none;
    margin          : 0;
    padding         : 0;
    vertical-align  : middle;
}
/*リストの文頭は非表示*/
ul {
    list-style-type : none;
}
/*改行関連*/
br {
    letter-spacing  : 0;
}   /* IEバグ対応 ※連続した<br>に対応しないため */
label {
    cursor          : pointer;
}
/*マウスホバー時のアルファ化*/
a:hover {
    filter          : alpha(opacity=70);
    -moz-opacity    : 0.70;
    opacity         : 0.70;
}
/***----------------------------------------------------------------------------
【全般的に】
----------------------------------------------------------------------------***/
body {
    margin          : 0px auto;         /* ページ全体のmargin */
    padding         : 0px;              /* ページ全体のpadding */
    text-align      : center;           /* 下記のautoに未対応用のセンタリング */
    background      : #FFFFFF;
    min-height      : 100%;
}
body,td {
    font-family     : "Noto Serif JP", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "MS 明朝", "MS Mincho", serif;
    color           : #333333;
    letter-spacing  : 0;
    font-size       : 16px;
    line-height     : 1.5em;
}
p,div{
    line-height     : 2.0em;
}
a {
    color           : #333333;
    text-decoration :none;
}
/*トップマージンを指定*/
.m_top5  { margin-top:5px;}
.m_top10 { margin-top:10px;}
.m_top15 { margin-top:15px;}
.m_top20 { margin-top:20px;}
.m_top25 { margin-top:25px;}
.m_top29 { margin-top:29px;}
.m_top30 { margin-top:30px;}
.m_top35 { margin-top:35px;}
.m_top40 { margin-top:40px;}
.m_top45 { margin-top:45px;}
.m_top50 { margin-top:50px;}
.m_top72 { margin-top:72px;}
.m_top100 { margin-top:100px;}

/*ボトムマージンを指定*/
.m_b5  { margin-bottom:5px;}
.m_b10 { margin-bottom:10px;}
.m_b15 { margin-bottom:15px;}
.m_b20 { margin-bottom:20px;}
.m_b30 { margin-bottom:30px;}
.m_b35 { margin-bottom:35px;}
.m_b40 { margin-bottom:40px;}
.m_b50 { margin-bottom:50px;}
.m_b100 { margin-bottom:100px;}

/*左マージンを指定*/
.m_l5  { margin-left:5px;}
.m_l10 { margin-left:10px;}
.m_l15 { margin-left:15px;}
.m_l20 { margin-left:20px;}
.m_l25 { margin-left:25px;}
.m_l30 { margin-left:30px;}
.m_l35 { margin-left:35px;}
.m_l40 { margin-left:40px;}
.m_l50 { margin-left:50px;}
.m_l100 { margin-left:100px;}

/*右マージンを指定*/
.m_r5  { margin-right:5px;}
.m_r10 { margin-right:10px;}
.m_r15 { margin-right:15px;}
.m_r20 { margin-right:20px;}
.m_r23 { margin-right:23px;}
.m_r25 { margin-right:25px;}
.m_r30 { margin-right:30px;}
.m_r35 { margin-right:35px;}
.m_r40 { margin-right:40px;}
.m_r50 { margin-right:50px;}

/*上下マージンを指定*/
.v_sp5  { margin: 5px 0; }
.v_sp10 { margin: 10px 0; }
.v_sp15 { margin: 15px 0; }
.v_sp20 { margin: 20px 0; }
.v_sp30 { margin: 30px 0; }

/*左右マージンを指定*/
.h_sp10 { margin: 0 10px; }
.h_sp20 { margin: 0 20px; }
.h_sp25 { margin: 0 25px; }
.h_sp30 { margin: 0 30px; }

/*上PADDING*/
.p_top5  { padding-top: 5px; }
.p_top10 { padding-top: 10px; }
.p_top15 { padding-top: 15px; }
.p_top20 { padding-top: 20px; }
.p_top30 { padding-top: 30px; }
.p_top40 { padding-top: 40px; }
.p_top50 { padding-top: 50px; }
.p_top60 { padding-top: 60px; }
.p_top80 { padding-top: 80px; }

/*下PADDING*/
.p_b20  { padding-bottom: 20px; }
.p_b30  { padding-bottom: 30px; }

/*左PADDING*/
.p_l60  { padding-left: 60px; }

/*左右PADDING*/
.p_h5  { padding: 0px  5px; }
.p_h10 { padding: 0px 10px; }
.p_h20 { padding: 0px 20px; }
.p_h50 { padding: 0px 50px; }
.p_h100 { padding: 0px 100px; }

/*上下PADDING*/
.p_v5  { padding: 5px  0px; }
.p_v10 { padding: 10px 0px; }
.p_v20 { padding: 20px 0px; }
.p_v30 { padding: 30px 0px; }
.p_v40 { padding: 40px 0px; }
.p_v50 { padding: 50px 0px; }

/*PADDING周囲*/
.pad_5  { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_20 { padding: 20px; }
.pad_30 { padding: 30px; }

/*高さ０*/
.h_0 { height:0px;}

/*廻り込み関連*/
.FloatRight { float: right; }
.FloatLeft  { float: left; }
.Clear      { clear: both; }
.clearfix
{
    display         :block;
    min-height      :1px;
}
* html .clearfix{
    height          :1px;
}
.clearfix {zoom:1;}
.clearfix:after {
    content         : "";
    display         : block;
    clear           : both;
}
/*左寄*/
.al_left   { text-align:left; }
/*右寄*/
.al_right { text-align:right;}
/*中央*/
.al_center { text-align:center; }

.font_b {
    font-weight     : bold;
}
.red {
    color           : red;
}
/***----------------------------------------------------------------------------
コンテンツ
----------------------------------------------------------------------------***/
.wrapper {
    width           : calc(100% - 114px);
    margin-left     : 114px;
}
.content {
    width           : 100%;
    margin          : 0 auto;
    text-align      : left;
    word-break      : break-all;
}
.pc {
    display         : block;
}
.sp,
.sp_400 {
    display         : none;
}
.bebas {
    font-family     : 'Bebas Neue', cursive;
    font-weight     : 400;
}
.noto_serif_600 {
    font-family     : 'Noto Serif JP', serif;
    font-weight     : 600;
}
.noto_serif_900 {
    font-family     : 'Noto Serif JP', serif;
    font-weight     : 900;
}
.noto_sans_900 {
    font-family     : 'Noto Sans JP', sans-serif;
    font-weight     : 900;
}
.noto_sans_300 {
    font-family     : 'Noto Sans JP', sans-serif;
    font-weight     : 300;
}
.noto_ethiopic {
    font-family     : 'Noto Sans Ethiopic', sans-serif;
    font-weight     : 600;
}
.shippori_mincho {
    font-family     : 'Shippori Mincho', serif;
}
.cormorant_garamond {
    font-family     : 'Cormorant Garamond', serif;
    font-weight     : 500;
}
.cormorant_garamond_italic {
    font-family     : 'Cormorant Garamond', serif;
    font-weight     : 500;
    font-style      : italic;
}
.flow_text,
.flow_text {
    width           : 0;
    max-width       : -moz-fit-content;
    max-width       : fit-content;
    white-space     : nowrap;
    overflow        : hidden;
}
/***----------------------------------------------------------------------------
共通アニメーション
----------------------------------------------------------------------------***/
.flow_text.active,
.flow_text.active {
    animation       : flowText .3s forwards linear;
}
@keyframes flowText {
    0% {
        width       : 0%;
    }
    100% {
        width       : 100%;
    }
}
/***----------------------------------------------------------------------------
ボタン
----------------------------------------------------------------------------***/
.arw-button,.arw-button_wrap {
    position        : relative;
    display         : inline-block
}
.arw-button {
    font-family     : "Noto Serif JP", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "MS 明朝", "MS Mincho", serif;
    font-weight     : 400;
    font-size       : 18px;
    line-height     : 1;
    width           : 256px;
    height          : 64px;
    /* transition   : color .3s cubic-bezier(.39,.575,.565,1); */
}
.arw-button_wrap {
    width           : 100%;
    height          : 100%;
    overflow        : hidden
}
.arw-button_wrap::after,
.arw-button_wrap::before {
    position        : absolute;
    left            : 0;
    width           : 100%;
    height          : 1px;
    content         : "";
    transition      : opacity .6s cubic-bezier(.39,.575,.565,1),
                        transform .6s cubic-bezier(.55,.05,.22,.99),
                        -webkit-transform .6s cubic-bezier(.55,.05,.22,.99)
}
.arw-button_wrap::before {
    top             : 0
}
.arw-button_wrap::after {
    bottom          : 0
}
.arw-button_cover {
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    opacity         : 0;
    transition      : opacity .6s cubic-bezier(.47,0,.745,.715),
                        transform .6s cubic-bezier(.55,.05,.22,.99),
                        -webkit-transform .6s cubic-bezier(.55,.05,.22,.99);
    -webkit-transform: translate3d(-100%,0,0);
    transform       : translate3d(-100%,0,0)
}
.arw-button_inner {
    position        : relative;
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 100%;
    height          : 100%;
    overflow        : hidden
}
.arw-button_inner::after,
.arw-button_inner::before {
    position        : absolute;
    top             : 0;
    width           : 1px;
    height          : 100%;
    content         : "";
    transition      : opacity .3s cubic-bezier(.39,.575,.565,1),
                        transform .6s cubic-bezier(.55,.05,.22,.99),
                        -webkit-transform .6s cubic-bezier(.55,.05,.22,.99)
}
.arw-button_inner::before {
    left            : 0
}
.arw-button_inner::after {
    right           : 0
}
.arw-button_text {
    position        : relative;
    transition      : transform .3s cubic-bezier(.47,0,.745,.715),
                        -webkit-transform .3s cubic-bezier(.47,0,.745,.715);
    -webkit-transform: translate3d(0,0,0);
    transform       : translate3d(0,0,0)
}
.arw-button_arw {
    position        : absolute;
    top             : 50%;
    right           : -56px;
    display         : inline-block;
    width           : 116px;
    transition      : transform .5s cubic-bezier(.39,.575,.565,1),
                        -webkit-transform .5s cubic-bezier(.39,.575,.565,1);
    -webkit-transform: translateY(-50%);
    transform       : translateY(-50%)
}
.arw-button_arw::after,
.arw-button_arw::before {
    position        : absolute;
    content         : ""
}
.arw-button_arw::before {
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 1px;
}
.arw-button_arw::after {
    right           : 0;
    bottom          : 0;
    width           : 0;
    height          : 0;
    border-color    : transparent transparent transparent #4d4d4d;
    border-style    : solid;
    border-width    : 5px 0 0 9px;
}
.arw-button:hover {
    transition-delay: .2s;
    filter          : alpha(opacity=100);
    -moz-opacity    : 1;
    opacity         : 1;
}
.arw-button:hover .arw-button_wrap::before {
    -webkit-transform: translate3d(-100%,0,0);
    transform       : translate3d(-100%,0,0);
}
.arw-button:hover .arw-button_wrap::after {
    -webkit-transform: translate3d(100%,0,0);
    transform       : translate3d(100%,0,0);
}
.arw-button:hover .arw-button_cover {
    -moz-opacity    : 1;
    opacity         : 1;
    transition-delay: .2s;
    -webkit-transform: translate3d(0,0,0);
    transform       : translate3d(0,0,0);
    filter          : alpha(opacity=100);
}
.arw-button:hover .arw-button_inner::before {
    -webkit-transform: translate3d(0,100%,0);
    transform       : translate3d(0,100%,0);
}
.arw-button:hover .arw-button_arw {
    transition-delay: .2s;
    -webkit-transform: translateY(-50%) translate3d(15px,0,0);
    transform       : translateY(-50%) translate3d(15px,0,0);
}
.arw-button:hover .arw-button_inner::after{
    -webkit-transform: translate3d(0,-100%,0);
    transform       : translate3d(0,-100%,0);
}
.arw-button_text:hover {
    filter          : alpha(opacity=100);
    -moz-opacity    : 1;
    opacity         : 1;
}
/*白ボタン*/
.btn_white .arw-button {
    color           : #fff;
}
.btn_white .arw-button_wrap::after,
.btn_white .arw-button_wrap::before,
.btn_white .arw-button_inner::after,
.btn_white .arw-button_inner::before,
.btn_white .arw-button_arw::before,
.btn_white .arw-button_cover {
    background      : #fff;
}
.btn_white .arw-button_arw::after {
    border-color    : transparent transparent transparent #fff;
}
.btn_white .arw-button:hover {
    color           :#000;
}
/*グレーボタン*/
.btn_gray .arw-button {
    color           : #4d4d4d;
}
.btn_gray .arw-button_wrap::after,
.btn_gray .arw-button_wrap::before,
.btn_gray .arw-button_inner::after,
.btn_gray .arw-button_inner::before,
.btn_gray .arw-button_arw::before,
.btn_gray .arw-button_cover {
    background      : #4d4d4d;
}
.btn_gray .arw-button_arw::after {
    border-color    : transparent transparent transparent #4d4d4d;
}
.btn_gray .arw-button:hover {
    color           :#fff;
}
/*黒ボタン*/
.btn_black .arw-button {
    color           : #000;
}
.btn_black .arw-button_wrap::after,
.btn_black .arw-button_wrap::before,
.btn_black .arw-button_inner::after,
.btn_black .arw-button_inner::before,
.btn_black .arw-button_arw::before,
.btn_black .arw-button_cover {
    background      : #000;
}
.btn_black .arw-button_arw::after {
    border-color    : transparent transparent transparent #000;
}
.btn_black .arw-button:hover {
    color           :#fff;
}
.btn_center {
    width           : 256px;
    margin          : 0 auto;
}
/***----------------------------------------------------------------------------
ヘッダー
----------------------------------------------------------------------------***/
.header {
    width           : 114px;
    height          : calc(100vh - 20px);
    padding-top     : 20px;
    position        : fixed;
    background-color: #000000;
    color           : #ffffff;
    z-index         : 1000;
}
.header_logo_img {
    width           : 91px;
}
.header_title {
    margin          : 15px 0;
    font-size       : 15px;
    line-height     : 1.2em;
    color           : #ffffff;
}
.header_language_wrap {
    width           : 92px;
    margin          : 0 auto;
    border          : 1px solid #ffffff;
    border-radius   : 15px;
    position        : relative;
    z-index         : 5;
}
.header_language_area {
    display         : flex;
    align-items     : center;
    justify-content : center;
    position        : relative;
}
.header_language_area::after {
    content         : "";
    width           : 4px;
    height          : 4px;
    position        : absolute;
    right           : 6px;
    top             : calc(50% - 3px);
    transform       : rotate(45deg);
    border-right    : 1px #ffffff solid;
    border-bottom   : 1px #ffffff solid;
    display         : block;
}
.mark_hover {
    display         : none;
}
.header_language_area img {
    width           : 16px;
}
.header_language_area p {
    font-size       : 16px;
    transform       : scale(0.7, 1.2);
    margin-left     : -7px;
    line-height     : 1.6em;
}
.header_language_list {
    height          : 0;
    margin-left     : 23px;
    opacity         : 0;
    transition      : opacity 0.4s ease, height 0s 0.4s ease;
    overflow        : hidden;
    text-align      : left;
}
.header_language_list a {
    font-size       : 15px;
    color           : #000000;
}
.header_language_list a:hover {
    border-bottom   : 1px solid #000000;
    filter          : alpha(opacity=100);
    -moz-opacity    : 1;
    opacity         : 1;
}
.header_language_wrap:hover {
    background-color: #ffffff;
    color           : #000000;
}
.header_language_wrap:hover .header_language_area::after {
    border-right    : 1px #000000 solid;
    border-bottom   : 1px #000000 solid;
}
.header_language_wrap:hover .mark {
    display         : none;
}
.header_language_wrap:hover .mark_hover {
    display         : block;
}
.header_language_wrap:hover .header_language_list {
    height          : auto;
    opacity         : 1;
    margin-bottom   : 5px;
}
.header_mark_wrap {
    position        : absolute;
    bottom          : calc(12% - 70px);
}
.header_mark_area {
    width           : 114px;
    height          : 49px;
    display         : flex;
    align-items     : center;
    color           : #ffffff;
    transition      : all .3s;
}
.header_mark_area:hover {
    color           : #000000;
    background      : #ffffff;
    filter          : alpha(opacity=100);
    -moz-opacity    : 1;
    opacity         : 1;
}
.header_mark_area:hover .mark {
    display         : none;
}
.header_mark_area:hover .mark_hover {
    display         : block;
}
.header_mark_area:not(:last-child) {
    /* margin-bottom   : 20px; */
}
.header_mark_area img {
    width           : 20px;
    margin-left     : 8px;
}
.header_mark_area p {
    margin-left     : 9px;
    font-size       : 16px;
    text-align      : left;
    transform       : scale(0.8, 1.2);
}
.menu_button_area {
    width           : 85%;
    position        : absolute;
    top             : calc(50% - 70px);
    transform       : translateY(-50%);
    left            : 6px;
}
.menu_button_title {
    width           : 85%;
    margin          : 0 auto;
    text-align      : left;
}
.nav-toggle {
    width           : 85%;
    height          : 32px;
    margin          : 0 auto;
    cursor          : pointer;
    z-index         : 1100;
}
.nav-open {
    width           : 93%;
    position        : absolute;
}
.nav-close {
    width           : 100%;
    position        : absolute;
    top             : 45px;
    left            : 27px;
}
.nav-open span {
    width           : 100%;
    height          : 2px;
    display         : block;
    margin-bottom   : 13px;
    overflow        : hidden;
    position        : relative;
}
.nav-open span:last-child {
    margin-bottom   : 0;
}
.nav-open span::before,
.nav-open span::after {
    content         : "";
    width           : 100%;
    height          : 100%;
    position        : absolute;
    background      : #000000;
    transform       : translateX(-200%);
    transition      : transform ease 300ms;
}
.nav-open span::after {
    left            : 0;
    background      : #ffffff;
    transform       : translateX(0);
}
.nav-open span:nth-child(2):before,
.nav-open span:nth-child(2):after {
    transition-delay: 100ms;
}
.nav-open span:nth-child(3):before,
.nav-open span:nth-child(3):after {
    transition-delay: 200ms;
}
.nav-toggle.active .nav-open span::before {
    transform       : translateX(100%);
}
.nav-toggle.active .nav-open span::after {
    transform       : translateX(200%);
}
.nav-close span {
    width           : 35px;
    height          : 2px;
    display         : block;
    background      : #ffffff;
    transform       : translateY(50%) rotate(45deg) scaleX(0);
    transition      : transform ease 200ms;
}
.nav-close span:last-child {
    transform       : translateY(-50%) rotate(-45deg) scaleX(0);
}
.nav-toggle.active .nav-close span {
    transition-delay: 450ms;
    transform       : translateY(50%) rotate(45deg) scaleX(1);
}
.nav-toggle.active .nav-close span:last-child {
    transform       : translateY(-50%) rotate(-45deg) scaleX(1);
}
#global-nav {
    width           : calc(100% - 114px);
    height          : 100%;
    position        : fixed;
    right           : 0;
    overflow        : hidden;
    background      : rgba(51,51,51,0.8);
    -webkit-transform: translate3d(0, 0, 0);
    transform       : translate3d(0, 0, 0);
    -webkit-transition: opacity .5s;
    transition      : opacity .5s;
    opacity         : 0;
    z-index         : -10;
}
#global-nav.active {
    opacity         : 1;
    pointer-events  : inherit;
    will-change     : opacity, transform;
}
#global-nav-inner {
    width           : 489px;
    padding         : 20px 0 70px 52px;
    position        : absolute;
    left            : -50%;
    text-align      : left;
    background      : #000000;
    color           : #ffffff;
    overflow        : auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform       : translate3d(0, 0, 0);
    -webkit-transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    transition      : 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
#global-nav.active #global-nav-inner {
    left            : 0;
    will-change     : left;
}
.menu_link_area li {
    margin-left     : 35px;
}
.menu_link_area li:not(:last-child) {
    margin-bottom   : 5px;
}
.menu_link_area li a {
    position        : relative;
    color           : #ffffff;
    font-size       : 18px;
}
.menu_link_area li a:hover {
    filter          : alpha(opacity=100);
    -moz-opacity    : 1;
    opacity         : 1;
}
.menu_link_area li a::before {
    content         : '';
    width           : 10px;
    height          : 10px;
    border-top      : solid 1px #ffffff;
    border-right    : solid 1px #ffffff;
    position        : absolute;
    top             : 9px;
    left            : -35px;
    transform       : rotate(45deg);
}
.menu_link_area li a::after {
    content         : '';
    width           : 100%;
    height          : 1px;
    position        : absolute;
    left            : 0;
    bottom          : -3px;
    background      : #ffffff;
    transition      : transform .5s ease;
    transform-origin: right;
    transform       : scaleX(0);
}
.menu_link_area li a:hover::after {
    transform       : scaleX(1);
    transform-origin: left;
}
.menu_info_area {
    margin-top      : 55px;
}
.menu_info_company {
    font-size       : 25px;
}
.menu_info {
    display         : flex;
}
.menu_info p:first-child {
    margin-right: 20px;
}
/***----------------------------------------------------------------------------
フッター
----------------------------------------------------------------------------***/
.top_scroll_btn_pc {
    width           : 85px;
    height          : 85px;
    border-radius   : 50%;
    background      :rgba(255,255,255,0.8);
    color           : #000000;
    position        : fixed;
    bottom          : 40px;
    right           : 175px;
    font-size       : 50px;
    line-height     : 80px;
    text-align      : center;
    z-index         : 500;
}
.top_scroll_btn_sp {
    display         : none;
}
.footer {
    width           : calc(100% - 96px);
    padding         : 76px 48px 92px;
    display         : flex;
    justify-content : space-between;
    text-align      : left;
    color           : #ffffff;
    background-color: #000000;
}
.footer_info_logo {
    max-width       : 93px;
    display         : block;
}
.footer_info_logo img {
    width           : 100%;
}
.footer_info_company {
    margin          : 12px 0;
    font-size       : 30px;
}
.footer_info,
.footer_copyrights {
    font-size       : 14px;
}
.footer_info {
    display         : flex;
    line-height     : 2.5em;
}
.footer_info p:first-child {
    margin-right    : 15px;
}
.footer_copyrights {
    margin-top      : 30px;
}
.footer_link_area li:not(:last-child) {
    margin-bottom   : 20px;
}
.footer_link_area li a {
    position        : relative;
    color           : #ffffff;
}
.footer_link_area li a:hover {
    color           : #808080;
}
.footer_link_area li a::before {
    content         : '→';
    position        : absolute;
    left            : -20px;
}
.footer_link_area li a::after {
    content         : '';
    width           : 100%;
    height          : 1px;
    position        : absolute;
    left            : 0;
    bottom          : -3px;
    background      :#808080;
    transition      : all .3s;
    transform       : scale(0, 1);
    transform-origin: left top;
}
.footer_link_area li a:hover::after {
    transform       : scale(1, 1);
}
.footer_sns {
    height          : 45px;
    margin-bottom   : 50px;
    display         : flex;
    align-items     : center;
    color           : #ffffff;
}
.footer_sns img {
    width           : 45px;
}
.footer_sns p {
    margin-left     : 23px;
    font-size       : 30px;
}
.footer_insta img {
    width           : 205px;
    vertical-align  : top;
    margin-bottom   : 50px;
}
.footer_sns:hover,
.footer_insta:hover,
.footer_link_area li a:hover {
    color           : #808080;
    filter          : alpha(opacity=100);
    -moz-opacity    : 1;
    opacity         : 1;
}
.footer_sns:hover .mark,
.footer_insta:hover .mark {
    display         : none;
}
.footer_sns:hover .mark_hover,
.footer_insta:hover .mark_hover {
    display         : block;
}
/***----------------------------------------------------------------------------
共通部分
----------------------------------------------------------------------------***/
.br_sp470,
.br_sp450,
.page_title_br {
    display         : none;
}
.page_body {
    width           : 100%;
    position        : relative;
}
.page_side_title_area_wrap {
    position        : relative;
}
.page_side_title_area {
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 115px;
    height          : 950px;
}
.page_side_title {
    line-height     : 110px;
    color           : #ded2c0;
    font-size       : 110px;
    font-family     : "Times New Roman";
    writing-mode    : vertical-lr;
    text-orientation: sideways;
}
.page_side_title span {
    opacity         : 0;
}
.page_side_title.appear_text span {
    animation       : text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
    0% {
        opacity     : 0;
    }
    100% {
        opacity     : 1;
    }
}
.img_popup_box {
    position        : absolute;
    bottom          : 0;
    right           : 0;
    width           : 32px;
    height          : 32px;
    text-align      : center;
    background-color: rgba(0, 0, 0, 0.5);
}
.img_popup_mark {
    display         : inline-block;
    position        : absolute;
    top             : 50%;
    left            : calc((32px - 16px) / 2);
    width           : 16px;
    height          : 2px;
    line-height     : 1;
    vertical-align  : middle;
    color           : #fff;
    background      : currentColor;
    border-radius   : 0.1em;
}
.img_popup_mark::before {
    content         : '';
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background      : inherit;
    border-radius   : inherit;
    transform       : rotate(90deg);
}
/***----------------------------------------------------------------------------
要素表示アニメーション
----------------------------------------------------------------------------***/
.fadeIn_content{
    opacity         : 0;
}
.fadeUp {
    animation-name  :fadeUpAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity         : 0;
}
@keyframes fadeUpAnime{
    from {
        opacity     : 0;
        transform   : translateY(100px);
    }
    to {
        opacity     : 1;
        transform   : translateY(0);
    }
}
/***----------------------------------------------------------------------------
ページタイトル
----------------------------------------------------------------------------***/
.page_title_area {
    width           : 100%;
    padding         : 50px 0 58px;
    text-align      : center;
    color           : #4d4d4d;
    background-image: url(../imgs/page_title_back_pc.jpg);
    background-size : cover;
}
.page_title {
    display         : inline-block;
    position        : relative;
    padding         : 0 150px;
    font-size       : 32px;
}
.page_title_en {
    font-size       : 18px;
}
.page_title:before,
.page_title:after {
    content         : '';
    position        : absolute;
    top             : 50%;
    display         : inline-block;
    width           : 100px;
    height          : 1px;
    background-color: black;
}
.page_title:before {
    left            : 0;
}
.page_title:after {
    right           : 0;
}
.page_title_sp {
    display         : none;
    width           : 100%;
    height          : 55px;
    margin          : 0 auto;
    line-height     : 55px;
    color           : #fff;
    font-size       : 55px;
    font-family     : "Times New Roman";
    writing-mode    : horizontal-tb;
}
#PAGE_TITLE_SP {
    /* JSで文字の大きさを調整した後に表示するため透明 */
    color           : rgba(0,0,0,0);
}
/***----------------------------------------------------------------------------
パンくずリスト
----------------------------------------------------------------------------***/
.breadcrumb {
    width           : calc(100% - 40px);
    margin          : 0;
    padding         : 4px 20px;
    background-color: #000;
    color           : #fff;
    text-align      : right;
    list-style      : none;
}
.breadcrumb li {
    display         : inline;
    list-style      : none;
}
.breadcrumb li:after {
    content         : '>';
    padding         : 0 0.2em;
    color           : #fff;
}
.breadcrumb li:last-child:after {
    content         : '';
}
.breadcrumb li a {
    text-decoration : none;
    color           : #fff;
}
.breadcrumb li a:hover {
    text-decoration : none;
}
/***----------------------------------------------------------------------------
トップページ
----------------------------------------------------------------------------***/
.top_movie_area {
    position        : relative;
    width           : 100%;
    padding-top     : calc(100% * (720 / 1280));
}
.top_movie_area > video {
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 100%;
    height          : 100%;
}
.top_scroll {
    height          : 20%;
    position        : absolute;
    bottom          : 0;
    left            : 50%;
    transform       : translateX(-50%);
    color           : #ffffff;
    z-index         : 11;
}
.top_scroll:hover {
    filter          : alpha(opacity=100);
    -moz-opacity    : 1;
    opacity         : 1;
}
.top_scroll_border {
    width           : 54px;
    height          : 13%;
    position        : absolute;
    bottom          : 0;
    left            : 50%;
    transform       : translateX(-50%);
    z-index         : 10;
    overflow        : hidden;
}
.top_scroll_border::before {
    content         : "";
    width           : 1px;
    height          : 100%;
    position        : absolute;
    left            : 50%;
    transform       : translateX(-50%);
    background      : #fff;
    -webkit-animation: 3s scrollBorder linear infinite;
    animation       : 3s scrollBorder linear infinite;
}
@keyframes scrollBorder {
    0% {
        bottom      : 100%;
    }
    100% {
        bottom      : -100%;
    }
}
.top_news_area {
    width           : 90%;
    padding         : 85px 5%;
    color           : #4d4d4d;
    background-image: url(../imgs/top_news_back_pc.jpg);
    background-size : cover;
}
.top_news_area_title {
    width           : 100%;
    margin-bottom   : 50px;
    text-align      : center;
    overflow        : hidden;
}
.top_news_area_title_1 {
    font-size       : 18px;
}
.top_news_area_title_2 {
    width           : 320px;
    margin          : 0 auto;
    font-size       : 32px;
    position        : relative;
}
.top_news_area_title_2::before,
.top_news_area_title_2::after {
    content         : '';
    width           : 115px;
    height          : 1px;
    background-color: #4d4d4d;
    position        : absolute;
    top             : 50%;
    transform       : translateY(-50%);
}
.top_news_area_title_2::before {
    left            : -190px;
}
.top_news_area_title_2::after {
    right           : -190px;
}
.top_news_content {
    width           : 100%;
    max-width       : 1600px;
    margin-bottom   : 50px;
    display         : flex;
    justify-content : center;
}
.top_news_1,
.top_news_2,
.top_news_3_l1500 {
    width           : 100%;
    display         : flex;
    justify-content : center;
}
.top_news_3_s1500 {
    display         : none;
}
.top_news_4 {
    width           : calc(50% - 15px);
    display         : flex;
}
.top_news_4:first-child {
    justify-content : flex-end;
}
.top_news_4:last-child {
    justify-content : flex-start;
}
.top_news_content_inner:nth-child(2) {
    margin-left     : 30px;
}
.top_news {
    width           : calc(50% - 15px);
    max-width       : 328px;
}
.top_news:nth-child(2),
.top_news:nth-child(3) {
    margin-left     : 30px;
}
.top_news_img {
    width           : 100%;
    height          : 246px;
    object-fit      : cover;
}
.top_news_date {
    margin-top      : 16px;
    display         : flex;
    justify-content : space-between;
}
.top_news_title {
    font-size       : 22px;
}
.top_about_area {
    width           : 90%;
    padding         : 85px 5%;
    background-image:  url(../imgs/top_about_pc.jpg);
    background-size : cover;
    position        : relative;
    color           : #ffffff;
}
.top_about_area::before {
    content         : '';
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 100%;
    height          : 100%;
    mix-blend-mode  : multiply;
    background-color: #808080;
}
.top_about_area::after {
    content         : '';
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0,0,0,0.5);
    background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
    background-size : 4px 4px;
    background-position: 0 0, 2px 2px;
}
.top_about_area_wrap {
    position        : relative;
    z-index         : 10;
}
.top_about_title_area {
    width           : 64px;
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
}
.top_about_title_area img {
    width           : 64px;
}
.top_about_title_area h2 {
    margin          : 20px auto 0;
    margin-left     : 16px;
    font-size       : 32px;
    -ms-writing-mode: tb-rl;
    writing-mode    : vertical-rl;
    line-height     : 32px;
}
.top_about_content_area {
    width           : 100%;
    display         : flex;
    justify-content : space-between;
}
.top_about_content {
    width           : 35%;
}
.top_about_content_top {
    margin-bottom   : 70px;
}
.top_about_map {
    width           : 60%;
    margin          : 0 auto 70px;
    position        : relative;
}
.top_about_map_title {
    position        : absolute;
    top             : 20px;
    left            : 32px;
}
.top_about_map_title p {
    position        : relative;
    font-size       : 25px;
    -ms-writing-mode: tb-rl;
    writing-mode    : vertical-rl;
    line-height     : 32px;
}
.top_about_map_title p::before,
.top_about_map_title p::after {
    content         : '';
    width           : 1px;
    height          : 90px;
    position        : absolute;
    top             : 50%;
    transform       : translateY(-50%);
    background-color: #ffffff;
}
.top_about_map_title p::before {
    left            : 0;
}
.top_about_map_title p::after {
    right           : 0;
}
.top_about_map img {
    width           : 100%;
}
.top_about_text {
    margin-bottom   : 70px;
    font-size       : 18px;
}
.top_catalogue_area {
    width           : 90%;
    padding         : 15px 5%;
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    background-image: url(../imgs/top_catalogue_back_pc.jpg);
    background-size : cover;
}
.top_catalogue_title_area {
    width           : calc(50% - 10px);
    margin-right    : 20px;
    text-align      : center;
}
.top_catalogue_title_logo {
    width           : 128px;
}
.top_catalogue_title_area h2 {
    margin          : 5px 0 40px;
    font-size       : 36px;
    color           : #000000;
}
.top_catalogue_title_img {
    width           : calc(50% - 10px);
    max-width       : 633px;
}
.top_insta_area {
    width           : 90%;
    padding         : 85px 5%;
    background-color: #000000;
    color           : #ffffff;
    display         : flex;
    align-items     : center;
    justify-content : center;
}
.top_insta_text_area {
    width           : 420px;
    margin-right    : 100px;
}
.top_insta_text {
    text-align      : center;
    font-size       : 18px;
}
.top_insta_logo_area {
    margin          : 90px 0;
    position        : relative;
}
.top_insta_logo_area img {
    max-width       : 100%;
    margin          : 0 auto;
    display         : block;
}
.top_insta_logo_area h2 {
    margin-bottom   : 100px;
    text-align      : center;
    font-size       : 46px;
}
.top_insta_logo_area span::before,
.top_insta_logo_area span::after {
    content         : '';
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    background-color: #ffffff;
}
.top_insta_logo_area span::before {
    width           : 1px;
    height          : 50px;
}
.top_insta_logo_area span::after {
    width           : 50px;
    height          : 1px;
}
.top_insta_link_area {
    width           : calc(100% - 520px);
    max-width       : 1130px;
}
.top_insta_link_inner {
    width           : 100%;
    display         : flex;
}
.top_insta_link_inner:first-child {
    margin-bottom   : 5px;
}
.top_insta_link {
    width           : calc(50% - 2.5px);
    display         : flex;
}
.top_insta_link:first-child {
    margin-right    : 5px;
}
.top_insta_link a {
    width           : calc(50% - 2.5px);
    display         : block;
    position        : relative;
    transition-duration: 0.5s;
}
.top_insta_link a:first-child {
    margin-right    : 5px;
}
.top_insta_link a:hover {
    opacity         : 0.5;
}
.top_insta_link a::before {
    content         : "";
    display         : block;
    padding-top     : 100%;
}
.top_insta_link img {
    width           : 100%;
    height          : 100%;
    margin          : auto;
    position        : absolute;
    top             : 0;
    right           : 0;
    bottom          : 0;
    left            : 0;
    object-fit      : cover;
}
.top_store_area {
    width           : 90%;
    padding         : 85px 5%;
    background-image: url(../imgs/top_store_back_pc.jpg);
    background-size : cover;
    background-position: center;
    color           : #000000;
}
.top_store_area_inner {
    width           : calc(100% - 70px);
    max-width       : 1340px;
    margin          : 0 auto;
    padding         : 30px 35px;
    border          : 1px solid #000000;
}
.top_store_area_wrap {
    width           : 100%;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
}
.top_store_top {
    display         : flex;
}
.top_store_text_5 {
    margin-top      : 8px;
    line-height     : 1.5em;
    font-size       : 137px;
}
.top_store_text_6 {
    line-height     : 0.8em;
    font-size       : 208px;
}
.top_store_text_7 {
    font-size       : 18px;
    text-align      : center;
    line-height     : 1.5em;
}
.top_store_area_wrap > .btn_black  {
    width           : 312px;
}
.top_pro_area {
    width           : 90%;
    padding         : 85px 5%;
    background-color: #fafafa;
}
.top_pro_title_area {
    margin-bottom   : 10px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}
.top_pro_title_area img {
    width           : 64px;
}
.top_pro_title_area span {
    width           : 80px;
    position        : relative;
    transform       : rotate(45deg);
}
.top_pro_title_area span::before,
.top_pro_title_area span::after {
    content         : '';
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    background-color: #000000;
}
.top_pro_title_area span::before {
    width           : 42px;
    height          : 1px;
}
.top_pro_title_area span::after {
    width           : 1px;
    height          : 42px;
}
.top_pro_title_area h2 {
    font-size       : 48px;
    color           : #000000;
}
.top_pro_area > p {
    text-align      : center;
    font-size       : 18px;
}
.top_pro_img_area {
    width           : 100%;
    max-width       : 1398px;
    margin          : 0 auto;
    display         : flex;
    position        : relative;
    align-items     : flex-end;
}
.top_pro_img_area img {
    width           : calc((100% - 240px) / 3);
    display         : block;
}
.top_pro_img_area img:not(:last-child) {
    margin-right    : 120px;
}
.top_pro_btn_area {
    width           : 100%;
    max-width       : 1150px;
    margin          : 0 auto;
    display         : flex;
    justify-content : space-between;
}
.top_pro_btn_area > .btn_black {
    width           : 312px;
}
.top_lesson_yakata_area {
    width           : 100%;
    display         : flex;
}
.top_lesson_area,
.top_yakata_area {
    width           : 40%;
    padding         : 100px 5% 90px;
    background-size : cover;
    background-position: center;
}
.top_yakata_area {
    background-image: url(../imgs/top_yakata_image_pc.jpg);
}
.top_lesson_area {
    background-image: url(../imgs/top_lesson_image_pc.jpg?ver=1.0.1);
}
.top_lesson_text_1 {
    font-size       : 46px;
    color           : #000000;
    background-color: #ffffff;
}
.top_lesson_text_2 {
    font-size       : 22px;
    color           : #ffffff;
    background-color: #000000;
}
.top_lesson_area .btn_gray,
.top_yakata_area .btn_gray {
    margin-top      : 50px;
}
.top_title_b900 {
    font-weight     : 900;
}
/***----------------------------------------------------------------------------
お知らせ一覧
----------------------------------------------------------------------------***/
.br_350 {
    display         : none;
}
.news_page_title_small {
    font-size       : 18px;
    color           : #4d4d4d;
}
.news_content {
    width           : calc(100% - 250px);
    max-width       : 1200px;
    min-height      : 1000px;
    margin          : 61px auto 50px;
}
.news_title_en {
    display         : flex;
    color           : #ded2c0;
    font-size       : 40px;
}
.news_title_ja {
    color           : #4d4d4d;
    font-size       : 18px;
    margin-left     : 40px;
}
.news_head_area {
    display         : flex;
    margin          : 30px auto 110px;
    flex-wrap       : wrap;
    justify-content : space-between;
}
.news_select_area {
    margin-top      : calc((72px - 45px) / 2);
}
.news_select_area form {
    display         : flex;
}
.news_year_select {
    margin-right    :55px;
}
.news_year_select,
.news_cate_select {
    width           : 200px;
    padding         : calc((45px - 24px) / 2) 15px;
    color           : #4d4d4d;
    background-color: #efe4d8;
    border          : 1px solid #4d4d4d;
    font-size       : 18px;
    font-family     : "Noto Serif JP", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "MS 明朝", "MS Mincho", serif;
}
.news_year_select:focus,
.news_cate_select:focus {
    background-color: #fff;
}
.news_year_select option:checked,
.news_cate_select option:checked {
    background-color: #efe4d8;
}
.news_list_ul {
    width           : 100%;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : space-between;
    color           : #4d4d4d;
}
.news_list_ul li {
    width           : calc((100% - 10%) / 3);
    max-width       : 328px;
    margin-right    : 5%;
    margin-bottom   : 30px;
    overflow        : hidden;
}
.news_list_ul li.news_li_hidden {
    visibility      : hidden;
    opacity         : 0;
    height          : 0;
    margin          : 0 10px;
    padding         : 0;
}
.news_list_ul li:nth-child(3n),
.news_list_ul li:last-child {
    margin-right    : 0px;
}
.news_box p {
    line-height     : 1.5em;
}
.news_box_img img {
    width           : 100%;
    max-width       : 328px;
}
.news_list_ul li .news_box_img {
    position        : relative;
    overflow        : hidden;
}
.news_list_ul li .news_box_img:before {
    content         : "";
    display         : block;
    width           : 0;
    height          : 0;
    position        : absolute;
    left            : 50%;
    top             : 50%;
    transition      : transform 0.55s cubic-bezier(0.66, 0.4, 0, 2.56);
    transform-origin: center center;
    transform       : scale(2);
    background-color: #f6cdc7;
    opacity         : .5;
    z-index         : 1;
}
.news_list_ul li .news_box_img>* {
    transition      : scale 0.55s cubic-bezier(0.66, 0.4, 0, 2.56),
                        transform 0.55s cubic-bezier(0.66, 0.4, 0, 2.56);
}
.news_list_ul li:hover .news_box_img>* {
    transform       : scale(1.04);
}
.news_list_ul li:hover .news_box_img:before {
    width           : 1px;
    height          : 1px;
    transform       : scale(1500);
    transform-origin: center center
}
.news_box_cate_area {
    display         : flex;
    flex-wrap       : wrap;
    margin-top      : 18px;
    justify-content : space-between;
    font-size       : 16px;
}
.news_box_title {
    margin          : 18px auto;
    font-size       : 20px;
}
.news_box_content {
    font-size       : 16px;
}
.news_more_btn {
    width           : 256px;
    height          : 64px;
    line-height     : 64px;
    margin          : 140px auto 187px;
    position        : relative;
    overflow        : hidden;
    transition      : border-color 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);
    background-color: #1a1c1f;
    border          : 1px solid #1a1c1f;
    border-radius   : 50px;
}
.news_more_btn:before {
    content         : "";
    display         : block;
    position        : absolute;
    top             : 0;
    bottom          : 0;
    right           : 0;
    left            : 0;
    width           : 0px;
    height          : 0px;
    margin          : auto;
    transition      : transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);
    transform-origin: center center;
    transform       : translate(-100%, 0) scale(1);
    background-color: #fff;
    border-radius   : 50%;
    z-index         : 0;
}
.news_more_btn_text {
    display         : block;
    position        : relative;
    color           : #fff;
    font-weight     : 600;
    text-align      : center;
    transition      : color 0.55s cubic-bezier(0.52, 0.08, 0.18, 1),
                    transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);
}
.news_more_btn:hover .news_more_btn_text {
    color           :#1a1c1f !important
}
.news_more_btn:hover:before {
    width           : 100%;
    height          : 300%;
    transform       : translate(-50%, -50%) scale(3);
    transform-origin: center center
}
.news_anime_outer {
    overflow        : hidden;
    display         : inline-block;
}
.news_anime_inner {
    display         : inline-block;
}
.news_anime_outer_slide {
    opacity         : 0;
    animation-name  : slideTextX100;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
}
@keyframes slideTextX100 {
    from {
        transform   : translateX(-100%);
        opacity     : 0;
    }
    30% {
        transform   : translateX(-100%);
        opacity     : 0;
    }
    to {
        transform   : translateX(0);
        opacity     : 1;
    }
}
.news_anime_inner_slide {
    opacity         : 0;
    animation-name : slideTextX-100;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
}
@keyframes slideTextX-100 {
    from {
        transform   : translateX(100%);
        opacity     : 0;
    }
    30% {
        transform   : translateX(100%);
        opacity     : 0;
    }
    to {
        transform   : translateX(0);
        opacity     : 1;
    }
}
/***----------------------------------------------------------------------------
お知らせ詳細
----------------------------------------------------------------------------***/
.news_detail_head_area {
    margin-bottom   : 45px;
}
.news_detail_head {
    display         : flex;
}
.news_detail_head p {
    line-height     : 1.5em;
}
.news_detail_cate {
    margin-left     : 25px;
    padding         : 0px 15px;
    background-color: #efe4d8;
    border-radius   : 50px;
}
.news_detail_title {
    margin-bottom   : 30px;
}
.news_img_box {
    width           : 100%;
    margin          : 30px auto 45px;
}
.news_img_box img {
    max-width       : 100%;
}
.news_detail_content {
    font-size       : 18px;
}
.news_pdf_box {
    margin          : 80px auto 150px;
}
.news_detail_page_area {
    display         : flex;
    flex-wrap       : wrap;
    justify-content : space-between;
}
.news_detail_page_next {
    justify-content : end;
}
.news_detail_page_area a {
    color           : #4d4d4d;
    font-size       : 16px;
    letter-spacing  : 0.5em;
}
.news_detail_btn_area {
    position        : relative;
    width           : 95%;
    max-width       : 1200px;
    margin          : 0 auto 100px;
}
.news_detail_btn_area form {
    display         : none;
}
.news_detail_btn_area .btn_gray {
    position        : absolute;
    top             : -16px;
    left            : calc(((100% - (192px * 2)) / 2) + 28px);
}
.news_pdf_link {
    display         : flex;
    align-items     : center;
}
.news_pdf_link p {
    margin-left     : 20px;
    line-height     : 1.5em;
}
/***----------------------------------------------------------------------------
越前焼とは
----------------------------------------------------------------------------***/
.about_inline {
    display         : inline;
}
.about_br350 {
    display         : none;
}
.about_br450 {
    display         : none;
}
.about_br530 {
    display         : none;
}
.about_content {
    margin          : 56px auto;
    width           : 100%;
}
.about_title_area {
    text-align      : center;
}
.about_sub_title {
    display         : inline-block;
    position        : relative;
    width           : calc(100% - 200px);
    max-width       : 400px;
    margin          : 0 auto 35px;
    padding         : 0 118px;
    font-size       : 32px;
}
.about_sub_title::before,
.about_sub_title::after {
    content         : '';
    position        : absolute;
    top             : 50%;
    display         : inline-block;
    width           : 100px;
    height          : 1px;
    background-color: #4d4d4d;
}
.about_sub_title::before {
    left            : 0;
}
.about_sub_title::after {
    right           : 0;
}
.about_greet_area {
    margin          : 0px auto 105px;
    width           : calc(100% - 220px);
    display         : flex;
    max-width       : 1200px;
}
.about_greet_text_area {
    width           : calc(100% - 400px - 70px);
    font-size       : 18px;
    padding-right   : 70px;
}
.about_greet_text {
    width           : 100%;
}
.about_greet_text p {
    line-height     : 1.8em;
}
.about_greet_img_area {
    width           : 400px;
}
.about_greet_img_area img {
    max-width       : 400px;
    width           : 100%;
}
.about_greet_img_area p {
    font-size       : 15px;
    text-align      : right;
    margin-top      : 10px;
}
.about_clay_area {
    margin          : 16px auto 176px;
    width           : calc(100% - 220px);
    max-width       : 1200px;
}
.about_clay_text_area {
    width           : 100%;
    margin          : 0 auto 102px;
}
.about_clay_text {
    font-size       : 18px;
}
.about_inline {
    display         : inline;
}
.about_clay_img_area {
    width           : 100%;
    text-align      : center;
    max-width       : 700px;
    margin-left     : auto;
    margin-right    : auto;
}
.about_clay_img_area img {
    width           : 100%;
    max-width       : 700px;
}
.about_heritage_area {
    width           : calc(100% - 300px);
    margin          : 80px auto 142px;
    margin-right    : 0;
    background-color: rgba(239, 228, 216, 0.4);
    margin-top      : -125px;
    padding-top     : 125px;
    padding-bottom  : 110px;
}
.about_heritage_content {
    display         : flex;
    max-width       : 1200px;
}
.about_heritage_img {
    width           : calc(100% - 500px);
}
.about_heritage_img img {
    max-width       : 634px;
    width           : 100%;
}
.about_heritage_text {
    width           : 500px;
    text-align      : center;
    margin-top      : 10px;
    margin-left     : 15px;
}
.about_heritage_text h3 {
    font-size       : 24px;
    margin-left     : 35px;
    margin-top      : 5px;
}
.about_heritage_text p {
    font-size       : 18px;
    text-align      : left;
    margin-top      : 62px;
}
.about_oldkiln_area {
    width           : calc(100% - 300px);
    margin          : 80px auto 142px;
    margin-left     : 0;
    background-image: url('../imgs/about_oldkiln_back.png');
    margin-top      : -125px;
    padding-top     : 125px;
    padding-bottom  : 80px;
    background-repeat: no-repeat;
    background-size : cover;
}
.about_oldkiln_first {
    display         : flex;
    justify-content : flex-end;
}
.about_oldkiln_first_text {
    width           : 520px;
    padding-right   : 50px;
    font-size       : 18px;
    margin-left     : 15px;
}
.about_oldkiln_first_text p:nth-child(2) {
    margin-top      : 37px;
}
.about_oldkiln_first_img {
    max-width       : 632px;
    background-color: rgba(251, 249, 244, 0.55);
    width           : calc(100% - 570px - 136px);
    text-align      : center;
    position        : relative;
    padding-top     : 35px;
    padding-bottom  : 22px;
}
.about_oldkiln_first_img img {
    max-width       : 400px;
    width           : 100%;
}
.about_oldkiln_first_label {
    position        : absolute;
    writing-mode    : vertical-rl;
    font-size       : 25px;
    color           : #4d4d4d;
    border-left     : solid 1px #4d4d4d;
    border-right    : solid 1px #4d4d4d;
    top             : 10%;
    left            : 30%;
    line-height     : 1.2em;
    letter-spacing  : 0.3em;
    padding-top     : 5px;
    padding-bottom  : 5px;
}
.about_oldkiln_first_city {
    text-align      : left;
    font-size       : 14px;
    margin-top      : 28px;
    padding-left    : 20px;
}
.about_oldkiln_first_city p {
    line-height     : 1.6em;
}
.about_oldkiln_second h4 {
    font-size       : 24px;
    margin-bottom   : 28px;
}
.about_oldkiln_second_content {
    display         : flex;
    justify-content : flex-end;
    margin-top      : 53px;
}
.about_oldkiln_second_img {
    width           : calc(100% - 632px - 40px);
    text-align      : right;
}
.about_oldkiln_second_img img {
    max-width       : 533px;
    width           : 100%;
}
.about_oldkiln_second_text {
    width           : 632px;
    margin-left     : 40px;
    margin-top      : 61px;
}
.about_oldkiln_second_text_content {
    padding-right   : 62px;
}
.about_oldkiln_second_text_content:nth-of-type(2) {
    margin-top      : 30px;
}
.about_oldkiln_second_text_content h5 {
    font-size       : 18px;
    font-weight     : bold;
}
.about_oldkiln_second_text_content p {
    font-size       : 18px;
}
.about_traditional_area {
    width           : calc(100% - 300px);
    margin          : 80px auto 153px;
    margin-right    : 0;
    background-color: rgba(239, 228, 216, 0.4);
    margin-top      : -125px;
    padding-top     : 125px;
    padding-bottom  : 84px;
}
.about_traditional_content {
    display         : flex;
    max-width       : 1200px;
    align-items     : center;
}
.about_traditional_img {
    width           : calc(100% - 525px);
    margin-top      : 50px;
}
.about_traditional_img img {
    max-width       : 633.669px;
    width           : 100%;
}
.about_traditional_text {
    width           : 525px;
    text-align      : center;
    margin-top      : 10px;
}
.about_traditional_text h3 {
    font-size       : 24px;
}
.about_traditional_text p {
    font-size       : 18px;
    text-align      : left;
    margin-top      : 62px;
    margin-left     : 28px;
}
.about_traditional_logo {
    display         : flex;
    margin-left     : 30px;
    margin-top      : 72px;
}
.about_traditional_logo_img {
    width           : 100px;
}
.about_traditional_logo_img img {
    max-width       : 100px;
    width           : 100%;
}
.about_traditional_logo_text {
    width           : calc(100% - 120px);
    font-size       : 15px;
    position        : relative;
    margin-left     : 20px;
}
.about_traditional_logo_text p:first-child {
    margin-top      : 0;
    font-size       : 15px;
    position        : absolute;
    bottom          : calc(15px + 1em);
    line-height     : 1.3em;
}
.about_traditional_logo_text p:nth-child(2) {
    margin-top      : 0;
    font-size       : 15px;
    position        : absolute;
    bottom          : 0;
}
.about_greet_video_area {
    max-width       : 700px;
    margin-left     : auto;
    margin-right    : auto;
    margin-bottom   : 155px;
    width           : calc(100% - 220px);
}
.about_greet_video {
    position        : relative;
    width           : 100%;
    padding-top     : 56.25%;
}
.about_greet_video iframe {
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 100%;
    height          : 100%;
    border          : none;
}
.about_clay_video {
    position        : relative;
    width           : 100%;
    padding-top     : 56.25%;
}
.about_clay_video iframe {
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 100%;
    height          : 100%;
    border          : none;
}
/***----------------------------------------------------------------------------
越前焼の歩み
----------------------------------------------------------------------------***/
.page_side_title_history {
    height          : 1350px;
    margin-left     : 12px;
}
.history_content {
    width           : calc(100% - 240px);
    max-width       : 1200px;
    padding         : 0 120px;
    margin          : 80px auto 230px;
    color           : #4d4d4d;
}
.history_title_area {
    display         : flex;
    align-items     : center;
}
.history_title_en {
    margin-right    : 30px;
    font-size       : 40px;
    color           : #ded2c0;
}
.history_title_ja {
    font-size       : 18px;
}
.history_tab_menu {
    padding-top     : 50px;
    display         : flex;
    border-bottom   : 1px solid #4d4d4d;
}
.history_tab_menu li {
    width           : 100%;
    max-width       : 300px;
    font-size       : 25px;
    text-align      : center;
    background-color: #efe4d8;
}
.history_tab_menu li a {
    width           : calc(100% - 20px);
    padding         : 14px 10px;
    display         : block;
    color           : #4d4d4d;
}
.history_tab_menu li:not(:last-child) {
    margin-right    : 10px;
}
.history_tab_menu li.active {
    width           : calc(100% - 2px);
    max-width       : 298px;
    border-top      : 1px solid #4d4d4d;
    border-right    : 1px solid #4d4d4d;
    border-left     : 1px solid #4d4d4d;
    background-color: #ffffff;
    transform       : translateY(1px);
}
.history_tab_area_meiji,
.history_tab_area_1948 {
    width           : 100%;
    padding         : 100px 0 150px;
    margin-bottom   : 150px;
    position        : relative;
}
.history_tab_area_meiji::before,
.history_tab_area_1948::before {
    content         : '';
    width           : 2px;
    background-color: #4d4d4d;
    position        : absolute;
    top             : 0;
    left            : 50%;
    transform       : translateX(-50%);
}
.history_tab_area_meiji::before {
    height          : calc(100% - 120px);
    margin-top      : 120px;
}
.history_tab_area_1948::before {
    height          : calc(100% - 80px);
    margin-top      : 80px;
}
.history_tab_content_left,
.history_tab_content_right {
    width           : calc(50% - 30px);
    margin-bottom   : 50px;
    position        : relative;
    list-style      : none;
}
.history_tab_content_left {
    text-align      : right;
}
.history_tab_content_right {
    margin-left     : auto;
    margin-right    : 0;
    text-align      : left;
}
.history_tab_content_left::before,
.history_tab_content_right::before {
    content         : '';
    width           : 30px;
    height          : 30px;
    background-color: #c69c6d;
    border-radius   : 50%;
    position        : absolute;
    top             : 5px;
}
.history_tab_content_left::before {
    right           : -45px;
}
.history_tab_content_right::before {
    left            : -45px;
}
.history_tab_title {
    font-size       : 24px;
    line-height     : 1.5em;
    color           : #c69c6d;
}
.history_tab_exp {
    font-size       : 16px;
    line-height     : 2.5em;
}
.history_tab_img_left,
.history_tab_img_right {
    width           : 100%;
    max-width       : 500px;
    margin-top      : 10px;
}
.history_tab_img_left {
    margin-left     : 0;
    margin-right    : auto;
    text-align      : left;
}
.history_tab_img_right {
    margin-left     : auto;
    margin-right    : 0;
}
.history_tab_img_right_vertical {
    width           : 100%;
    max-width       : 309px;
    margin-top      : 10px;
    margin-left     : auto;
    margin-right    : 0;
}
.history_tab_img_left img,
.history_tab_img_right img,
.history_tab_img_right_vertical img {
    width           : 100%;
}
.history_tab_img_left p,
.history_tab_img_right p,
.history_tab_img_right_vertical p {
    font-size       : 14px;
}
.history_1948_map {
    width           : calc(100% - 162px);
    margin-bottom   : 10px;
    padding         : 25px 80px;
    background-color: #fbf9f4;
    border          : 1px solid #4d4d4d;
    position        : relative;
}
.history_1948_map p {
    width           : 30px;
    line-height     : 30px;
    position        : absolute;
    top             : 25px;
    left            : 35%;
    font-size       : 22px;
    writing-mode    : vertical-rl;
}
.history_1948_map p span {
    width           : 100%;
    display         : block;
    position        : relative;
}
.history_1948_map p span::before,
.history_1948_map p span::after {
    content         : '';
    width           : 1px;
    height          : 97px;
    background-color: #4d4d4d;
    position        : absolute;
    top             : 50%;
    transform       : translateY(-50%);
}
.history_1948_map p span::before {
    left            : 0;
}
.history_1948_map p span::after {
    right           : 0;
}
.history_1948_map img {
    width           : 100%;
}
.history_1986_logo {
    width           : 80px !important;
    margin-top      : 10px;
}
/***----------------------------------------------------------------------------
窯元紹介一覧
----------------------------------------------------------------------------***/
.kamamoto_slider {
    width           : calc(100% - 300px);
    margin          : 80px auto;
    display         : none;
}
.kamamoto_slide_area .slick-initialized {
    display         : block;
}
.kamamoto_slide_box {
    position        : relative;
    margin          : 0 25px;
    overflow        : hidden;
}
.kamamoto_slide_box_a:hover {
    opacity         : 1
}
.kamamoto_slide_name {
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 2.5em;
    height          : calc(100% - 1em);
    padding-top     : 1em;
    color           : #fff;
    font-size       : 28px;
    writing-mode    : vertical-rl;
    background      : linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(102, 102, 102, 0.6) 40%, #666666 100%);
    z-index         : 3;
}
.kamamoto_slide_box img {
    width           : 100%;
    object-fit      : cover;
    transition      : all .8s cubic-bezier(.19,1,.22,1);
    z-index         : 1;
}
.kamamoto_slide_box:hover img {
    transform       : scale(1.08)
}
.kamamoto_slider .slick-arrow {
    width           : 32px;
    height          : 41px;
    background-color: rgba(77, 77, 77, 0.6);
    border          : none;
    outline         : none;
    font-size       : 0;
    position        : absolute;
    top             : 50%;
    z-index         : 1;
    filter          : drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.kamamoto_slider .slick-arrow::before {
    content         : '';
    display         : block;
    width           : 12px;
    height          : 12px;
    border          : 1px solid #fff;
    border-width    : 3px 3px 0 0;
    position        : absolute;
    top             : 14px;
    transform       : rotate(45deg);
}
.kamamoto_slider .slick-next {
    right           : -31px;
}
.kamamoto_slider .slick-prev {
    left            : -31px;
}
.kamamoto_slider .slick-next::before {
    left            : 7px;
}
.kamamoto_slider .slick-prev::before {
    border-width    : 0 0 3px 3px;
    right           : 7px;
}
.kamamoto_content,
.kamamoto_no_data_content {
    width           : 100%;
    margin          : 80px auto;
    margin-right    : 0;
    padding-top     : 50px;
    background      : linear-gradient(90deg, rgba(255,255,255,0) 150px, #efe4d8 150px, #efe4d8 100%);
}
.kamamoto_no_data_content {
    height          : 1500px;
}
.page_side_title_area_kamamoto {
    height          : 1500px;
}
.kamamoto_sub_title {
    display         : block;
    position        : relative;
    width           : calc(100% - 200px);
    max-width       : 515px;
    margin          : 0 auto 31px;
    padding         : 0 100px;
    font-size       : 32px;
    text-align      : center;
}
.kamamoto_sub_title:before,
.kamamoto_sub_title:after {
    content         : '';
    position        : absolute;
    top             : 50%;
    display         : inline-block;
    width           : 100px;
    height          : 1px;
    background-color: #4d4d4d;
}
.kamamoto_sub_title:before {
    left            :0;
}
.kamamoto_sub_title:after {
    right           : 0;
}
.kamamoto_list_area {
    width           : 100%;
    max-width       : 1200px;
    margin          : 30px auto;
}
.kamamoto_list_area a {
    text-decoration : none;
}
.kamamoto_list_box {
    position        : relative;
    width           : 280px;
    margin-right    : calc(80px / 3);
    margin-bottom   : 50px;
    float           : left;
    box-shadow      : 2px 2px 4px #999;
    overflow        : hidden;
}
.kamamoto_list_box:nth-child(4n) {
    margin-right    : 0;
}
.kamamoto_list_box:hover {
    opacity         : 1
}
.kamamoto_box_on_mouse {
    position        : absolute;
    top             : -100%;
    width           : 100%;
    height          : 100%;
    color           : #fff;
    z-index         : 3;
    transition      : .5s ease;
    background-color: rgba(166, 123, 37, 0.8);
}
.kamamoto_list_box:hover .kamamoto_box_on_mouse {
    top             : 0
}
.kamamoto_box_on_area {
    position        : relative;
    height          : 100%;
}
.kamamoto_box_on_text {
    position        : absolute;
    left            : 0;
    right           : 0;
    width           : 1.3em;
    margin          : 0 auto;
    padding         : 20px;
    font-size       : 36px;
    line-height     : 1.3em;
    writing-mode    : vertical-rl;
}
.kamamoto_box_on_more {
    position        : absolute;
    width           : 216px;
    left            : 0;
    right           : 0;
    bottom          : 33px;
    margin          : 0 auto;
    text-align      : center;
    border          : 1px solid #fff;
}
.kamamoto_box_image {
    width           : 100%;
}
.kamamoto_box_text {
    width           : 100%;
    height          : 160px;
    color           : #4d4d4d;
    background-color: #fff;
}
.kamamoto_box_pottery {
    padding         : 15px 10px 0;
    line-height     : 1.3em;
    font-size       : 32px;
}
.kamamoto_long_font {
    font-size       : 30px;
}
.kamamoto_box_name {
    padding         : 2px 10px 0;
    font-size       : 20px;
}
.kamamoto_box_arrow {
    position        : absolute;
    bottom          : 0;
    right           : 0;
    border-top      : 24px solid transparent;
    border-right    : 24px solid #a67b25;
    border-bottom   : 24px solid #a67b25;
    border-left     : 24px solid transparent;
}
.kamamoto_box_arrow_small {
    position        : absolute;
    bottom          : 10px;
    right           : 9px;
    width           : 8px;
    height          : 8px;
    border          : 2px solid;
    border-color    : #fff #fff transparent transparent;
    border-radius   : 2px;
    transform       : rotate(45deg);
}
/***----------------------------------------------------------------------------
窯元紹介紹介
----------------------------------------------------------------------------***/
.kamamoto_sub_title_kana {
    display         : block;
    width           : 100%;
    max-width       : 515px;
    margin          : 80px auto -0.5em;
    text-align      : center;
    font-size       : 16px;
    line-height     : 1em;
}
.kamamoto_parson_content,
.kamamoto_detail_content {
    width           : 100%;
    margin          : 80px auto;
    margin-right    : 0;
    background      : linear-gradient(90deg, rgba(255,255,255,0) 303px, #ebeae5 303px, #ebeae5 100%);
}
.kamamoto_detail_content {
    margin-bottom   : 50px;
}
.kamamoto_back_btn {
    margin-bottom   : 190px;
    text-align      : center;
    overflow        : hidden;
}
.kamamoto_content_area,
.kamamoto_detail_area {
    width           : calc(100% - 303px);
    max-width       : 1355px;
    margin          : 15px auto 80px;
    margin-left     : 303px;
    padding-bottom  : 50px;
}
.kamamoto_detail_area {
    max-width       : 1200px;
    margin-bottom   : 0;
    padding-top     : 96px;
    padding-bottom  : 147px;
    position        : relative;
}
.kamamoto_parson_name {
    margin-left     : 1em;
    padding         : 10px 0 5px;
    font-size       : 32px;
}
.kamamoto_parson_box {
    display         : flex;
    align-items     : flex-end;
}
.kamamoto_parson_img {
    width           : calc(100% - 355px);
    margin-right    : 25px;
}
.kamamoto_parson_img img {
    width           : 100%;
    max-width       : 1000px;
}
.kamamoto_parson_video {
    width           : 330px;
    display         : flex;
    align-items     : flex-end;
}
.kamamoto_parson_video video,
.kamamoto_parson_video img {
    width           : 330px;
}
.kamamoto_kousai {
    width           : 100%;
}
.kamamoto_kousai p {
    font-size       : 18px;
    color           : #4d4d4d;
}
.kamamoto_parson_iframe {
    position        : relative;
    width           : 100%;
    padding-top     : 56.25%;
}
.kamamoto_parson_iframe iframe {
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 100%;
    height          : 100%;
    border          : none;
}
.kamamoto_shop_btn .arw-button_text {
    margin-left     : -12px;
    font-size       : 30px;
    font-family     : 'Noto Sans Ethiopic', sans-serif;
    font-weight     : 600;
}
.kamamoto_shop_btn .arw-button_text img {
    margin-right    : 20px;
}
.kamamoto_shop_btn .arw-button,
.kamamoto_back_btn .arw-button {
    width           : 265px;
}
.kamamoto_shop_btn .arw-button_arw,
.kamamoto_back_btn .arw-button_arw {
    width           : 75px;
}
.kamamoto_shop_btn .btn_gray,
.kamamoto_back_btn .btn_gray {
    height          : 64px;
}
.kamamoto_shop_text,
.kamamoto_shop_btn {
    text-align      : center;
}
.kamamoto_shop_text {
    margin-top      : 69px;
}
.kamamoto_shop_btn {
    margin-top      : 15px;
}
.kamamoto_shop_br {
    display         : none;
}
.kamamoto_detail_box_left {
    width           : calc(50% - 15px);
    margin-left     : 15px;
    float           : right;
}
.kamamoto_detail_text p {
    margin-left     : 30px;
    font-size       : 18px;
    color           : #4d4d4d;
}
.kamamoto_detail_history_title {
    margin-top      : 57px;
    margin-left     : 30px;
    font-size       : 20px;
    letter-spacing  : 1em;
}
.kamamoto_detail_history_dl {
    display         : flex;
    width           : 100%;
    margin          : 9px auto 0;
    padding         : 25px 0 47px;
    flex-wrap       : wrap;
    border-top      : 1px dotted #4d4d4d;
    border-bottom   : 1px dotted #4d4d4d;
}
.kamamoto_detail_history_dl dt {
    width           : 101px;
    margin          : 5px 15px 5px 30px;
    text-align      : right;
    line-height     : 1.5em;
}
.kamamoto_detail_history_dl dd {
    width           : calc(100% - 146px);
    margin          : 5px 0;
}
.kamamoto_detail_history_dl dd p {
    line-height     : 1.5em;
}
.kamamoto_detail_box_right {
    width           : 50%;
    max-width       : 600px;
    margin          : 0 auto;
    position        : relative;
    float           : left;
}
.kamamoto_detail_slide {
    display         : none;
}
.kamamoto_detail_box_right .slick-initialized {
    display         : block;
}
.kamamoto_detail_slide .slick-slide img {
    display         : block;
    width           : 100%;
    height          : 100%;
    object-fit      : cover;
}
.kamamoto_thumbs_dots {
    width           : 360px;
    height          : 160px;
    margin          : 20px 0 0;
}
.kamamoto_thumbs_dots li,
.kamamoto_thumbs_dots_sub li {
    display         : inline-block;
    width           : 160px;
    height          : 160px;
    margin-right    : 20px;
}
.kamamoto_thumbs_dots_sub {
    width           : 520px;
    height          : 160px;
    margin          : 20px 0 0;
}
.kamamoto_thumbs_dots_sub li:last-of-type {
    margin-right    : 0;
}
.kamamoto_detail_under_area {
    position        : absolute;
    bottom          : 147px;
    right           : 0;
    width           : calc(100% - 360px);
}
.kamamoto_shop_area {
    width           : calc(100% - 223px);
    float           : right;
    text-align      : center;
}
.kamamoto_sns_area {
    width           : 223px;
    float           : left;
}
.kamamoto_sns_area a:first-of-type {
    margin-top      : 45px;
}
.kamamoto_sns_area a {
    margin-top      : 42px;
}
.kamamoto_sns_facebook,
.kamamoto_sns_homepage,
.kamamoto_sns_blog {
    display         : flex;
    width           : 198px;
    align-items     : center;
    color           : #4d4d4d;
    font-size       : 30px;
    font-family     : 'Noto Sans Ethiopic', sans-serif;
    font-weight     : 600;
}
.kamamoto_sns_homepage {
    width           : 223px;
}
.kamamoto_sns_blog {
    width           : 131px;
}
.kamamoto_sns_facebook:before,
.kamamoto_sns_homepage:before,
.kamamoto_sns_blog:before {
    display         : inline-block;
    content         : '';
    width           : 45px;
    height          : 45px;
    margin-right    : 25px;
    background-image: url('../imgs/kamamoto_facebook_off.png');
    background-size : contain;
    vertical-align  : middle;
}
.kamamoto_sns_homepage:before {
    background-image: url('../imgs/kamamoto_hp_off.png');
}
.kamamoto_sns_blog:before {
    background-image: url('../imgs/kamamoto_blog_off.png');
}
.kamamoto_sns_facebook:hover,
.kamamoto_sns_homepage:hover,
.kamamoto_sns_blog:hover {
    color           : #000000;
    opacity         : 1;
}
.kamamoto_sns_facebook:hover:before {
    background-image: url('../imgs/kamamoto_facebook_on.png');
}
.kamamoto_sns_homepage:hover:before {
    background-image: url('../imgs/kamamoto_hp_on.png');
}
.kamamoto_sns_blog:hover:before {
    background-image: url('../imgs/kamamoto_blog_on.png');
}
.kamamoto_sns_instagram {
    display         : block;
    content         : '';
    width           : 205px;
    height          : 45px;
    background-image: url('../imgs/kamamoto_instagram_off.png');
    background-size : contain;
}
.kamamoto_sns_instagram:hover {
    background-image: url('../imgs/kamamoto_instagram_on.png');
    opacity         : 1;
}
.kamamoto_history_br {
    display         : none;
}
/***----------------------------------------------------------------------------
商品カタログ
----------------------------------------------------------------------------***/
.page_title_catalog {
    background: url('../imgs/echizenyaki_logo_catalog_pc.png?ver=1.0.1') no-repeat,
                url('../imgs/catalog_pc_background.png?ver=1.0.0') no-repeat,
                url('../imgs/page_title_back_pc.jpg');
    background-size: auto auto, auto auto, cover;
    background-position: 98% 80%, right, center;
}
.catalog_pdf::after {
    content: url('../imgs/pdf_logo.png');
    position: absolute;
    bottom: -25px;
    right: -14px;
    transform: scale(0.6,0.6);
}
.catalog_shop_btn {
    margin-bottom:15%;
}
.catalog_shop_txt {
    margin-bottom: 5%;
}
/***----------------------------------------------------------------------------
プロダクトブランド紹介
----------------------------------------------------------------------------***/
.brand_pagelink_area {
    display         : flex;
    width           : calc(550px - 2px);
    margin          : 60px auto 114px;
    border          : 1px solid #4d4d4d;
}
.brand_pagelink_box {
    width           : calc((550px - 1px) / 2);
    text-align      : center;
    /* background-color: #efe4d8; */
}
.brand_pagelink_box a {
    display:block;
    background-color: #efe4d8;
}
.brand_pagelink_img {
    display         : block;
    height          : 181px;
    background-color: #fbfbfb;
}
.brand_pagelink_box:first-of-type {
    border-right    : 1px solid #4d4d4d;
}
.brand_pagelink_title {
    height          : 54px;
    line-height     : 54px;
    border-bottom   : 1px solid #4d4d4d;
    font-size       : 18px;
}
.brand_pagelink_img {
    position        : relative;
}
.brand_pagelink_img img {
    width           : 100%;
}
.brand_pagelink_img_logo {
    position        : absolute;
    top             : calc((181px - 135px) / 2);
    left            : calc((273px - 137px) / 2);
    max-width       : 137px;
}
.brand_pagelink_arrow {
    position        : relative;
    margin-left     : 25px;
}
.brand_pagelink_arrow::before,
.brand_pagelink_arrow::after {
    display         : inline-block;
    position        : absolute;
    content         : "";
    width           : 18px;
    height          : 1px;
    background      : #333333;
    border-radius   : 2px;
}
.brand_pagelink_arrow::before {
    left            : 13px;
    top             : calc((54px / 2) - 15px);
    transform       : rotate(-45deg);
}
.brand_pagelink_arrow::after {
    top             : calc((54px / 2) - 15px);
    transform       : rotate(45deg);
}
.brand_white_content,
.brand_color_content {
    width           : 100%;
    margin          : 0 auto 96px;
    margin-right    : 0;
}
.brand_color_content {
    padding-top     : 50px;
    background      : linear-gradient(90deg, rgba(255,255,255,0) 303px, #efe4d8 303px, #efe4d8 100%);
}
.brand_white_area,
.brand_color_area {
    width           : calc(100% - 303px);
    max-width       : 1200px;
    margin          : 0 auto;
    text-align      : center;
    color           : #4d4d4d;
}
.brand_white_area {
    width           : 100%;
}
.brand_sub_title {
    display         : block;
    position        : relative;
    width           : calc(100% - 200px);
    max-width       : 400px;
    margin          : 0 auto 50px;
    padding         : 0 100px;
    font-size       : 32px;
    text-align      : center;
    font-family     : "Noto Serif JP", serif;
    font-weight     : 600;
}
.brand_sub_title:before,
.brand_sub_title:after {
    content         : '';
    position        : absolute;
    top             : 50%;
    display         : inline-block;
    width           : 100px;
    height          : 1px;
    background-color: #4d4d4d;
}
.brand_sub_title:before {
    left            :0;
}
.brand_sub_title:after {
    right           : 0;
}
.brand_tsuchigokoro_box_right {
    width           : calc(100% - 634px);
    float           : right;
    font-size       : 24px;
}
.brand_tsuchigokoro_box_right p {
    margin-left     : 90px;
}
.brand_tsuchigokoro_box_left,
.brand_hirara_box_left {
    width           : calc(100% - 385px);
    max-width       : 634px;
    text-align      : left;
    float           : left;
}
.brand_tsuchigokoro_img_box,
.brand_hirara_img_box {
    position        : relative;
}
.brand_tsuchigokoro_img_box img,
.brand_hirara_img_box img {
    width           : 100%;
    max-width       : 634px;
}
.brand_tsuchigokoro_img_text,
.brand_hirara_img_text {
    position        : absolute;
    top             : 20px;
    left            : 20px;
    line-height     : 1em;
    color           : #fff;
    font-size       : 45px;
    font-family     : "Times New Roman";
}
.brand_tsuchigokoro_box_left_text {
    width           : calc(100% - 15px);
    padding         : 15px;
    padding-right   : 0;
}
.brand_hirara_box_right {
    width           : calc(100% - 634px);
    float           : right;
    font-size       : 24px;
}
.brand_hirara_box_right_p {
    margin-left     : 90px;
}
.brand_hirara_box_right_text {
    width           : 86%;
    margin          : 30px auto;
    margin-right    : 0;
    text-align      : left;
    font-size       : 18px;
}
.brand_kodawari_content {
    position        : relative;
    width           : 100%;
    max-width       : 1200px;
    height          : 401px;
}
.brand_kodawari_area1 {
    display         : flex;
    position        : absolute;
    left            : -40px;
}
.brand_kodawari_area2 {
    display         : flex;
    position        : absolute;
    left            : 585px;
}
.brand_kodawari_box1,
.brand_kodawari_box2,
.brand_kodawari_box3,
.brand_kodawari_box4 {
    width           : 305px;
    height          : 269px;
    margin          : 0 auto;
    position        : relative;
    background-size : contain;
    background-repeat: no-repeat;
}
.brand_kodawari_box1 {
    margin-right    : 5px;
    background-image: url(../imgs/brand_kodawari1.png);
}
.brand_kodawari_box2 {
    margin-right    : 5px;
    background-image: url(../imgs/brand_kodawari2.png);
}
.brand_kodawari_box3 {
    margin-right    : 5px;
    background-image: url(../imgs/brand_kodawari3.png);
}
.brand_kodawari_box4 {
    background-image: url(../imgs/brand_kodawari4.png);
}
.brand_kodawari_title {
    position        : absolute;
    top             : 35px;
}
.brand_kodawari_text {
    position        : absolute;
    top             : 105px;
}
.brand_kodawari_box1 .brand_kodawari_title {
    right           : calc((252px - 128px) / 2);
}
.brand_kodawari_box1 .brand_kodawari_text {
    right           : calc((252px - 192px) / 2);
}
.brand_kodawari_box2 .brand_kodawari_title {
    right           : calc((252px - 144px) / 2);
}
.brand_kodawari_box2 .brand_kodawari_text {
    right           : calc((252px - 190px) / 2);
}
.brand_kodawari_box3 .brand_kodawari_title {
    right           : calc((252px - 128px) / 2);
}
.brand_kodawari_box3 .brand_kodawari_text {
    right           : calc((252px - 223px) / 2);
}
.brand_kodawari_box4 .brand_kodawari_title {
    right           : calc((252px - 112px) / 2);
    line-height     : 1.5em;
}
.brand_kodawari_box4 .brand_kodawari_text {
    right           : calc((252px - 143px) / 2);
}
.brand_item_area {
    width           : 95%;
    margin          : 0 auto;
}
.brand_item_box {
    width           : calc(90% / 3);
    margin-bottom   : 50px;
    margin-right    : 5%;
    float           : left;
}
.brand_item_box img {
    width           : 100%;
    max-width       : 360px;
}
.brand_item_box:nth-of-type(3),
.brand_item_box:nth-of-type(5) {
    margin-right    : 0;
    margin-left     : 0;
}

.brand_item_box:nth-of-type(4) {
    margin-left     : calc((100% - (90% / 3)) / 4);
}
.brand_item_box p:first-of-type {
    margin-top      : 21px;
}
.brand_item_area + .btn_gray {
    margin          : 77px auto 121px;
}
/***----------------------------------------------------------------------------
コラボ実績
----------------------------------------------------------------------------***/
.collabo_sub_title {
    display         : block;
    position        : relative;
    width           : calc(100% - 200px);
    max-width       : 515px;
    margin          : 0 auto 31px;
    padding         : 0 100px;
    font-size       : 32px;
    text-align      : center;
    font-family     : "Noto Serif JP", serif;
    font-weight     : 600;
}
.collabo_sub_title:before,
.collabo_sub_title:after {
    content         : '';
    position        : absolute;
    top             : 50%;
    display         : inline-block;
    width           : 100px;
    height          : 1px;
    background-color: #4d4d4d;
}
.collabo_sub_title_top {
    margin          : 80px auto 120px;
}
.collabo_sub_title:before {
    left            :0;
}
.collabo_sub_title:after {
    right           : 0;
}
.collabo_text_title {
    margin-bottom   : 23px;
    text-align      : center;
    font-size       : 24px;
}
.collabo_text_title_BEAMS {
    margin-bottom   : 16px;
    line-height     : 1em;
}
.collabo_text_title_hakuichi {
    margin-bottom   : 29px;
    line-height     : 1em;
}
.collabo_br400 {
    display         : block;
}
.collabo_br_LDH,
.collabo_br_hakuichi,
.collabo_br390 {
    display         : none;
}
.collabo_content_back_LDH {
    width           : 100%;
    margin          : 80px auto;
    margin-right    : 0;
    padding-top     : 28px;
    background      : url(../imgs/collabo_ldh_back.png),
                        linear-gradient(90deg, rgba(255,255,255,0) 303px, rgba(239, 228, 216, 0.4) 303px, rgba(239, 228, 216, 0.4) 100%);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size : contain;
}
.collabo_area {
    width           : calc(100% - 303px);
    max-width       : 1200px;
    margin          : 90px auto;
}
.collabo_area_BEAMS {
    margin-top      : 98px;
}
.collabo_img_box {
    position        : relative;
    width           : calc(56% - 28px);
    max-width       : 634px;
}
.collabo_img_box img {
    width           : 100%;
    max-width       : 634px;
}
.collabo_text_box {
    width           : 44%;
    font-size       : 18px;
}
.collabo_text_box p {
    margin-left     : 15px;
}
.collabo_img_box_LDH,
.collabo_img_box_hakuichi {
    margin-right    : 26px;
    float           : left;
}
.collabo_text_box_LDH,
.collabo_text_box_hakuichi {
    margin-bottom   : 54px;
    float           : right;
}
.collabo_content_back_beams {
    width           : 100%;
    margin          : 166px auto 80px;
    margin-left     : 0;
    padding-top     : 27px;
    background      : url(../imgs/collabo_beams_back.png),
                        linear-gradient(90deg, #efe4d8 calc(100% - 303px), rgba(255, 255, 255, 0) calc(100% - 303px), rgba(255, 255, 255, 0) 100%);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size : contain;
}
.collabo_img_box_BEAMS {
    margin-left     : 26px;
    float           : right;
}
.collabo_text_box_BEAMS {
    float           : left;
    margin-bottom   : 68px;
}
.collabo_content_back_hakuichi {
    width           : 100%;
    margin          : 154px auto 80px;
    margin-right    : 0;
    padding-top     : 31px;
    background      : url(../imgs/collabo_hakuichi_back.png),
                        linear-gradient(90deg, rgba(255,255,255,0) 303px, rgba(239, 228, 216, 0.4) 303px, rgba(239, 228, 216, 0.4) 100%);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size : contain;
}
.collabo_img_box_hakuichi {
    width           : calc(55% - 28px);
}
.collabo_text_box_hakuichi {
    width           : 45%;
}
/***----------------------------------------------------------------------------
業務用越前焼食器
----------------------------------------------------------------------------***/
.page_body_dishes {
    padding-bottom  : 75px;
}
.page_side_title_dishes {
    height          : 1625px;
    font-size       : 95px;
}
.dishes_sub_title {
    text-align      : center;
    font-size       : 32px;
    overflow        : hidden;
}
.dishes_sub_title#DISHES-VOICE {
    padding-top     : 50px;
}
.dishes_sub_title span {
    width           : 320px;
    margin          : 0 auto;
    display         : block;
    position        : relative;
}
.dishes_sub_title_feature span {
    display         : inline;
}
.dishes_sub_title span::before,
.dishes_sub_title span::after {
    content         : '';
    width           : 100px;
    height          : 1px;
    background-color: #4d4d4d;
    position        : absolute;
    top             : 50%;
    transform       : translateY(-50%);
}
.dishes_sub_title span::before {
    left            : -200px;
}
.dishes_sub_title span::after {
    right           : -200px;
}
.dishes_content {
    width           : calc(100% - 240px);
    margin          : 80px auto;
    padding         : 0 120px;
    color           : #4d4d4d;
}
.dishes_about_area {
    width           : 100%;
    margin          : 25px 0 80px;
    display         : flex;
    justify-content : center;
    align-items     : flex-start;
}
.dishes_about_text_area {
    width           : calc(50% - 10px);
    max-width       : 600px;
    margin-right    : 20px;
}
.dishes_about_voice_area {
    width           : calc(100% - 2px);
    max-width       : 548px;
    margin-top      : 100px;
    background-color: #efe4d8;
    border          : 1px solid #4d4d4d;
}
.dishes_about_voice_area h4 {
    margin-top      : 10px;
    font-size       : 18px;
    text-align      : center;
}
.dishes_about_voice_img {
    width           : 100%;
    margin-top      : 4px;
    position        : relative;
}
.dishes_about_voice_img img {
    width           : 100%;
}
.dishes_about_voice_link {
    width           : 40%;
    max-width       : 218px;
    height          : 53px;
    text-align      : center;
    line-height     : 52px;
    position        : absolute;
    top             : 52%;
    left            : 67%;
    transform       : translate(-33%, -48%);
    border          : 1px solid #4d4d4d;
    z-index         : 1;
}
.dishes_about_voice_link::after {
    content         : '';
    width           : 15px;
    height          : 15px;
    border          : 1px solid;
    border-color    : transparent transparent #4d4d4d #4d4d4d;
    position        : absolute;
    top             : 40%;
    left            : 80%;
    transform       : translate(-20%, -60%) rotate(-45deg);
}
.dishes_about_img {
    width           : calc(50% - 10px);
    max-width       : 700px;
}
.dishes_feature_area {
    width           : 100%;
    margin          : 60px 0 30px;
    display         : flex;
    justify-content : center;
    align-items     : center;
}
.dishes_feature_text_area {
    width           : calc(50% - 10px);
    max-width       : 600px;
    margin-right    : 20px;
}
.dishes_feature_text_box {
    margin-bottom   : 65px;
    display         : flex;
    position        : relative;
}
.dishes_feature_text_box_last {
    margin-bottom   : 0;
}
.dishes_feature_num {
    width           : 75px;
    height          : 75px;
    position        : absolute;
    top             : 0;
    left            : 0;
    border-radius   : 50%;
    color           : #000000;
    background-color: #ded2c0;
    font-size       : 78px;
    text-align      : center;
}
.dishes_feature_num_1,
.dishes_feature_num_2 {
    line-height     : 55px;
}
.dishes_feature_num_3 {
    line-height     : 38px;
}
.dishes_feature_border {
    width           : 79px;
    margin-top      : 35px;
    margin-left     : 35px;
    background-image: linear-gradient(to top right, transparent 49.5%, #000000 49.5%, #000000 50%, transparent 50%, transparent);
    z-index         : -1;
}
.dishes_feature_text {
    width           : calc(100% - 115px);
    border-bottom   : 1px dashed #000000;
    padding-bottom  : 5px;
}
.dishes_feature_text h4 {
    font-size       : 26px;
}
.dishes_feature_text p {
    font-size       : 18px;
}
.dishes_feature_img_area {
    width           : calc(50% - 68px);
    max-width       : 640px;
    padding         : 29px;
    background-color: #efe4d8;
    text-align      : center;
}
.dishes_feature_img_area img {
    width           : 100%;
    max-width       : 380px;
    margin-bottom   : 29px;
}
.dishes_collab_area {
    width           : 100%;
    margin-top      : 50px;
}
.dishes_collab_box {
    width           : calc((100% - 320px) / 3);
    padding         : 20px 40px 50px;
    float           : left;
    position        : relative;
}
.dishes_collab_box:nth-child(1) {
    margin-right    : 40px;
    background-color: #efe4d8;
}
.dishes_collab_box:nth-child(2) {
    margin-top      : 100px;
    margin-right    : 40px;
    background-color: #f2f2f2;
}
.dishes_collab_box:nth-child(3) {
    margin-top      : 200px;
    background-color: #efe4d8;
}
.dishes_collab_box h4 {
    font-size       : 24px;
    text-align      : center;
}
.dishes_collab_box img {
    width           : 100%;
    margin          : 10px 0 20px;
}
.dishes_collab_shop_title {
    width           : 100%;
    margin          : 0 auto 50px;
    font-size       : 16px;
    line-height     : 1.5em;
    text-align      : center;
}
.dishes_collab_shop_url {
    width           : 100%;
    margin          : 0 auto;
    font-size       : 15px;
    line-height     : 1.5em;
}
.dishes_collab_shop_url a {
    text-decoration : underline;
}
.dishes_sub_title_en {
    margin          : 5px 0 55px;
    font-size       : 18px;
    text-align      : center;
}
.dishes_iwamotoya_title_area {
    width           : 100%;
    padding         : 43px 0;
    background-image: url(../imgs/dishes_iwamotoya_title_pc.png);
    background-size : cover;
    background-position: right;
}
.dishes_iwamotoya_title,
.dishes_akiyoshi_title {
    display         : flex;
    align-items     : center;
    justify-content : center;
    position        : relative;
}
.dishes_iwamotoya_title img {
    width           : 140px;
    margin-right    : 40px;
}
.dishes_iwamotoya_title h4 {
    font-size       : 25px;
    color           : #000000;
}
.dishes_shop_area {
    width           : calc(100% - 240px);
    max-width       : 1200px;
    padding         : 74px 120px 85px;
    margin          : 0 auto;
    color           : #4d4d4d;
}
.dishes_shop_info_president_area {
    width           : 100%;
    margin-bottom   : 75px;
    display         : flex;
}
.dishes_shop_info_area {
    width           : calc(38% - 20px);
    margin-right    : 40px;
    position        : relative;
    border          : 1px solid #4d4d4d;
}
.dishes_shop_info_area img {
    width           : 100%;
}
.dishes_shop_info {
    padding         : 15px 30px 15px;
}
.dishes_shop_info p {
    line-height     : 1.8em;
}
.dishes_shop_info_area .btn_gray {
    position        : absolute;
    bottom          : 15px;
}
.dishes_shop_president_area {
    width           : calc(62% - 20px);
}
.dishes_shop_president_area h4 {
    width           : calc(100% - 20px);
    padding         : 6px 0 6px 20px;
    font-size       : 18px;
    background-color: #efe4d8;
}
.dishes_shop_president_content {
    width           : 100%;
    display         : flex;
}
.dishes_shop_president_img {
    width           : 47%;
    background-position: center;
    background-size : cover;
    position        : relative;
}
.dishes_shop_president_img_iwamotoya {
    background-image: url(../imgs/dishes_iwamotoya_president_pc.png?ver=1.0.1);
}
.dishes_shop_president_img_akiyoshi {
    background-image: url(../imgs/dishes_akiyoshi_president_pc.png?ver=1.0.1);
}
.dishes_shop_president_text_area {
    width           : 53%;
    padding         : 20px 0 0;
    border          : 1px solid #f1f1f1;
    text-align      : center;
}
.dishes_shop_president_img::before,
.dishes_shop_craftman_img::before {
    content         : '';
    width           : 13px;
    height          : 13px;
    border          : 1px solid;
    position        : absolute;
    right           : -8px;
    z-index         : 3;
}
.dishes_shop_president_img::before {
    top             : 40%;
    transform       : translateY(-60%) rotate(45deg);
    border-color    : transparent transparent #f1f1f1 #f1f1f1;
}
.dishes_shop_craftman_img::before {
    top             : 50%;
    transform       : translateY(-50%) rotate(45deg);
    border-color    : transparent transparent #4d4d4d #4d4d4d;
}
.dishes_shop_president_img::after,
.dishes_shop_craftman_img::after {
    content         : '';
    width           : 0;
    height          : 0;
    border-style    : solid;
    border-top      : 10px solid transparent;
    border-bottom   : 10px solid transparent;
    border-right    : 10px solid #ffffff;
    border-left     : 0;
    position        : absolute;
    right           : -1px;
    z-index         : 2;
}
.dishes_shop_president_img::after {
    top             : 40%;
    transform       : translateY(-60%);
}
.dishes_shop_craftman_img::after {
    top             : 50%;
    transform       : translateY(-50%);
}
.dishes_shop_president_text {
    width           : calc(100% - 20px);
    padding         : 0 10px;
    margin-bottom   : 10px;
    text-align      : left;
}
.dishes_shop_president_text p {
    line-height     : 1.8em;
}
.dishes_shop_president_dish_img {
    width           : 100%;
}
.dishes_shop_craftman_area {
    width           : 100%;
}
.dishes_shop_craftman_area h4 {
    width           : calc(100% - 20px);
    padding         : 6px 0 6px 20px;
    font-size       : 18px;
    background-color: #efe4d8;
}
.dishes_shop_craftman_content {
    width           : 100%;
    min-height      : 348px;
    display         : flex;
}
.dishes_shop_craftman_img {
    width           : 46%;
    position        : relative;
    background-size : cover;
}
.dishes_shop_craftman_img_iwamotoya {
    background-image: url(../imgs/dishes_iwamotoya_craftman_pc.png);
    background-position: right;
}
.dishes_shop_craftman_img_akiyoshi {
    background-image: url(../imgs/dishes_akiyoshi_craftman_pc.png);
    background-position: left;
}
.dishes_shop_craftman_text_area {
    width           : calc(54% - 80px);
    padding         : 20px 40px;
    border          : 1px solid #4d4d4d;
    position        : relative;
}
.dishes_shop_craftman_text_area p {
    line-height     : 1.8em;
}
.dishes_shop_craftman_text_area .btn_gray {
    position        : absolute;
    bottom          : 20px;
}
.dishes_akiyoshi_title_area {
    width           : 100%;
    padding         : 32px 0;
    background-image: url(../imgs/dishes_akiyoshi_title_pc.png);
    background-size : cover;
    background-position: center;
}
.dishes_akiyoshi_title img {
    width           : 64px;
    margin-right    : 40px;
}
.dishes_akiyoshi_title h4 {
    font-size       : 25px;
    color           : #000000;
}

/***----------------------------------------------------------------------------
体験教室
----------------------------------------------------------------------------***/
.taiken_br470 {
    display         : none;
}
.taiken_slide_area {
    width           : 100%;
    position        : relative;
}
.taiken_slider {
    display         : none;
}
.taiken_slider .slick-initialized {
    display         : block;
}
.taiken_slide_area::after {
    content         : '';
    background-color: rgba(102, 102, 102, 0.5);
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
}
.taiken_slider img {
    width           : 100%;
    height          : auto;
}
.taiken_title {
    display         : none;
}
.taiken_page_title {
    padding         : 0 295px;
}
.taiken_content {
    margin-top      : 55px;
    margin-bottom   : 190px;
}
.taiken_title_area {
    width           : 100%;
    padding         : 0px 0 83px;
    text-align      : center;
    color           : #4d4d4d;
}
.taiken_color_content {
    width           : calc(100% - 300px);
    margin          : 0 auto 166px;
    margin-right    : 0;
}
.taiken_color_area {
    padding         : 1px 0 30px;
    width           : calc(100% - 303px);
    max-width       : 1200px;
    color           : #4d4d4d;
    margin-left     : 303px;
}
.taiken_white_area {
    padding         : 1px 0 50px;
    width           : calc(100% - 303px);
    max-width       : 1200px;
    color           : #4d4d4d;
    margin          : 0px auto;
    margin-right    : 303px;
}
.taiken_sub_title {
    display         : block;
    position        : relative;
    width           : calc(100% - 200px);
    max-width       : 515px;
    margin          : 0 auto;
    padding         : 0 100px;
    font-size       : 32px;
    font-family     : "Noto Serif JP", serif;
    text-align      : center;
    color           : #4d4d4d;
    font-weight     : 600;
}
.taiken_sub_title img {
    max-width       : 281px;
    width           : 100%;
}
.taiken_sub_title::before,
.taiken_sub_title::after {
    content         : '';
    position        : absolute;
    top             : 50%;
    display         : inline-block;
    width           : 100px;
    height          : 1px;
    background-color: #4d4d4d;
}
.taiken_sub_title::before {
    left            : 0;
}
.taiken_sub_title::after {
    right           : 0;
}
.taiken_title_area p {
    font-size       : 18px;
}
.taiken_studio {
    margin-top      : 20px;
}
.taiken_studio_box_right {
    float           : right;
    width           : 528px;
    margin-left     : 20px;
}
.taiken_studio_box_right h3 {
    font-size       : 24px;
    text-align      : center;
    color           : #4d4d4d;
}
.taiken_studio_box_left {
    float           : left;
    width           : calc(100% - 548px);
    max-width       : 634px;
    text-align      : left;
}
.taiken_studio_left_img_box {
    position        : relative;
}
.taiken_studio_left_img_text1 {
    position        : absolute;
    top             : 20px;
    left            : 20px;
    line-height     : 1em;
    color           : #fff;
    font-size       : 45px;
    font-family     : "Times New Roman";
}
.taiken_studio_left_img_text2 {
    position        : absolute;
    top             : 18%;
    left            : 33%;
    line-height     : 1em;
    color           : #000;
    font-size       : 38px;
    font-weight     : bold;
    text-shadow     : 3px 3px 1px #fff;
}
.taiken_studio_left_img_text3 {
    position        : absolute;
    top             : 30%;
    left            : 33%;
    line-height     : 1.8em;
    color           : #000;
    font-size       : 22px;
    text-shadow     : 2px 2px 1px #fff;
    font-weight     : bold;
}
.taiken_studio_left_img_box img {
    width           : 100%;
    max-width       : 634px;
}
.taiken_studio_left_text_box {
    font-size       : 16px;
    color           : #4d4d4d;
    padding-left    : 20px;
    margin-top      : 16px;
}
.taiken_studio_left_text_box p:first-child {
    text-indent     : -1em;
    padding-left    : 1em;
}
.taiken_studio_left_text_box p:nth-child(2) {
    margin-left     : 1em;
}
.taiken_studio_right_link_box {
    font-size       : 16px;
    border-radius   : 0.5em;
    border          : 1px dashed #4d4d4d;
    max-width       : 525.5px;
    padding-top     : 20px;
    padding-bottom  : 20px;
}
.taiken_studio_right_link_box p {
    padding         : 0 36px;
    line-height     : 1.5em;
}
.taiken_studio_text {
    font-size       : 18px;
    margin-top      : 20px;
    margin-bottom   : 83px;
}
.taiken_studio_link {
    margin-top      : 33px;
    text-align      : center;
}
.taiken_studio_link a {
    display         : inline-block;
}
.taiken_studio_link a:first-child {
    margin-right    : 10%;
}
.taiken_studio_link a:first-child {
    max-width       : 177px;
    width           : 100%;
}
.taiken_studio_link a:nth-child(2) {
    max-width       : 205px;
    width           : 100%;
}
.taiken_studio_link a:first-child img {
    max-width       : 177px;
    width           : 100%;
}
.taiken_studio_link a:nth-child(2) img {
    max-width       : 205px;
    width           : 100%;
}
.taiken_rokuro_title {
    padding-top     : 5px;
    padding-bottom  : 2px;
}
.taiken_rokuro_width {
    width           : 100%;
    text-align      : right;
}
.taiken_rokuro,
.taiken_tankirokuro {
    display         : flex;
    justify-content : flex-end;
}
.taiken_rokuro_bottom {
    margin-top      : 34px;
}
.taiken_rokuro_left {
    width           : calc(100% - 600px);
    margin-top      : 46px;
}
.taiken_rokuro_left h3 {
    text-align      : center;
    font-size       : 24px;
    margin-bottom   : 20px;
}
.taiken_rokuro_left p {
    text-align      : left;
    font-size       : 18px;
    line-height     : 1.76em;
}
.taiken_rokuro_right {
    display         : flex;
    width           : 600px;
}
.taiken_rokuro_right_koushi {
    margin-top      : 28px;
}
.taiken_rokuro_right > div > p {
    text-align      : left;
}
.taiken_rokuro_right > div > img {
    max-width       : 300px;
    width           : 100%;
}
.taiken_rokuro_class_right {
    max-width       : 600px;
    width           : 600px;
}
.taiken_rokuro_class_right img {
    max-width       : 600px;
    width           : 100%;
}
.taiken_rokuro_class_left {
    width           : calc(100% - 600px - 20px);
    margin-right    : 20px;
}
.taiken_rokuro_table {
    text-align      : left;
    font-size       : 16px;
    width           : 100%;
    margin-left     : auto;
}
.taiken_tankirokuro_table {
    text-align      : left;
    font-size       : 16px;
    width           : calc(100% - 28px);
    margin-left     : 28px;
}
.taiken_rokuro_table_content {
    display         : table;
    width           : calc(100% - 2px);
}
.taiken_rokuro_table_outline {
    border-top      : 1px dashed #4d4d4d;
    border-bottom   : 1px dashed #4d4d4d;
}
.taiken_rokuro_table_bottom {
    border-bottom   : 1px dashed #4d4d4d;
}
.taiken_rokuro_table_left {
    display         : table-cell;
    width           : 65px;
    padding         : 23px 2px;
    text-align      : center;
}
.taiken_rokuro_table_right {
    display         : table-cell;
    width           : calc(100% - 65px);
    padding         : 23px 0px 23px 15px;
}
.taiken_rokuro_bottom_right {
    max-width       : 602px;
    width           : 602px;
    margin-top      : 47px;
}
.taiken_rokuro_bottom_right img {
    max-width       : 602px;
    width           : 100%;
}
.taiken_rokuro_bottom_left {
    width           : calc(100% - 602px);
    margin-top      : 7px;
}
.taiken_color_content_right {
    background-color: #efe4d8;
    width           : calc(100% - 300px);
    margin          : 0 auto 110px;
    margin-right    : 0;
}
.taiken_tankirokuro_title {
    padding-bottom  : 24px;
    margin-top      : 10px;
}
.taiken_tankirokuro_width {
    width           : 100%;
    max-width       : 1200px;
    text-align      : left;
}
.taiken_tankirokuro_left {
    width           : 602px;
}
.taiken_tankirokuro_right {
    width           : calc(100% - 602px);
}
.taiken_tankirokuro_right div {
    position        : relative;
    border          : 1px dashed #4d4d4d;
    border-radius   : 0.5em;
    padding         : 10px 20px 46px;
    text-align      : center;
    margin-left     : 30px;
    margin-top      : 22px;
    max-width       : 572px;
}
.taiken_tankirokuro_right div > p {
    text-align      : left;
    font-size       : 15px;
    margin-top      : 5px;
    margin-bottom   : 10px;
}
.taiken_tankirokuro_right_h4 {
    position        : absolute;
    background-color: #ded2c0;
    border-radius   : 0.8em;
    top             : -10px;
    color           : #4d4d4d;
    font-size       : 15px;
    max-width       : 116px;
    padding         : 0 20px;
}
.taiken_rokuro_bottom_left h4 {
    font-size       : 18px;
    margin-left     : 30px;
    margin-bottom   : 9px;
}
.taiken_tankirokuro_left h3 {
    text-align      : center;
    font-size       : 24px;
    margin-bottom   : 34px;
}
.taiken_tankirokuro_left p {
    text-align      : left;
    font-size       : 18px;
    margin-left     : 20px;
    line-height     : 1.75em;
}
.taiken_flow {
    max-width       : 530px;
    width           : 100%;
}
.taiken_flow img {
    max-width       : 530px;
    width           : 100%;
}
.taiken_work {
    width           : calc(100% - 110px);
    margin          : 20px auto;
}
.taiken_work_container {
    width           : 100%;
    text-align      : center;
}
.taiken_work_item_area {
    max-width       : 1200px;
    width           : 100%;
    margin          : 58px auto 37px;
}
.taiken_work_item {
    width           : calc(90% / 3);
    margin-bottom   : 144px;
    margin-right    : 5%;
    float           : left;
}
.taiken_work_item img {
    width           : 100%;
    max-width       : 360px;
}
.taiken_work_item:nth-of-type(3),
.taiken_work_item:nth-of-type(6) {
    margin-right    : 0;
    margin-left     : 0;
}
.taiken_contact {
    margin-top      : 44px;
    margin-bottom   : 20px;
}
.taiken_color_content,
.taiken_color_content_left {
    width           : 100%;
    max-width       : 1200px;
    padding-top     : 20px;
    margin-right    : auto;
}
.taiken_color_content_left {
    margin-left     : auto;
}
.taiken_color_content_left {
    background-color: #efe4d8;
    width           : calc(100% - 300px);
    margin-bottom   : 165px;
    padding-top     : 0;
}
.taiken_content_box {
    background      : linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 302px, rgba(239, 228, 216, 0.4) 302px, rgba(239, 228, 216, 0.4) 100%);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size : contain;
    margin-right    : 0;
    width           : 100%;
    padding-top     : 22px;
    margin-bottom   : 166px;
}
.taiken_content_box_left {
    background      : linear-gradient(90deg, #efe4d8 0, #efe4d8 calc(100% - 303px), rgba(255,255,255,0) calc(100% - 303px), rgba(255,255,255,0) 100%);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size : contain;
    padding-top     : 26px;
    margin-bottom   : 166px;
}

.taiken_color_content_left .taiken_title_area {
    width           : 100%;
    margin-left     : auto;
}
.taiken_tankirokuro_area {
    padding-bottom  : 48px;
}
.taiken_work_title {
    padding         : 0 100px;
}
.taiken_contact_title {
    padding         : 0 100px;
}
.taiken_sub_title_top {
    margin          : 0 auto;
}
.taiken_studio_left_text_box p {
    line-height     : 1.65em;
}
.taiken_rokuro_table_inner {
    padding-top     : 12px;
    padding-bottom  : 12px;
}
.taiken_rokuro_table_inner p {
    line-height     : 1.4em;
}
.taiken_tankirokuro_box {
    margin-bottom   : 110px;
}
/***----------------------------------------------------------------------------
メディア掲載一覧
----------------------------------------------------------------------------***/
.media_side_title {
    height          : 1015px;
}
.media_tab_content {
    display         : flex;
    flex-wrap       : wrap;
    margin          : 20px 0 0;
}
.media_tab_label {
    position        : relative;
    width           : 80px;
    padding         : 10px .5em;
    background      : #efe4d8;
    color           : #4d4d4d;
    font-size       : 16px;
    text-align      : center;
    white-space     : nowrap;
    order           : -1;
    z-index         : 1;
}
.media_tab_label:not(:last-of-type) {
    margin-right    : 5px;
}
.media_tab_switch:checked+.media_tab_label {
    margin-right    : 0;
    background      : #fff;
    border          : 1px solid #4d4d4d;
    border-bottom   : 1px solid #fff;
    z-index         : 3;
}
.media_tab_switch:checked+.media_tab_label:not(:first-of-type) {
    margin-left     : -5px;
}
.media_tab_border {
    position        : relative;
    margin-top      : -1px;
    padding         : 15px;
    border-top      : 1px solid #4d4d4d;
    z-index         : 2;
}
.media_tab_switch {
    display         : none;
}
/***----------------------------------------------------------------------------
メディア掲載詳細
----------------------------------------------------------------------------***/
.media_content_detail {
    margin-bottom   : 205px;
}
.media_top_area {
    width           : 100%;
    margin-bottom   : 50px;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : space-between;
}
.media_detail_title {
    margin-bottom   : 30px;
    font-size       : 20px;
}
.media_top_left {
    width           : calc(100% - (320px + 5%));
    margin-right    : 5%;
}
.media_img_box {
    width           : 100%;
    max-width       : 320px;
}
.media_img_box img {
    max-width       : 100%;
}
.media_detail_topic_box {
    display         : flex;
    position        : relative;
}
.media_detail_topic_text {
    position        : relative;
    width           : 100px;
    padding         : calc((45px - 36px) / 2) 0;
    text-align      : center;
    color           : #4d4d4d;
    font-size       : 20px;
    background-color: #efe4d8;
    z-index         : 2;
}
.media_detail_topic_after {
    position        : absolute;
    top             : calc((45px - 1px) / 2);
    left            : 0;
    width           : 100%;
    height          : 1px;
    background-color: #efe4d8;
    z-index         : 1;
}
.media_topic_img_box,
.media_topic_text_box  {
    width           : 100%;
    margin          : 20px auto 65px;
}
.media_topic_img_box {
    text-align      : center;
}
.media_topic_img_box img {
    max-width       : 100%;
    margin          : 0 auto;
}
.media_detail_btn_area {
    margin-bottom   : 225px;
}
/***----------------------------------------------------------------------------
直営店
----------------------------------------------------------------------------***/
.yakata_page_side_title_area {
    height          : 1220px;
}
.yakata_inner {
    margin          : 0 auto;
    margin-top      : 73px;
    padding-bottom  : 220px;
    width           : 100%;
}
.yakata_text {
    text-align      : left;
    margin          : 0 auto;
    color           : #4d4d4d;
    font-family     :"Noto Serif JP","ヒラギノ明朝 Pro W3","HiraMinProN-W3","Noto Serif JP","游明朝","Yu Mincho","YuMincho","MS 明朝","MS Mincho",serif;
    font-size       : 16px;
}
.yakata_page_title_area {
    text-align      : center;
    margin-bottom   : 50px;
}
.yakata_page_title {
    display         : block;
    position        : relative;
    width           : calc(100% - 200px);
    max-width       : 500px;
    margin          : 0 auto;
    padding         : 0 100px;
    font-size       : 32px;
    text-align      : center;
    font-family     :"Noto Serif JP","ヒラギノ明朝 Pro W3","HiraMinProN-W3","Noto Serif JP","游明朝","Yu Mincho","YuMincho","MS 明朝","MS Mincho",serif;
}
.yakata_page_title_sp {
    display         : none;
}
.privacy_sp {
    display         : none;
}
.yakata_box {
    width           : calc(100% - 110px);
    max-width       : 1300px;
    margin          : 0 auto;
    display         : flex;
    flex-direction  : row-reverse;
    align-items     : flex-end;
}
.yakata_box_title {
    font-size       : 26px;
    margin-bottom   : 10px;
}
.yakata_box_text {
    line-height     : 1.8em;
    font-size       : 18px;
}
.text_margin {
    margin-bottom   : 70px;
}
.yakata_box_video {
    position        : relative;
    width           : 100%;
    padding-top     : 56.25%;
}
.yakata_box_video iframe {
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 100%;
    height          : 100%;
    border          : none;
}
.yakata_box_right {
    width           : 50%;
    max-width       : 700px;
}
.yakata_box_right img {
    width           : 100%;
    max-width       : 700px;
}
.yakata_box_left {
    width           : 50%;
    max-width       : 600px;
    padding-right   : 25px;
    box-sizing      : border-box;
}
.yakata_box_table_outline {
    border-top      : 1px dashed #4d4d4d;
    border-bottom   : 1px dashed #4d4d4d;
}
.yakata_box_table_bottom {
    border-bottom   : 1px dashed #4d4d4d;
}
.yakata_box_table {
    text-align      : left;
    font-size       : 16px;
    width           : 100%;
}
.yakata_box_table_content {
    display         : table;
    width           : calc(100% - 2px);
}
.yakata_box_table_left {
    display         : table-cell;
    width           : 100px;
    padding         : 23px 10px;
    text-align      : center;
}
.yakata_box_table_right {
    display         : table-cell;
    width           : calc(100% - 100px - 1px);
    padding         : 20px 10px 20px 30px;
}
.yakata_table_margin1 {
    margin-right    : 30px;
}
.yakata_table_margin2 {
    margin-right    : 23px;
}
.yakata_kannai {
    width           : calc(100% - 110px);
    max-width       : 1300px;
    margin          : 110px auto;
}
.yakata_kannai img {
    width           : 100%;
    max-width       : 1000px;
}
.yakata_color_content {
    background-color: #efe4d8;
    padding         : 50px 0;
}
.yakata_access_img {
    display         : flex;
    align-items     : center;
    margin-bottom   : 20px;
}
.yakata_access_img img {
    max-width       : 70px;
    max-height      : 70px;
    padding-right   : 25px;
}
.yakata_access_box {
    width           : calc(100% - 110px);
    max-width       : 1300px;
    margin          : 0 auto;
    display         : flex;
    align-items     : flex-end;
}
.yakata_access_box_title {
    font-size       : 30px;
}
.yakata_access_box_title p {
    line-height     : 1.1;
}
.yakata_access_box_text {
    line-height     : 1.8em;
}
.yakata_access_box_right img {
    width           : 100%;
    max-width       : 700px;
}
.yakata_access_box_left {
    width           : 60%;
    max-width       : 600px;
    padding-right   : 25px;
}
.yakata_access_box_table_outline {
    border-top      : 1px dashed #4d4d4d;
    border-bottom   : 1px dashed #4d4d4d;
}
.yakata_access_box_table_bottom {
    border-bottom   : 1px dashed #4d4d4d;
}
.yakata_access_box_table {
    text-align      : left;
    font-size       : 16px;
    width           : 100%;
}
.yakata_access_box_table_content {
    display         : table;
    width           : calc(100% - 2px);
}
.yakata_access_box_table_left {
    display         : table-cell;
    width           : 100px;
    padding         : 23px 10px;
    text-align      : center;
    vertical-align  : middle;
}
.yakata_access_box_table_right {
    display         : table-cell;
    width           : calc(100% - 100px - 1px);
    padding         : 20px 10px 20px 30px;
    vertical-align  : middle;
}
.address {
    padding         : 10px 10px 10px 30px;
}
.access_map {
    position        : relative;
    width           : 100%;
    height          : 528px;
    max-width       : 700px;
}
.access_map iframe {
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    max-width       : 700px;
}
.access_map_cover {
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background      : linear-gradient(90deg, #1c2a51, #000000);
    opacity         : 0.6;
    z-index         : 10;
    max-width       : 700px;
}
.yakata_access_btn_send {
    margin-top      : 30px;
    text-align      : center;
    width           : 100%;
}
.yakata_access_btn_send span {
    line-height     : 1.2;
}
.yakata_map_content {
    width           : 95%;
    margin          : 60px auto;
    max-width       : 1200px;
}
.yakata_map_text_box {
    display         : flex;
    position        : relative;
}
.yakata_map_text_box:not(:last-child) {
    margin-bottom   : 65px;
}
.yakata_map_num {
    width           : 75px;
    height          : 75px;
    position        : absolute;
    top             : 0;
    left            : 0;
    border-radius   : 50%;
    color           : #000000;
    background-color: #ded2c0;
    font-size       : 78px;
    text-align      : center;
}
.yakata_map_num_1,
.yakata_map_num_2 {
    line-height     : 55px;
}
.yakata_map_num_3 {
    line-height     : 38px;
}
.yakata_map_border {
    width           : 79px;
    margin-top      : 35px;
    margin-left     : 35px;
    background-image: linear-gradient(to top right, transparent 49.5%, #000000 49.5%, #000000 50%, transparent 50%, transparent);
    z-index         : -1;
}
.yakata_map_text {
    width           : calc(100% - 115px);
    border-bottom   : 1px dashed #000000;
    padding-bottom  : 5px;
}
.yakata_map_text h4 {
    font-size       : 26px;
    line-height     : 3;
}
.yakata_map_img {
    margin          : 110px 0 0;
    text-align      : center;
}
.yakata_map_img img {
    width           : 100%;
    max-width       : 1000px;
}
/***----------------------------------------------------------------------------
越前焼工業協同組合について
----------------------------------------------------------------------------***/
.union_side_title {
    font-size       : 80px;
    height          : 2145px;
}
.union_title_area {
    width           : 100%;
    margin          : 55px auto 35px;
    text-align      : center;
}
.union_title {
    display         : inline-block;
    position        : relative;
    padding         : 0 284px;
    font-size       : 32px;
}
.union_title::before,
.union_title::after {
    content         : '';
    position        : absolute;
    top             : 50%;
    display         : inline-block;
    width           : 100px;
    height          : 1px;
    background-color: black;
}
.union_title::before {
    left            : 0;
}
.union_title::after {
    right           : 0;
}
.union_greet_area {
    max-width       : 1255px;
    width           : calc(100% - 122px);
    margin          : 0 auto 96px;
    display         : flex;
}
.union_greet_img {
    max-width       : 600px;
    width           : 100%;
    min-width       : 295px;
}
.union_greet_text {
    font-size       : 18px;
    max-width       : calc(1255px - 600px);
    background-image: url('../imgs/union_pc_greetingsbackground.png');
    background-position: center;
}
.union_greet_img p {
    margin-top      : 23px;
    margin-left     : 23px;
    font-size       : 18px;
}
.union_greet_img_img {
    width           : 100%;
}
.union_greet_name {
    max-width       : 229px;
    width           : 100%;
}
.union_greet_text div {
    width           : 90%;
    margin-left     : 23px;
}
.union_greet_text_mt {
    margin-top      : 30px;
}
.union_title2 {
    display         : inline-block;
    position        : relative;
    padding         : 0 125px;
    font-size       : 32px;
}
.union_title2::before,
.union_title2::after {
    content         : '';
    position        : absolute;
    top             : 50%;
    display         : inline-block;
    width           : 100px;
    height          : 1px;
    background-color: black;
}
.union_title2::before {
    left            : 0;
}
.union_title2::after {
    right           : 0;
}
.union_about_area {
    max-width       : 1200px;
    margin          : 20px auto;
    width           : calc(95% - 200px);
}
.union_about_text {
    width           : 98%;
    margin          : 35px auto 54px;
    font-size       : 18px;
    color           : #4d4d4d;
}
.union_about_text2 {
    display         : inline;
}
.union_about_text3 {
    display         : inline;
}
.union_about_title_h3 {
    width           : 99%;
    letter-spacing  : 5px;
    margin          : 0 auto;
    font-size       : 32px;
    color           : #4d4d4d;
}
.union_table {
    width           : 100%;
    margin          : 23px auto 71px;
    font-size       : 16px;
    color           : #4d4d4d;
}
.union_outline_top {
    border-top      : 1px solid #cccccc;
}
.union_outline_back {
    background-color: #efe4d8;
}
.union_outline {
    display         : table;
    width           : calc(100% - 2px);
    border-left     : 1px solid #cccccc;
    border-right    : 1px solid #cccccc;
    border-bottom   : 1px solid #cccccc;
}
.union_outline_left {
    display         : table-cell;
    width           : 113px;
    padding         : 23px 10px;
    text-align      : center;
    vertical-align  : middle;
}
.union_outline_right {
    display         : table-cell;
    width           : calc(100% - 113px - 1px);
    border-left     : 1px solid #cccccc;
    padding         : 23px 10px 23px 70px;
    vertical-align  : middle;
}
.union_trademark {
    width           : 100%;
    margin          : 80px auto;
    display         : flex;
    justify-content : center;
}
.union_trademark_top {
    display         : flex;
}
.union_trademark_second {
    margin-left     : 110px;
    margin-right    : 110px;
}
.union_trademark_third {
    display         : block;
    width           : 30%;
    min-width       : 150px;
}
.union_trademark_third_logo {
    margin-top:-25px;
}
.union_trademark_logo {
    text-align      : center;
    width           : 100%;
}
.union_trademark_logo img {
    max-width       : 160px;
    width           : 100%;
}
.union_about_trandmark {
    text-align      : center;
    width           : 100%;
}
.union_about_trandmark img {
    max-width       : 225px;
    width           : 100%;
}
.union_trandemark_text {
    margin-top      : 50px;
    font-size       : 15px;
    text-align      : center;
}
.union_trandemark_text p {
    line-height     : 1.5em;
}
.union_trandemark_text_logo {
    text-align      : left;
}
.union_greet_text_inline {
    display         : inline;
}
.union_sdgs {
    width           : 100%;
    text-align      : center;
    margin-top      : 115px;
    margin-bottom   : 139px;
}
.union_sdgs p {
    font-size       : 18px;
}
.union_sdgs_logo img {
    max-width       : 393px;
    width           : 100%;
}
.union_sdgs_logo p {
    margin-top      : 11px;
    margin-bottom   : 21px;
}
.union_sdgs_content {
    width           : 100%;
    text-align      : center;
    display         : flex;
    justify-content : center;

}
.union_sdgs_logo2 {
    margin-right    : 7px;
}
.union_sdgs_logo2 img {
    max-width       : 90px;
    width           : 100%;
}
.union_sdgs_logo2 img:first-child {
    margin-right    : 5px;
}
.union_sdgs_logo2 img:nth-child(2) {
    margin-left     : 5px;
}
.union_sdgs_logo3 {
    margin-left     : 7px;
}
.union_sdgs_logo3 img {
    max-width       : 90px;
    width           : 100%;
}
.union_sdgs_logo3 img:first-child {
    margin-right    : 5px;
}
.union_sdgs_logo3 img:nth-child(2) {
    margin-left     : 5px;
}
.union_sdgs_text {
    max-width       : 1920px;
    margin          : 0 auto;
    margin-top      : 27px;
    width           : 100%;
}
.union_br400 {
    display         : none;
}
.union_logo {
    font-size       : 15px;
}
.union_trademark_firstcontent {
    margin-bottom   : 102px;
}
.union_trademark_area {
    margin-top      : 55px;
}
.union_greet_text_mt_first {
    margin-top      : 43px;
}
.union_about_title {
    margin-bottom   : 20px;
}
.union_about_text p {
    line-height     : 1.7em;
}
.union_side_title_inner {
    line-height     : 125px;
}
/***----------------------------------------------------------------------------
お問い合わせ
----------------------------------------------------------------------------***/
input::placeholder {
    font-family     : "Noto Serif JP", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "MS 明朝", "MS Mincho", serif;
}
.contact_pointerevent {
    pointer-events  : none;
}
.contact_recaptcha {
    width           : 304px;
    margin          : 80px auto 0;
}
.contact_inner {
    margin-top      : 80px;
    padding-bottom  : 220px;
    max-width       : 1920px;
    width           : 100%;
}
.contact_text {
    text-align      : left;
    width           : 55%;
    max-width       : 770px;
    margin          : 0 auto;
    color           : #4d4d4d;
    font-size       : 18px;
}
.contact_text_br {
    display         : inline;
}
.contact_form_area {
    width           : calc(100% - 220px);
    max-width       : 930px;
    margin          : 0 auto;
    margin-top      : 65px;
    font-size       : 18px;
}
.contact_table {
    width           : 100%;
    border-bottom   : solid 1px #cccccc;
    font-size       : 18px;
}
.contact_table_flex {
    display         : flex;
}
.contact_table_th {
    width           : 270px;
    padding         : 24px 15px;
    mix-blend-mode  : multiply;
    background-color: #efe4d8;
    border-top      : solid 1px #cccccc;
    border-left     : solid 1px #cccccc;
}
.contact_table_td {
    width           : calc(100% - (270px + 3px));
    padding         : 20px 30px;
    border-top      : solid 1px #cccccc;
    border-left     : solid 1px #cccccc;
    border-right    : solid 1px #cccccc;
}
.contact_title_area {
    display         : flex;
    justify-content : center;
}
.contact_item {
    color           : #3d4543;
    width           : 70%;
    text-align      : left;
    padding-left    : 15px;
}
.contact_any,
.contact_surely {
    width           : 30%;
    text-align      : right;
}
.contact_any span,
.contact_surely span {
    width           : 42px;
    height          : 26px;
    line-height     : 27px;
    text-align      : center;
    color           : #FFFFFF;
    border-radius   : 3.5px;
    padding         : 2px 3px;
}
.contact_any span {
    background-color: #999999;
}
.contact_surely span {
    background-color: #c69c6d;
}
.contact_bottom_area {
    margin-top      : 49px;
    font-size       : 18px;
    text-align      : center;
    width           : 100%;
}
.contact_company {
    display         : flex;
    border          : 1px solid #727272;
    width           : 95%;
    border-radius   : 0.3em;
}
.contact_company_radio {
    border-right    : dotted 1px #cccccc;
    width           : 31%;
}
.contact_company_radio label:first-child {
    margin-left     : 2%;
    margin-right    : 4%;
}
.contact_input_company {
    width           : 69%;
}
.contact_input_company input {
    border          : none;
    width           : 98%;
    height          : 41px;
}
.contact_input {
    width           : 95%;
    height          : 35px;
    font-size       : 18px;
}
.contact_tel {
    width           : calc((90% - 56px) / 3);
    height          : 35px;
}
.contact_textarea {
    width           : 95%;
    height          : 240px;
}
.contact_sentence1 {
    margin-bottom   : 52px;
}
.contact_sentence2 {
    margin          : 30px 0 44px;
}
.contact_sentence3 {
    font-size       : 22px;
    margin-bottom   : 27px;
}
.contact_for_tel {
    margin-top      : 100px;
    font-size       : 18px;
    text-align      : center;
    width           : 100%;
}
.contact_tel_title {
    font-size       : 32px;
    margin-bottom   : 56px;
    letter-spacing  : 7px;
}
.contact_agree {
    font-weight     : bold;
    font-size       : 22px;
}
.contact_agree input[type="checkbox"] {
    margin-right    : 20px;
}
.contact_btn_send {
    margin-top      : 55px;
}
.contactken {
    height          : 43px;
    width           : 60%;
    color           : #3d4543;
}
.contact_confirm_area {
    width           : 75%;
    margin          : 80px auto 110px;
    font-size       : 18px;
}
.contact_table_flex {
    display         : flex;
}
.confirm_table_th {
    width           : 19%;
    padding         : 15px 15px;
    mix-blend-mode  : multiply;
    background-color: #efe4d8;
    border-top      : solid 1px #cccccc;
    border-left     : solid 1px #cccccc;
    font-weight     : bold;
}
.confirm_table_td {
    width           : calc(100% - (19% + 3px));
    padding         : 15px 15px;
    border-top      : solid 1px #cccccc;
    border-left     : solid 1px #cccccc;
    border-right    : solid 1px #cccccc;
}
.contact_conf_btnarea {
    display         : flex;
    margin-top      : 80px;
    justify-content : center;
}
.contact_conf_btnarea div:first-child {
    margin-right    : 50px;
}
.contact_conf_btnarea div:nth-child(2) {
    margin-left     : 50px;
}
.contact_comp_inner {
    width           : 75%;
    margin          : 80px auto;
    padding-bottom  : 110px;
    font-size       : 18px;
}
.contact_comp_text {
    margin-bottom   : 200px;
}
.contact_comp_btnarea {
    text-align      : center;
}
.contact_arrow {
    background-color: #999999;
    color           : #ffffff;
    font-size       : 30px;
    border-radius   : 50%;
    width           : 80px;
    height          : 80px;
    text-align      : center;
    line-height     : 72px;
    position        : fixed;
    right           : 0;
}
.contact_tel_icon {
    box-shadow      : 0 0 0 1px #4d4d4d, 0 0 0 8px #fff, 0 0 0 9px #4d4d4d;
    margin          : 0 auto;
    position        : relative;
    display         : inline-block;
    text-align      : center;
    width           : 90%;
    max-width       : 710px;
}
.contact_tel_a {
    text-align      : center;
}
.contact_tel_icon span {
    position        : relative;
    color           : #4d4d4d;
    font-size       : 48px;
    letter-spacing  : 0.2em;
    display         : inline-block;
    margin          : 15px auto;
    width           : 100%;
    max-width       : 710px;
    height          : 48px;
}
.contact_tel_icon span::before {
    content         : '';
    display         : inline-block;
    width           : 48px;
    height          : 48px;
    background-image: url("../imgs/Contact_Tel1.png");
    background-size : contain;
    vertical-align  : middle;
    background-repeat: no-repeat;
    padding-bottom  : 10px;
    margin-right    : 10px;
}
.contact_tel_icon:hover span::before {
    content         : '';
    display         : inline-block;
    width           : 48px;
    height          : 48px;
    background-image: url("../imgs/Contact_Tel2.png");
    background-size : contain;
    vertical-align  : middle;
    margin-right    : 10px;
    background-repeat: no-repeat;
    padding-bottom  : 10px;
}
.contact_tel_icon:hover span {
    color           : #ffffff;
}
.contact_tel_icon:hover {
    box-shadow      : 0 0 0 0px #fff, 0 0 0 0px #4d4d4d, 0 0 0 0px #fff;
}
.contact_telleft::before {
    content         : '';
    position        : absolute;
    top             : 0px;
    left            : -10px;
    background-color: #4d4d4d;
    width           : 100%;
    height          : 100%;
    transition      : transform .6s cubic-bezier(0, 0, 0, 1) 0s;
    transform       : scale(0,1);
    transform-origin: left;
    box-shadow      : 0 0 0 1px #fff, 0 0 0 8px #4d4d4d, 0 0 0 9px #fff;
}
.contact_telleft:hover::before {
    transform       : scale(1,1);
}
.contact_wrap {
    text-align      : left;
}
.contact_conf_form {
    display         : flex;
    justify-content : center;
}
.contact_conf_form .contact_conf_btnarea:nth-of-type(1) {
    margin-right    : 50px;
}
.contact_conf_form .contact_conf_btnarea:nth-of-type(2) {
    margin-left     : 50px;
}
/***----------------------------------------------------------------------------
プライバシーポリシー
----------------------------------------------------------------------------***/
.privacy_inner {
    margin          : 0 auto;
    margin-top      : 73px;
    padding-bottom  : 220px;
    max-width       : 1000px;
    width           : 100%;
}
.privacy_inner p {
    line-height     : 1.7em;
}
.privacy_text {
    text-align      : left;
    margin          : 0 auto;
    color           : #4d4d4d;
    font-family     :"Noto Serif JP","ヒラギノ明朝 Pro W3","HiraMinProN-W3","Noto Serif JP","游明朝","Yu Mincho","YuMincho","MS 明朝","MS Mincho",serif;
    font-size       : 16px;
}
.privacy_box {
    margin-bottom   : 30px;
}
.privacy_box_title {
    font-family     :"Noto Serif JP","ヒラギノ明朝 Pro W3","HiraMinProN-W3","Noto Serif JP","游明朝","Yu Mincho","YuMincho","MS 明朝","MS Mincho",serif;
    font-size       : 22px;
    margin-bottom   : 10px;
}
/**-----------------------------------------------------------------------------
画面幅　1920px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1920px) {
    /***------------------------------------------------------------------------
    コラボ実績(1920px)
    ------------------------------------------------------------------------***/
    .collabo_area_right {
        margin-left : 303px;
    }
    .collabo_area_left {
        margin-right: 303px;
    }
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(1920px)
    ------------------------------------------------------------------------***/
    .brand_color_area {
        margin-left : 303px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1755px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1755px) {
    /***------------------------------------------------------------------------
    体験教室(1755px)
    ------------------------------------------------------------------------***/
    .taiken_rokuro_left h3 {
        padding-left    : 0;
        width           : 95%;
    }
    .taiken_rokuro_left p {
        padding-left    : 0;
        width           : 95%;
        margin          : 0 auto;
        margin-left     : 15px;
    }
    .taiken_rokuro_table {
        width           : 95%;
        margin-left     : 15px;
    }
    /***------------------------------------------------------------------------
    越前焼とは(1755px)
    ------------------------------------------------------------------------***/
    .about_oldkiln_first_text {
        width           : calc(100% - 632px - 40px);
    }
    .about_oldkiln_first_img {
        width           : 632px;
    }
    .about_oldkiln_second_img {
        margin-left     : 15px;
        text-align      : left;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1620px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1650px) {
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(1650px)
    ------------------------------------------------------------------------***/
    .brand_kodawari_content {
        height          : auto;
        margin-bottom   : 96px;
    }
    .brand_kodawari_area1,
    .brand_kodawari_area2 {
        position        : relative;
        left            : auto;
    }
    .brand_kodawari_area2 {
        margin-top      : 50px;
    }
    .brand_kodawari_box2,
    .brand_kodawari_box4{
        margin-right: auto;
        margin-left : 5px
    }
    /***------------------------------------------------------------------------
    越前焼とは(1650px)
    ------------------------------------------------------------------------***/
    .about_br450 {
        display         : block;
    }
    .about_oldkiln_second_img {
        margin-top      : 10px;
    }
    .about_oldkiln_second_text {
        margin-top      : 115px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1617px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1617px) {
    /***------------------------------------------------------------------------
    窯元紹介詳細(1550px)
    ------------------------------------------------------------------------***/
    .kamamoto_parson_content,
    .kamamoto_detail_content {
        background: linear-gradient(90deg, rgba(255,255,255,0) 150px, #ebeae5 150px, #ebeae5 100%);
    }
    .kamamoto_content_area,
    .kamamoto_detail_area {
        width       : calc(100% - 150px);
        margin-left : 150px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1615px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1615px) {
    /***------------------------------------------------------------------------
    越前焼とは(1615px)
    ------------------------------------------------------------------------***/
    .about_oldkiln_second h4 {
        text-align      : left;
    }
    .about_br450 {
        display         : block;
    }
    .about_oldkiln_second_img {
        margin-top      : 10px;
    }
    .about_oldkiln_second_text {
        margin-top      : 115px;
    }
    /***------------------------------------------------------------------------
    窯元紹介一覧(1615px)
    ------------------------------------------------------------------------***/
    .kamamoto_list_area {
        margin-left     : 150px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1613px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1613px) {
    /***------------------------------------------------------------------------
    越前焼工業協同組合について(1613px)
    ------------------------------------------------------------------------***/
    .union_greet_area {
        margin-left     : 122px;
    }
    /***------------------------------------------------------------------------
    越前焼とは(1613px)
    ------------------------------------------------------------------------***/
    .about_oldkiln_second h4 {
        text-align      : left;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1600px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1600px) {
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(1600px)
    ------------------------------------------------------------------------***/
    .brand_hirara_box_right_p {
        margin-left     : 60px;
    }
    /***------------------------------------------------------------------------
    直営店(1600px)
    ------------------------------------------------------------------------***/
    .yakata_box {
        margin-left     : 110px;
    }
    .yakata_kannai {
        margin-left     : 110px;
    }
    .yakata_access_box {
        margin-left     : 110px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1553px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1553px) {
    /***------------------------------------------------------------------------
    体験教室(1553px)
    ------------------------------------------------------------------------***/
    .taiken_studio_left_img_text2 {
        font-size       : 32px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1550px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1550px) {
    /***------------------------------------------------------------------------
    トップページ(1550px)
    ------------------------------------------------------------------------***/
    .top_store_area_wrap {
        justify-content : space-evenly;
    }
    .top_store_text_5 {
        margin-top      : 0;
        font-size       : 109px;
    }
    .top_store_text_6 {
        font-size       : 160px;
    }
    /***------------------------------------------------------------------------
    越前焼とは(1550px)
    ------------------------------------------------------------------------***/
    .about_heritage_area {
        width           : calc(100% - 110px);
    }
    .about_oldkiln_area {
        width           : calc(100% - 110px);
    }
    .about_oldkiln_first_text {
        width           : 50%;
        padding-right   : 0;
    }
    .about_oldkiln_second h4 {
        text-align      : left;
    }
    .about_oldkiln_second_text {
        width           : 50%;
        margin-left     : 0;
    }
    .about_oldkiln_second_text_content {
        padding-right   : 0;
        margin-left     : 15px;
    }
    .about_oldkiln_second_img {
        width           : 50%;
        text-align      : left;
        margin-left     : 15px;
    }
    .about_oldkiln_first_img {
        width           : 50%;
        margin-left     : 15px;
    }
    .about_traditional_area {
        width           : calc(100% - 110px);
    }
    .about_traditional_img {
        width           : calc(100% - 480px);
    }
    .about_traditional_text {
        width           : 480px;
    }
    .about_br450 {
        display         : none;
    }
    .about_oldkiln_second_img {
        margin-top      : 53px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1530px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1530px) {
    /***------------------------------------------------------------------------
    体験教室(1530px)
    ------------------------------------------------------------------------***/
    .taiken_rokuro {
        max-width       : 1200px;
    }

    .taiken_studio_left_img_text2 {
        top             : 18%;
        left            : 33%;
    }
    .taiken_studio_left_img_text3 {
        top             : 40%;
        left            : 33%;
    }
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(1530px)
    ------------------------------------------------------------------------***/
    .brand_tsuchigokoro_box_right,
    .brand_hirara_box_right {
        width       : 404px;
    }
    .brand_tsuchigokoro_box_left,
    .brand_hirara_box_left {
        width       : calc(100% - 404px);
    }
    .brand_tsuchigokoro_box_right p,
    .brand_hirara_box_right_p {
        margin-left: 20px;
    }
    .brand_hirara_box_right_text {
        width       : calc(100% - 20px);
        margin-left : 20px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1500px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1500px) {
    /***------------------------------------------------------------------------
    フッター(1500px)
    ------------------------------------------------------------------------***/
    .footer {
        width           : calc(100% - 40px);
        padding         : 100px 20px 92px;
    }
    .footer_info_company,
    .footer_sns p {
        font-size       : 25px;
    }
    .footer_info {
        display         : block;
    }
    .footer_info p:first-child {
        margin          : 0;
    }
    .footer_sns img {
        width           : 34px;
    }
    .footer_insta img {
        width           : 170px;
    }

    /***------------------------------------------------------------------------
    トップページ(1500px)
    ------------------------------------------------------------------------***/
    .top_news_content {
        display         : block;
    }
    .top_news_content_inner {
        width           : 100%;
    }
    .top_news_content_inner:nth-child(2) {
        margin-left     : 0;
        margin-top      : 50px;
    }
    .top_news_3_l1500 {
        display         : none;
    }
    .top_news_3_s1500 {
        width           : 100%;
        max-width       : 686px;
        display         : flex;
        margin          : 0 auto;
    }
    .top_news_3_s1500:nth-child(2) {
        margin-top      : 50px;
    }
    .top_news_content_inner:first-child,
    .top_news_content_inner:last-child {
        justify-content : center;
    }
    .top_about_map_title {
        top             : 0;
        left            : 0;
    }
    .top_insta_text_area {
        margin-right    : 30px;
    }
    .top_insta_link_area {
        width           : calc(100% - 450px);
    }
    /***------------------------------------------------------------------------
    体験教室(1500px)
    ------------------------------------------------------------------------***/
    .taiken_content_box {
        background      : linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 150px, rgba(239, 228, 216, 0.4) 150px, rgba(239, 228, 216, 0.4) 100%);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size : contain;
        margin-right    : 0;
        width           : 100%;
    }
    .taiken_content_box_left {
        background      : linear-gradient(90deg, #efe4d8 0, #efe4d8 calc(100% - 150px), rgba(255,255,255,0) calc(100% - 150px), rgba(255,255,255,0) 100%);
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size : contain;
    }
    .taiken_color_area {
        width           : calc(100% - 150px);
        margin-left     : 150px;
    }
    .taiken_white_area {
        width           : calc(100% - 150px);
        margin-right    : 150px;
    }
    .taiken_tankirokuro_left {
        width           : 50%;
    }
    .taiken_tankirokuro_right {
        width           : 50%;
    }
    .taiken_rokuro_bottom_right {
        width           : 50%;
    }
    .taiken_rokuro_bottom_left {
        width           : 50%;
    }
    /***------------------------------------------------------------------------
    窯元紹介一覧(1500px)
    ------------------------------------------------------------------------***/
    .kamamoto_list_area {
        width       : 892px;
        margin-left : auto;
    }
    .kamamoto_list_box,
    .kamamoto_list_box:nth-child(4n) {
        margin-right: 26px;
    }
    .kamamoto_list_box:nth-child(3n) {
        margin-right: 0;
    }
    /***------------------------------------------------------------------------
    コラボ実績(1500px)
    ------------------------------------------------------------------------***/
    .collabo_area {
        width       : calc(100% - 150px);
    }
    .collabo_area_right {
        margin-left : 150px;
    }
    .collabo_area_left {
        margin-right: 150px;
    }
    .collabo_content_back_LDH {
        background  : url(../imgs/collabo_ldh_back.png),
                    linear-gradient(90deg, rgba(255,255,255,0) 150px, rgba(239, 228, 216, 0.4) 150px, rgba(239, 228, 216, 0.4) 100%);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .collabo_content_back_beams {
        background  : url(../imgs/collabo_beams_back.png),
                    linear-gradient(90deg, #efe4d8 calc(100% - 150px), rgba(255, 255, 255, 0) calc(100% - 150px), rgba(255, 255, 255, 0) 100%);
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .collabo_content_back_hakuichi {
        background      : url(../imgs/collabo_hakuichi_back.png),
                            linear-gradient(90deg, rgba(255,255,255,0) 150px, rgba(239, 228, 216, 0.4) 150px, rgba(239, 228, 216, 0.4) 100%);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size : contain;
    }
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(1500px)
    ------------------------------------------------------------------------***/
    .brand_color_content {
        background  : linear-gradient(90deg, rgba(255,255,255,0) 150px, #efe4d8 150px, #efe4d8 100%);
    }
    .brand_color_area {
        width       : calc(100% - 150px);
        margin-left : 150px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1465px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1465px) {
    /***------------------------------------------------------------------------
    窯元紹介一覧(1465px)
    ------------------------------------------------------------------------***/
    .kamamoto_detail_under_area {
        position    : relative;
        bottom      : auto;
        right       : auto;
        width       : 100%;
        clear       : both;
        overflow    : hidden;
    }
    .kamamoto_shop_area {
        width       : 500px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1430px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1430px) {
    /***------------------------------------------------------------------------
    越前焼とは(1430px)
    ------------------------------------------------------------------------***/
    .about_oldkiln_second h4 {
        text-align      : left;
    }
    .about_br450 {
        display         : none;
    }
    .about_oldkiln_second_img {
        margin-top      : 53px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1450px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1450px) {
    /***------------------------------------------------------------------------
    お知らせ一覧(1450px)
    ------------------------------------------------------------------------***/
    .news_head_area {
        display     : block;
    }
    /***------------------------------------------------------------------------
    業務用越前焼食器(1450px)
    ------------------------------------------------------------------------***/
    .dishes_shop_info_area .btn_center {
        width           : 178px;
    }
    .dishes_shop_info_area .arw-button {
        width           : 176px;
    }
    .dishes_shop_info_area .arw-button_arw {
        width           : 50px;
        right           : -25px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1428px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1428px) {
    /***------------------------------------------------------------------------
    体験教室(1450px)
    ------------------------------------------------------------------------***/
    .taiken_studio_left_img_text1 {
        position        : absolute;
        top             : 20px;
        left            : 20px;
        line-height     : 1em;
        color           : #fff;
        font-size       : 45px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1400px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1400px) {
    .top_lesson_text_1 {
        font-size       : 30px;
    }
    .top_lesson_text_2 {
        font-size       : 20px;
    }
    /***------------------------------------------------------------------------
    プライバシーポリシー(1400px)
    ------------------------------------------------------------------------***/
    .privacy_text {
        width           : 90%;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1350px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1350px) {
    /***------------------------------------------------------------------------
    トップページ(1350px)
    ------------------------------------------------------------------------***/
    .top_store_area_inner {
        width           : calc(100% - 30px);
        padding         : 20px 15px;
    }
    .top_store_area_wrap {
        justify-content : space-between;
    }
    /***------------------------------------------------------------------------
    体験教室(1350px)
    ------------------------------------------------------------------------***/
    .taiken_studio_box_left {
        width           : calc(100% - 500px);
    }
    .taiken_studio_box_right {
        width           : 480px;
    }
    .taiken_studio_left_img_text1 {
        font-size       : 32px;
        top             : 10px;
        left            : 10px;
    }
    .taiken_studio_left_img_text2 {
        font-size       : 28px;
    }
    .taiken_studio_left_img_text3 {
        font-size       : 15px;
    }
    /***------------------------------------------------------------------------
    業務用越前焼食器(1350px)
    ------------------------------------------------------------------------***/
    .dishes_about_voice_area {
        margin-top      : 35px;
    }
    .dishes_about_voice_area h4 {
        font-size       : 15px;
    }
    .dishes_about_voice_link {
        font-size       : 14px;
    }
    .dishes_about_voice_link::after {
        width           : 10px;
        height          : 10px;
        top             : 44%;
        left            : 84%;
    }
    .dishes_collab_box {
        width           : calc((100% - 160px) / 3);
        padding         : 20px 20px 65px;
    }
    .dishes_collab_box:nth-child(1),
    .dishes_collab_box:nth-child(2) {
        margin-right    : 20px;
    }
    /***------------------------------------------------------------------------
    越前焼とは(1350px)
    ------------------------------------------------------------------------***/
    .about_greet_text_area {
        width           : 480px;
        font-size       : 18px;
        padding-right   : 0;
    }
    .about_greet_text {
        width           : 100%;
    }
    .about_greet_img_area {
        text-align      : right;
        width           : calc(100% - 480px);
    }
}
/**-----------------------------------------------------------------------------
画面幅　1325px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1325px) {
    /***------------------------------------------------------------------------
    コラボ実績(1325px)
    ------------------------------------------------------------------------***/
    .collabo_br400 {
        display     : none;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1306px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1306px) {
    /***------------------------------------------------------------------------
    窯元紹介一覧(1306px)
    ------------------------------------------------------------------------***/
    .kamamoto_list_area {
        margin-left : 150px;
    }
    .kamamoto_slider {
        width       : calc(100% - 190px);
        margin-left : 150px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1304px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1304px) {
    /***------------------------------------------------------------------------
    窯元紹介詳細(1304px)
    ------------------------------------------------------------------------***/
    .kamamoto_thumbs_dots_sub {
        width       : 380px;
        height      : 120px;
    }
    .kamamoto_thumbs_dots_sub li {
        width       : 120px;
        height      : 120px;
        margin-right: 10px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1300px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1300px) {
    /***------------------------------------------------------------------------
    越前焼の歩み(1300px)
    ------------------------------------------------------------------------***/
    .history_tab_menu li {
        font-size       : 20px;
    }
    /***------------------------------------------------------------------------
    コラボ実績(1300px)
    ------------------------------------------------------------------------***/
    .collabo_br400 {
        display     : none;
    }
    .collabo_br_LDH,
    .collabo_br_hakuichi {
        display     : block;
    }
    .collabo_content_back_beams {
        margin-top  : 290px;
    }
    /***------------------------------------------------------------------------
    越前焼とは(1300px)
    ------------------------------------------------------------------------***/
    .about_br450 {
        display         : block;
    }
    .about_oldkiln_second_img {
        margin-top      : 10px;
    }
    .about_oldkiln_second_text {
        margin-top      : 115px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1258px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1258px) {
    /***------------------------------------------------------------------------
    お問い合わせ
    ------------------------------------------------------------------------***/
    .contact_company_radio {
        text-align      : left;
        width           : 40%;
    }
    .contact_input_company {
        width           : 60%;
    }
    .contact_input_company input {
        height          : 34px;
        width           : 93%;
    }
    .contact_sentence3 {
        font-size       : 21px;
    }
    /***------------------------------------------------------------------------
    プライバシーポリシー(1258px)
    ------------------------------------------------------------------------***/
    .privacy_text {
        width           : 75%;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1250px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1250px) {
    /***------------------------------------------------------------------------
    フッター(1250px)
    ------------------------------------------------------------------------***/
    .footer {
        width           : calc(100% - 20px);
        padding         : 100px 10px 92px;
    }
    .footer_info_logo {
        max-width       : 75px;
    }
    .footer_info_company {
        font-size       : 19px;
    }
    .footer_info,
    .footer_copyrights {
        font-size       : 12px;
    }
    .footer_link_area {
        font-size       : 13px;
    }
    .footer_sns img {
        width           : 25px;
    }
    .footer_sns p {
        font-size       : 19px;
        margin-left     : 19px;
    }
    .footer_insta img {
        width           : 124px;
    }

    /***------------------------------------------------------------------------
    トップページ(1250px)
    ------------------------------------------------------------------------***/
    .top_about_map_title p {
        font-size       : 20px;
    }
    .top_about_map_title p::before,
    .top_about_map_title p::after {
        height          : 75px;
    }
    .top_insta_link_inner {
        display         : block;
    }
    .top_insta_link  {
        width           : 100%;
    }
    .top_insta_link:first-child {
        margin-right    : 0;
        margin-bottom   : 5px;
    }
    .top_store_area_wrap {
        justify-content : space-evenly;
    }
    .top_store_text_5 {
        font-size       : 77px;
    }
    .top_store_text_6 {
        font-size       : 118px;
    }
    .top_store_area_wrap > .btn_black {
        width           : 216px;
    }
    .top_store_area_wrap .arw-button {
        width           : 160px;
    }
    .top_store_area_wrap .arw-button_arw {
        width           : 85px;
    }
    .top_pro_btn_area > .btn_black {
        width           : 236px;
    }
    .top_pro_btn_area .arw-button {
        width           : 180px;
    }
    .top_pro_btn_area .arw-button_arw {
        width           : 85px;
    }

}
/**-----------------------------------------------------------------------------
画面幅　1210px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1210px) {
    /***------------------------------------------------------------------------
    越前焼とは(1210px)
    ------------------------------------------------------------------------***/
    .about_greet_text_area {
        width           : 400px;
        font-size       : 18px;
        padding-right   : 0;
    }
    .about_greet_text {
        width           : 100%;
    }
    .about_greet_img_area {
        width           : calc(100% - 400px);
    }
}
/**-----------------------------------------------------------------------------
画面幅　1200px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1200px) {
    /***------------------------------------------------------------------------
    越前焼の歩み(1200px)
    ------------------------------------------------------------------------***/
    .history_1948_map p {
        top             : 15px;
        font-size       : 16px;
    }
    .history_1948_map p span::before,
    .history_1948_map p span::after {
        height          : 72px;
    }
    /***------------------------------------------------------------------------
    体験教室(1200px)
    ------------------------------------------------------------------------***/
    .taiken_sub_title {
        max-width       : 455px;
        padding         : 0 65px;
    }
    .taiken_sub_title::before,
    .taiken_sub_title::after {
        width           : 65px;
    }
    .taiken_studio_box_right {
        width           : calc(55% - 20px);
    }
    .taiken_studio_box_left {
        width           : 45%;
    }
    .taiken_rokuro_width {
        max-width       : 1200px;
        width           : 100%;
    }
    .taiken_rokuro,
    .taiken_tankirokuro {
        max-width       : 1200px;
        width           : 100%;
    }
    .taiken_rokuro_right {
        max-width       : 600px;
        width           : 50%;
    }
    .taiken_rokuro_left {
        width           : 50%;
    }
    .taiken_rokuro_class_left {
        width           : 50%;
    }
    .taiken_rokuro_class_right {
        width           : 50%;
    }
    /***------------------------------------------------------------------------
    窯元紹介詳細(1200px)
    ------------------------------------------------------------------------***/
    .kamamoto_parson_content,
    .kamamoto_detail_content,
    .kamamoto_no_data_content {
        background  : linear-gradient(90deg, rgba(255,255,255,0) 110px, #ebeae5 110px, #ebeae5 100%);
    }
    .kamamoto_content_area,
    .kamamoto_detail_area {
        width       : calc(100% - 110px);
        margin-left : 110px;
    }
    .kamamoto_detail_text p,
    .kamamoto_detail_history_title,
    .kamamoto_detail_history_dl dt {
        margin-left : 10px;
    }
    .kamamoto_shop_btn .arw-button_arw,
    .kamamoto_back_btn .arw-button_arw {
        width       : 30px;
        right       : -24px;
    }
    .kamamoto_shop_area {
        width       : 450px;
    }
    /***------------------------------------------------------------------------
    コラボ実績(1200px)
    ------------------------------------------------------------------------***/
    .collabo_sub_title {
        max-width   : 455px;
        padding     : 0 65px;
    }
    .collabo_sub_title:before,
    .collabo_sub_title:after {
        width       : 65px;
    }
    /***------------------------------------------------------------------------
    商品カタログ(1200px)
    ------------------------------------------------------------------------***/
    .catalog_shop_btn .arw-button_arw {
        width       : 75px;
        right       : -57px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1190px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1190px) {
    /***------------------------------------------------------------------------
    窯元紹介一覧(1190px)
    ------------------------------------------------------------------------***/
    .kamamoto_list_area {
        width       : 586px;
        margin-left : auto;
    }
    .kamamoto_list_box:nth-child(3n) {
        margin-right: 26px;
    }
    .kamamoto_list_box:nth-child(2n) {
        margin-right: 0;
    }
    /***------------------------------------------------------------------------
    越前焼とは(1190px)
    ------------------------------------------------------------------------***/
    .about_br530 {
        display     : block;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1150px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1150px) {
    /***------------------------------------------------------------------------
    越前焼の歩み(1150px)
    ------------------------------------------------------------------------***/
    .history_title_en {
        font-size       : 32px;
    }
    .history_tab_menu li {
        font-size       : 16px;
    }
    /***------------------------------------------------------------------------
    窯元紹介一覧(1150px)
    ------------------------------------------------------------------------***/
    .kamamoto_sub_title {
        max-width       : 300px;
    }
    /***------------------------------------------------------------------------
    業務用越前焼食器(1150px)
    ------------------------------------------------------------------------***/
    .dishes_sub_title_feature {
        font-size       : 28px;
    }
    .dishes_sub_title_feature span::before {
        left            : -150px;
    }
    .dishes_sub_title_feature span::after {
        right           : -150px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1100px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1100px) {
    /***------------------------------------------------------------------------
    業務用越前焼食器(1100px)
    ------------------------------------------------------------------------***/
    .dishes_shop_president_text_area {
        padding-top     : 20px;
    }
    .dishes_shop_craftman_text_area {
        width           : calc(54% - 40px);
        padding         : 20px;
    }
    .dishes_shop_info_area .btn_center {
        width           : 168px;
    }
    .dishes_shop_info_area .arw-button {
        width           : 164px;
        font-size       : 16px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1084px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1084px) {
    /***------------------------------------------------------------------------
    体験教室(1084px)
    ------------------------------------------------------------------------***/
    .taiken_studio_link {
        display         : block;
        width           : 205px;
        text-align      : left;
        margin-left     : auto;
        margin-right    : auto;
    }
    .taiken_studio_link a:first-child {
        display         : block;
        margin-bottom   : 30px;
        margin-right    : 0;
        margin-left     : 0;
    }
    .taiken_studio_link a:nth-child(2) {
        display         : block;
        margin-right    : 0;
        margin-left     : 0;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1047px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1047px) {
    /***------------------------------------------------------------------------
    直営店(1047px)
    ------------------------------------------------------------------------***/
    .yakata_box_table_right {
        padding         : 20px 10px 20px 10px;
    }
    .yakata_access_box_table_right {
        padding         : 20px 10px 20px 10px;
    }
    .yakata_table_margin1 {
        margin-right    : 20px;
    }
    .yakata_table_margin2 {
        margin-right    : 13px;
    }
    /***------------------------------------------------------------------------
    越前焼とは(1047px)
    ------------------------------------------------------------------------***/
    .about_heritage_text {
        margin-top      : 0px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　1020px
----------------------------------------------------------------------------***/
@media screen and (max-width: 1020px) {
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(1020px)
    ------------------------------------------------------------------------***/
    .brand_sub_title {
        padding: 0 90px;
    }
    .brand_sub_title:before, .brand_sub_title:after {
        width: 90px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　999px (SPサイズ)
----------------------------------------------------------------------------***/
@media screen and (max-width: 999px) {
    /***------------------------------------------------------------------------
    コンテンツ(999px)
    ------------------------------------------------------------------------***/
    .wrapper {
        width           : 100%;
        padding-top     : 63px;
        margin          : 0 auto;
    }
    .pc {
        display         : none;
    }
    .sp {
        display         : block;
    }

    /***------------------------------------------------------------------------
    ボタン(999px)
    ------------------------------------------------------------------------***/
    .btn_center_sp {
        width           : 256px;
        margin          : 0 auto;
    }

    /***------------------------------------------------------------------------
    ヘッダー(999px)
    ------------------------------------------------------------------------***/
    .header {
        width           : 100%;
        height          : 63px;
        padding         : 0;
    }
    .header_inner {
        width           : 100%;
        height          : 100%;
        display         : flex;
        align-items     : center;
        justify-content : space-between;
    }
    .header_logo_area {
        width           : 137px;
        height          : 100%;
        margin-left     : 12px;
        display         : flex;
        align-items     : center;
        justify-content : space-between;
        color           : #ffffff;
    }
    .header_logo_img {
        width           : 35px;
    }
    .header_logo_img img {
        width           : 100%;
    }
    .header_title {
        margin          : 0;
        text-align      : left;
    }
    .header_language_mark {
        width           : 36px;
        margin-right    : 60px;
        cursor          : pointer;
    }
    .header_language_bar {
        width           : 100%;
        height          : 40px;
        position        : fixed;
        top             : 63px;
        left            : 0;
        background-color: #f2f2f2;
        font-size       : 14px;
        opacity         : 0;
        transform       : scale(0);
        transition      : opacity 0.4s ease, transform 0s 0.4s ease;
    }
    .header_language_bar.active {
        opacity         : 1;
        transform       : scale(1);
        transition      : opacity 0.4s 0.05s ease, transform 0s ease;
    }
    .header_language_bar_inner {
        position        : absolute;
        top             : 50%;
        right           : 52px;
        transform       : translateY(-50%);
    }
    .header_language_bar_inner a {
        filter          : alpha(opacity=100);
        -moz-opacity    : 1;
        opacity         : 1;
    }
    .header_language_bar_inner .header_language_bar_ja {
        margin-right    : 40px;
        color           : #e6e6e6;
    }
    .header_language_bar_inner .header_language_bar_en:hover {
        border-bottom   : 1px solid #000000;
    }
    .nav-toggle {
        width           : 26px;
        height          : 18px;
        position        : absolute;
        top             : 50%;
        transform       : translateY(-50%);
        right           : 12px;
    }
    .nav-open {
        width           : 100%;
        position        : static;
    }
    .nav-open span {
        margin-bottom   : 6px;
    }
    .nav-close {
        top             : 50%;
        left            : 0;
        transform       : translateY(-50%);
    }
    .nav-close span {
        width           : 32px;
    }
    #global-nav {
        width           : 100%;
        padding-top     : 63px;
    }
    #global-nav-inner {
        width           : calc(100% - 54px);
        padding         : 12px 27px 15px;
        left            : -80%;
    }
    .menu_link_area li:not(:last-child) {
        margin-bottom   : 2px;
    }
    .menu_link_area li a {
        font-size       : 16px;
    }
    .menu_link_area li a::before {
        top             : 6px;
    }
    .menu_info_company {
        font-size       : 22px;
    }
    .menu_sns_area {
        max-width       : 260px;
        margin          : 20px auto 0;
        display         : flex;
        justify-content : space-between;
    }

    /***------------------------------------------------------------------------
    フッター(999px)
    ------------------------------------------------------------------------***/
    .top_scroll_btn_pc {
        display         : none;
    }
    .top_scroll_btn_sp {
        width           : 100%;
        height          : 60px;
        font-size       : 35px;
        line-height     : 60px;
        text-align      : center;
        color           : #ffffff;
        background-color: #4d4d4d;
        display         : block;
    }
    .footer {
        padding         : 35px 10px 25px;
        display         : block;
        text-align      : center;
    }
    .footer_info_logo {
        max-width       : 60px;
        margin          : 0 auto;
    }
    .footer_info_company {
        margin-bottom   : 3px;
    }
    .footer_info  {
        display         : flex;
        justify-content : center;
    }
    .footer_info p:first-child {
        margin-right    : 15px;
    }
    .footer_copyrights {
        margin-top      : 15px;
    }

    /***------------------------------------------------------------------------
    共通部分(999px)
    ------------------------------------------------------------------------***/
    .page_side_title_area {
        display         : none;
    }

    /***------------------------------------------------------------------------
    パンくずリスト(999px)
    ------------------------------------------------------------------------***/
    .breadcrumb {
        display         : none;
    }

    /***------------------------------------------------------------------------
    ページタイトル(999px)
    ------------------------------------------------------------------------***/
    .page_title_area {
        padding-bottom  : 0px;
    }
    .page_title_sp {
        display         : block;
        margin-top      : 15px;
    }
    .page_title {
        font-size       : 20px;
        padding         : 0px 90px;
    }
    .page_title_en {
        font-size       : 12px;
    }
    .page_title:before,
    .page_title:after {
        width           : 70px;
    }

    /***------------------------------------------------------------------------
    トップページ(999px)
    ------------------------------------------------------------------------***/
    .top_news_area {
        width           : 95%;
        padding         : 40px 2.5%;
        background-image: url(../imgs/top_news_back_w600.jpg);
    }
    .top_news_area_title_1 {
        font-size       : 12px;
    }
    .top_news_area_title_2 {
        width           : 205px;
        font-size       : 20px;
    }
    .top_news_area_title_2::before {
        width           : 80px;
        left            : -120px;
    }
    .top_news_area_title_2::after {
        width           : 80px;
        right           : -120px;
    }
    .top_news_content_inner,
    .top_news_3_s1500 {
        display         : block;
    }
    .top_news_content_inner:nth-child(2) {
        margin-top      : 30px;
    }
    .top_news {
        width           : 100%;
        margin          : 0 auto;
    }
    .top_news:nth-child(2) {
        margin-left     : auto;
        margin-top      : 30px;
    }
    .top_about_area {
        width           : 95%;
        padding         : 40px 2.5%;
        background-image: url(../imgs/top_about_w600.jpg);
    }
    .top_about_title_area {
        width           : 100%;
        display         : flex;
        justify-content : center;
        align-items     : center;
        position        : static;
        transform       : none
    }
    .top_about_title_area img {
        width           : 45px;
    }
    .top_about_title_area h2 {
        margin          : 0 0 0 20px;
        font-size       : 20px;
        writing-mode    : unset;
        line-height     : 20px;
    }
    .top_about_content_area {
        margin-top      : 15px;
        display         : block;
    }
    .top_about_content {
        width           : 100%;
    }
    .top_about_content_area .top_about_content:first-child {
        margin-bottom   : 50px;
    }
    .top_about_content_top {
        margin-top      : 40px;
    }
    .top_about_text {
        margin-bottom   : 30px;
        font-size       : 16px;
    }
    .top_about_map {
        width           : 90%;
        max-width       : 360px;
    }
    .top_about_map_title {
        top             : 20px;
        left            : 32px;
    }
    .top_catalogue_area {
        width           : 100%;
        padding         : 30px 0;
        display         : block;
        text-align      : center;
        background-image: url(../imgs/top_catalogue_back_w600.jpg);
    }
    .top_catalogue_title_area {
        width           : 100%;
        margin-right    : 0;
        margin-bottom   : 45px;
    }
    .top_catalogue_title_img {
        width           : 100%;
    }


    .top_insta_area {
        width           : 95%;
        padding         : 30px 2.5% 60px;
        display         : block;
    }
    .top_insta_text_area {
        width           : 100%;
        margin-bottom   : 65px;
        margin-right    : 0;
    }
    .top_insta_text {
        font-size       : 16px;
    }
    .top_insta_link_area  {
        width           : 100%;
        max-width       : 560px;
        margin          : 0 auto;
    }
    .top_store_area {
        width           : 95%;
        padding         : 30px 2.5%;
        background-image: url(../imgs/top_store_back_w600.jpg);
    }
    .top_store_area_inner {
        max-width       : 560px;
    }
    .top_store_area_wrap {
        display         : block;
    }
    .top_store_top {
        justify-content : center;
    }
    .top_store_text_6 {
        text-align      : center;
    }
    .top_store_text_7  {
        font-size       : 14px;
    }
    .top_store_area_wrap > .btn_black {
        width           : 256px;
        margin          : 30px auto 10px;
    }
    .top_store_area_wrap .arw-button {
        width           : 256px;
    }
    .top_store_area_wrap .arw-button_arw {
        width           : 116px;
    }
    .top_pro_area {
        width           : 95%;
        padding         : 30px 2.5% 80px;
    }
    .top_pro_title_area img {
        width           : 45px;
    }
    .top_pro_title_area h2 {
        font-size       : 30px;
    }
    .top_pro_title_area span {
        width           : 50px;
    }
    .top_pro_title_area span::before {
        width           : 25px;
    }
    .top_pro_title_area span::after {
        height          : 25px;
    }
    .top_pro_area > p {
        font-size       : 16px;
    }
    .top_pro_img_area {
        display         : block;
    }
    .top_pro_img_area img {
        width           : 100%;
        max-width       : 350px;
        margin          : 0 auto;
    }
    .top_pro_img_area img:not(:last-child) {
        margin-right    : auto;
    }
    .top_pro_btn_area {
        display         : block;
    }
    .top_pro_btn_area > .btn_black {
        width           : 256px;
        margin          : 0 auto;
    }
    .top_pro_btn_area > .btn_black:not(:last-child) {
        margin-bottom   : 50px;
    }
    .top_pro_btn_area .arw-button {
        width           : 256px;
    }
    .top_pro_btn_area .arw-button_arw {
        width           : 116px;
    }
    .top_lesson_yakata_area {
        display         : block;
    }
    .top_lesson_area,
    .top_yakata_area {
        width           : 95%;
        padding         : 50px 2.5% 30px;
    }
    .top_lesson_area {
        background-image: url(../imgs/top_lesson_image_w600.jpg?ver=1.0.1);
    }
    .top_yakata_area {
        background-image: url(../imgs/top_yakata_image_w600.jpg);
    }
    .top_lesson_text_area {
        width           : 100%;
        max-width       : 328px;
        margin          : 0 auto;
    }
    .top_lesson_text_1,
    .top_lesson_text_2 {
        margin-bottom   : 7px;
        line-height     : 1.5em;
    }
    .top_lesson_text_2 {
        font-size       : 14px;
    }
    .top_lesson_area .btn_gray {
        margin-top      : 40px;
    }
    /***------------------------------------------------------------------------
    お知らせ一覧(999px)
    ------------------------------------------------------------------------***/
    .news_content {
        width       : 95%;
        min-height  : 0;
        margin-top  : 15px;
        margin-bottom: 115px;
    }
    .news_head_area {
        margin-top  : 0;
        margin-bottom: 70px;
    }
    .news_title_en {
        justify-content: center;
    }
    .news_select_area {
        margin-top  : 41px;
    }
    .news_select_area form {
        justify-content: center;
    }
    .news_list_ul {
        justify-content: space-between;
        max-width   : calc(328px + 328px + 11%);
        margin      : 50px auto;
    }
    .news_list_ul li {
        width       : calc((100% - 11%) / 2);
        margin-right: 11%;
    }
    .news_list_ul li:nth-child(3n) {
        margin-right: 11%;
    }
    .news_list_ul li:nth-child(2n) {
        margin-right: 0;
    }
    .news_more_btn {
        margin      : 10px auto 100px;
    }
    /***------------------------------------------------------------------------
    お知らせ詳細(999px)
    ------------------------------------------------------------------------***/
    .news_content_detail {
        width       : 100%;
    }
    .news_detail_head_area {
        margin-bottom : 30px;
    }
    .news_detail_head,
    .news_detail_title,
    .news_detail_content,
    .news_pdf_box {
        width       : 90%;
        margin      : 0 auto;
    }
    .news_detail_title {
        margin      : 5px auto 30px;
    }
    .news_img_box {
        width       : 100%;
        text-align  : center;
    }
    .news_pdf_box {
        margin-top  : 75px;
    }
    .news_detail_btn_area {
        margin-bottom: 93px;
    }
    .news_detail_btn_area .btn_gray {
        position    : relative;
        top         : auto;
        left        : auto;
        margin-top  : 60px;
        text-align  : center;
    }
    /***------------------------------------------------------------------------
    越前焼とは(999px)
    ------------------------------------------------------------------------***/
    .about_br450,
    .about_br530 {
        display     : none;
    }
    .about_content {
        margin          : 24px auto;
    }
    .about_sub_title {
        font-size       : 20px;
        padding         : 0 50px;
        width           : calc(100% - 100px);
        margin-bottom   : 21px;
    }
    .about_sub_title::before,
    .about_sub_title::after {
        width           : 50px;
    }
    .about_greet_area {
        width           : 100%;
        display         : block;
        margin          : 0 auto 64px;
    }
    .about_greet_text_area {
        font-size       : 16px;
        width           : 94%;
        margin          : 0 auto;
    }
    .about_greet_img_area {
        width           : 100%;
        text-align      : center;
        margin-top      : 80px;
    }
    .about_greet_img_area p {
        text-align      : center;
        margin-left     : 298px;
    }
    .about_clay_area {
        width           : 100%;
        margin          : 16px auto 124px;
    }
    .about_clay_text_area {
        width           : 94%;
        margin          : 0 auto 75px;
    }
    .about_clay_text {
        font-size       : 16px;
    }
    .about_heritage_area {
        width           : 100%;
        margin-top      : -102px;
        padding-top     : 102px;
        margin-bottom   : 105px;
        padding-bottom  : 55px;
    }
    .about_heritage_content {
        display         : flex;
        flex-direction  : column-reverse;
        margin-top      : 5px;
    }
    .about_heritage_img {
        width           : 100%;
        text-align      : center;
    }
    .about_heritage_text {
        width           : 100%;
        margin-left     : 0;
    }
    .about_heritage_text h3 {
        font-size       : 20px;
        margin-left     : auto;
        margin-right    : auto;
    }
    .about_heritage_text p {
        font-size       : 16px;
        width           : 75%;
        margin          : 48px auto 95px;
        line-height     : 2.35em;
    }
    .about_oldkiln_area {
        width           : 100%;
        margin-top      : -98px;
        padding-top     : 98px;
        background-image: url('../imgs/about_oldkiln_back_sp600.png');
        background-size : cover;
        padding-bottom  : 61px;
        margin-bottom   : 78px;
    }
    .about_oldkiln_content {
        margin-top      : 20px;
    }
    .about_oldkiln_second_content {
        display         : block;
    }
    .about_oldkiln_first {
        display         : block;
    }
    .about_oldkiln_first_text {
        width           : 90%;
        font-size       : 16px;
        margin-left     : auto;
        margin-right    : auto;
    }
    .about_oldkiln_first_text p {
        line-height     : 2.2em;
    }
    .about_oldkiln_first_img {
        width           : 100%;
        margin          : 76px auto 96px;
    }
    .about_oldkiln_second_img {
        width           : 100%;
        text-align      : center;
        margin-left     : 0;
    }
    .about_oldkiln_second h4 {
        font-size       : 20px;
        margin-bottom   : 33px;
        margin-right    : 97px;
        text-align      : center;
    }
    .about_oldkiln_second_text {
        width           : 93%;
        margin-left     : auto;
        margin-right    : auto;
        margin-top      : 0;
    }
    .about_oldkiln_second_text_content {
        padding-right   : 0;
        margin-top      : 37px;
        margin-left     : 0;
    }
    .about_oldkiln_second_text_content h5 {
        font-size       : 16px;
        line-height     : 2.2em;
    }
    .about_oldkiln_second_text_content p {
        font-size       : 16px;
        line-height     : 2.2em;
    }
    .about_traditional_area {
        width           : 100%;
        margin-top      : -90px;
        padding-top     : 90px;
        margin-bottom   : 53px;
        padding-bottom  : 51px;
    }
    .about_traditional_content {
        display         : flex;
        flex-direction  : column-reverse;
    }
    .about_traditional_img {
        width           : 100%;
        margin          : 0 auto;
        text-align      : center;
    }
    .about_traditional_text {
        width           : 82%;
        margin          : 15px auto 75px;
    }
    .about_traditional_text h3 {
        font-size       : 20px;
    }
    .about_traditional_text p {
        font-size       : 16px;
        margin-left     : 0;
        margin-top      : 43px;
        line-height     : 2.2em;
    }
    .about_traditional_logo {
        margin-left     : 0;
        margin-top      : 98px;
    }
    .about_traditional_logo_text {
        margin-left     : 42px;
    }
    .about_greet_video_area {
        width           : 100%;
        margin          : 0 auto 125px;
    }
    /***------------------------------------------------------------------------
    越前焼の歩み(999px)
    ------------------------------------------------------------------------***/
    .history_content {
        width           : 95%;
        padding         : 0;
        margin-top      : 5px;
        margin-bottom   : 180px;
    }
    .history_title_area {
        justify-content : center;
    }
    .history_title_en {
        font-size       : 26px;
    }
    .history_title_ja {
        font-size       : 14px;
    }
    .history_tab_menu {
        padding-top     : 30px;
        display         : block;
        border-bottom   : none;
    }
    .history_tab_menu li {
        margin          : 0 auto;
        font-size       : 25px;

    }
    .history_tab_menu li:not(:last-child) {
        margin-right    : auto;
        margin-bottom   : 10px;
    }
    .history_tab_menu li.active {
        border-bottom   : 1px solid #4d4d4d;
    }
    .history_tab_area_meiji,
    .history_tab_area_1948 {
        padding         : 40px 0 30px;
        margin-bottom   : 80px;
    }
    .history_tab_area_meiji li:last-child,
    .history_tab_area_1948 li:last-child {
        margin-bottom   : 0;
    }
    .history_tab_area_meiji::before,
    .history_tab_area_1948::before {
        left            : 15px;
    }
    .history_tab_area_meiji::before,
    .history_tab_area_1948::before {
        height          : calc(100% - 60px);
        margin-top      : 60px;
    }
    .history_tab_content_left,
    .history_tab_content_right {
        width           : calc(100% - 45px);
        margin-left     : 45px;
        margin-bottom   : 15px;
        text-align      : left;
    }
    .history_tab_content_left::before,
    .history_tab_content_right::before {
        top             : 0;
        right           : auto;
        left            : -45px;
    }
    .history_tab_img_right,
    .history_tab_img_right_vertical {
        margin-left     : 0;
        margin-right    : auto;
    }
    .history_tab_title {
        font-size       : 20px;
    }
    .history_1948_map p {
        font-size       : 22px;
        top             : 25px;
    }
    .history_1948_map p span::before,
    .history_1948_map p span::after {
        height          : 97px;
    }
    /***------------------------------------------------------------------------
    窯元紹介一覧(999px)
    ------------------------------------------------------------------------***/
    .kamamoto_content {
        background  : #efe4d8;
        padding-top : 60px;
    }
    .kamamoto_no_data_content {
        height      : auto;
        background  : #efe4d8;
    }
    .kamamoto_sub_title {
        margin-bottom: 39px;
    }
    .kamamoto_list_area {
        width       : 892px;
    }
    .kamamoto_list_box,
    .kamamoto_list_box:nth-child(2n) {
        margin-right: 26px;
    }
    .kamamoto_list_box:nth-child(3n) {
        margin-right: 0;
    }
    .kamamoto_slider {
        width       : calc(100% - 90px);
        margin-left : auto;
    }
    /***------------------------------------------------------------------------
    窯元紹介詳細(999px)
    ------------------------------------------------------------------------***/
    .kamamoto_sub_title_kana,
    .kamamoto_sub_title_kana + .kamamoto_sub_title {
        display     : none;
    }
    .kamamoto_parson_content,
    .kamamoto_detail_content {
        background: #ebeae5;
    }
    .kamamoto_parson_content {
        margin-top  : 41px;
        margin-bottom: 17px;
    }
    .kamamoto_content_area,
    .kamamoto_detail_area {
        width       : 100%;
        margin-left : auto;
    }
    .kamamoto_detail_area {
        padding-top : 44px;
        padding-bottom: 17px;
    }
    .kamamoto_detail_text p {
        line-height : 1.7em;
    }
    .kamamoto_content_area {
        margin-bottom: 35px;
        padding-bottom: 28px;
    }
    .kamamoto_parson_name {
        padding-top : 7px;
        font-size   : 20px;
    }
    .kamamoto_parson_box {
        display     : block;
    }
    .kamamoto_parson_img {
        width       : 100%;
    }
    .kamamoto_parson_video {
        margin      : 62px auto 0;
    }
    .kamamoto_parson_video,
    .kamamoto_parson_video video,
    .kamamoto_parson_video img {
        width       : 100%;
        max-width   : 330px;
    }
    .kamamoto_detail_content {
        margin-top  : 35px;
    }
    .kamamoto_back_btn {
        margin-bottom: 66px;
    }
    .kamamoto_detail_box_left,
    .kamamoto_detail_box_right {
        width       : 100%;
        margin-left : auto;
        float       : none;
    }
    .kamamoto_detail_text p,
    .kamamoto_detail_history_title {
        width       : 95%;
        margin      : 0 auto;
        margin-left : auto;
    }
    .kamamoto_detail_text p {
        font-size   : 16px;
    }
    .kamamoto_detail_history_title {
        margin-top  : 52px;
    }
    .kamamoto_detail_history_dl dt {
        margin-left : 2.5%;
    }
    .kamamoto_detail_history_dl dd {
        width       : calc(100% - (116px + 2.5%));
    }
    .kamamoto_detail_box_right {
        margin-top  : 91px;
    }
    .kamamoto_thumbs_dots,
    .kamamoto_thumbs_dots_sub {
        width       : 100%;
        max-width   : 340px;
        height      : auto;
        margin      : 20px auto;
    }
    .kamamoto_thumbs_dots_sub {
        max-width   : 520px;
        height      : 160px;
    }
    .kamamoto_thumbs_dots_sub li {
        width       : 160px;
        height      : 160px;
        margin-right: 20px;
    }
    .kamamoto_thumbs_list li:last-child {
        margin-right: 0;
    }
    .kamamoto_shop_area,
    .kamamoto_sns_area {
        width       : 100%;
        float       : none;
    }
    .kamamoto_shop_text {
        margin-top  : 54px;
    }
    .kamamoto_sns_area {
        max-width   : 223px;
        margin      : 0 auto;
    }
    .kamamoto_sns_area a:first-of-type {
        margin-top  : 70px;
    }
    .kamamoto_sns_area a {
        margin      : 42px auto;
        margin-left : 0;
    }
    .kamamoto_sns_facebook {
        width       : 205px;
    }
    /***------------------------------------------------------------------------
    商品カタログ(999px)
    ------------------------------------------------------------------------***/
    .page_title_catalog {
        background: url('../imgs/echizenyaki_logo_catalog_sp.png?ver=1.0.1') no-repeat,
                    url('../imgs/catalog_pc_background.png?ver=1.0.0') no-repeat,
                    url('../imgs/page_title_back_pc.jpg');
        background-size: auto auto, auto auto, cover;
        background-position: 98% 93%, right, center;
    }
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(999px)
    ------------------------------------------------------------------------***/
    .brand_white_content,
    .brand_color_content {
        width       : 100%;
    }
    .brand_color_content {
        background  : #efe4d8;
    }
    .brand_color_area {
        width       : 100%;
        margin-left : auto;
    }
    .brand_sub_title {
        width       : calc(100% - 60px);
        padding     : 0 30px;
        font-size   : 20px;
    }
    .brand_sub_title:before,
    .brand_sub_title:after {
        width       : 35px;
    }
    .brand_tsuchigokoro_box_right,
    .brand_hirara_box_right {
        width       : 100%;
        margin      : 50px auto 50px;
        float       : none;
        font-size   : 20px;
    }
    .brand_tsuchigokoro_box_left,
    .brand_hirara_box_left {
        width       : 100%;
        margin      : 0 auto;
        float       : none;
    }
    .brand_tsuchigokoro_box_right p,
    .brand_hirara_box_right_p {
        margin-left : auto;
    }
    .brand_tsuchigokoro_img_text,
    .brand_hirara_img_text {
        font-size   : 42px;
    }
    .brand_tsuchigokoro_box_left_text {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }
    .brand_hirara_box_right_p {
        margin-left     : 0px;
    }
    .brand_hirara_box_right_text {
        width       : 90%;
        margin-right: auto;
        margin-left : auto;
        font-size   : 16px;
    }
    .brand_item_area {
        max-width   : calc(720px + 4%);
        margin      : 0 auto;
    }
    .brand_item_box {
        width       : calc(95% / 2);
        max-width   : 360px;
        margin-right: 5%;
    }
    .brand_item_box:nth-of-type(2),
    .brand_item_box:nth-of-type(4),
    .brand_item_box:nth-of-type(5) {
        margin-right: auto;
        margin-left : auto;
    }
    .brand_item_box:nth-of-type(3) {
        margin-right: 5%;
        margin-left : auto;
    }
    .brand_item_box:nth-of-type(5) {
        margin-left : calc((100% - (95% / 2)) / 2);
        margin-bottom: 0;
    }
    .brand_item_area + .btn_gray {
        margin      : 77px auto 87px;
    }
    /***------------------------------------------------------------------------
    コラボ実績(999px)
    ------------------------------------------------------------------------***/
    .collabo_sub_title_top {
        margin      : 20px auto;
    }
    .collabo_sub_title {
        width       : calc(100% - 100px);
        padding     : 0 50px;
        font-size   : 20px;
    }
    .collabo_sub_title:before,
    .collabo_sub_title:after {
        width       : 50px;
    }
    .collabo_area,
    .collabo_area_right,
    .collabo_area_left {
        width       : 100%;
        margin      : 0 auto;
        margin-right: auto;
        margin-left : auto;
    }
    .collabo_area_right {
        margin-top  : 49px;
    }
    .collabo_text_title {
        font-size   : 20px;
    }
    .collabo_text_box {
        font-size   : 16px;
    }
    .collabo_content_back_LDH,
    .collabo_content_back_hakuichi {
        background  : rgba(239, 228, 216, 0.4);
    }
    .collabo_content_back_LDH {
        margin      : 32px auto 0;
        padding-top : 42px;
        padding-bottom: 48px;
    }
    .collabo_content_back_beams {
        background  : rgba(239, 228, 216, 1);
    }
    .collabo_text_box {
        width       : 100%;
        margin      : 0 auto;
        padding-bottom: 250px;
        background  : url(../imgs/collabo_ldh_back.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .collabo_text_box p {
        width       : 95%;
        margin      : 0 auto;
    }
    .collabo_text_box .collabo_text_title {
        margin-bottom: 28px;
    }
    .collabo_img_box {
        width       : 100%;
        margin-right: auto;
        margin-left : auto;
    }
    .collabo_text_box_LDH,
    .collabo_img_box_LDH,
    .collabo_text_box_hakuichi,
    .collabo_img_box_hakuichi,
    .collabo_text_box_BEAMS,
    .collabo_img_box {
        float       : none;
    }
    .collabo_br_LDH,
    .collabo_br_hakuichi {
        display     : none;
    }
    .collabo_content_back_beams {
        margin      : 50px auto 0;
        padding-top : 43px;
        padding-bottom: 51px;
    }
    .collabo_text_box_BEAMS {
        background  : url(../imgs/collabo_beams_back.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .collabo_text_box_hakuichi {
        background  : url(../imgs/collabo_hakuichi_back.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .collabo_content_back_hakuichi {
        margin      : 81px auto;
        padding-top : 42px;
        padding-bottom: 51px;
    }
    .collabo_text_box .collabo_text_title_hakuichi {
        margin-top  : 99px;
        margin-bottom : 39px;
    }
    /***------------------------------------------------------------------------
    業務用越前焼食器(999px)
    ------------------------------------------------------------------------***/
    .dishes_content {
        width           : 95%;
        padding         : 25px 0 50px;
        margin          : 0 auto;
    }
    .dishes_sub_title {
        font-size       : 20px;
    }
    .dishes_sub_title span {
        width           : 200px;
    }
    .dishes_sub_title span::before {
        width           : 70px;
        left            : -100px;
    }
    .dishes_sub_title span::after {
        width           : 70px;
        right           : -100px;
    }
    .dishes_about_area {
        margin-bottom   : 70px;
        display         : block;
    }
    .dishes_about_text_area {
        width           : 100%;
        max-width       : initial;
        margin          : 0;
    }
    .dishes_about_img {
        width           : 100%;
        margin          : 0 auto;
    }
    .dishes_about_voice_area {
        margin          : 35px auto 0;
    }
    .dishes_about_voice_area h4 {
        margin-top      : 14px;
        font-size       : 18px;
    }
    .dishes_about_voice_link {
        font-size       : 16px;
    }
    .dishes_about_voice_link::after {
        width           : 15px;
        height          : 15px;
        top             : 40%;
        left            : 80%;
    }
    .dishes_feature_area {
        margin-top      : 40px;
        display         : block;
    }
    .dishes_feature_text_area {
        width           : 100%;
        max-width       : initial;
    }
    .dishes_feature_text_box {
        margin-bottom   : 15px;
        align-items     : center;
    }
    .dishes_feature_text_box:not(:last-child) {
        margin-bottom   : 15px;
    }
    .dishes_feature_num {
        width           : 48.75px;
        height          : 48.75px;
        position        : static;
        font-size       : 48px;
    }
    .dishes_feature_num_1,
    .dishes_feature_num_2 {
        line-height     : 38px;
    }
    .dishes_feature_num_3 {
        line-height     : 28px;
    }
    .dishes_feature_border {
        display         : none;
    }
    .dishes_feature_text {
        width           : auto;
        margin-left     : 20px;
        padding         : 0;
        border          : none;
    }
    .dishes_feature_text h4 {
        font-size       : 18px;
    }
    .dishes_feature_text_detail {
        padding-bottom  : 30px;
        margin-bottom   : 40px;
        border-bottom   : 1px dashed #000000;
    }
    .dishes_feature_img_area {
        width           : calc(100% - 58px);
        max-width       : 540px;
        margin          : 0 auto;
    }
    .dishes_collab_area {
        margin-top      : 20px;
    }
    .dishes_collab_box {
        width           : calc(100% - 120px);
        max-width       : 400px;
        margin          : 0 auto;
        padding         : 20px 60px 50px;
        float           : none;
    }
    .dishes_collab_box:nth-child(1),
    .dishes_collab_box:nth-child(2) {
        margin-right    : auto;
        margin-bottom   : 60px;
    }
    .dishes_collab_box:nth-child(2),
    .dishes_collab_box:nth-child(3) {
        margin-top      : 0;
    }
    .dishes_iwamotoya_title_area,
    .dishes_akiyoshi_title_area {
        padding         : 0;
        position        : relative;
        background-image: none;
    }
    .dishes_shop_title_backimg {
        width           : 100%;
    }
    .dishes_iwamotoya_title {
        width           : 100%;
        position        : absolute;
        top             : 16%;
        left            : 50%;
        transform       : translate(-50%, -55%);
    }
    .dishes_akiyoshi_title {
        width           : 100%;
        position        : absolute;
        top             : 21%;
        left            : 50%;
        transform       : translate(-50%, -73%);
    }
    .dishes_shop_area {
        width           : 95%;
        padding         : 45px 0 120px;
    }
    .dishes_shop_info_president_area {
        display         : block;
    }
    .dishes_shop_info_area {
        width           : 100%;
        max-width       : 443px;
        margin          : 0 auto 45px;
    }
    .dishes_president_craftman_area_sp {
        width           : 100%;
        display         : flex;
    }
    .dishes_shop_president_area,
    .dishes_shop_craftman_area {
        width           : calc(50% - 10px);
        max-width       : 443px;
    }
    .dishes_shop_president_area {
        margin-right    : 20px;
    }
    .dishes_shop_president_content,
    .dishes_shop_craftman_content {
        width           : calc(100% - 2px);
        min-height      : initial;
        display         : block;
        border          : 1px solid #4d4d4d;
    }
    .dishes_shop_president_img,
    .dishes_shop_craftman_img {
        width           : 100%;
    }
    .dishes_shop_president_img img {
        width           : 100%;
    }
    .dishes_shop_president_text_area {
        width           : 100%;
        border          : none;
    }
    .dishes_shop_craftman_text_area {
        width           : calc(100% - 80px);
        padding         : 20px 40px;
        border          : none;
    }
    .dishes_shop_president_text {
        margin-bottom   : 25px;
    }
    .dishes_shop_president_img::before,
    .dishes_shop_craftman_img::before,
    .dishes_shop_president_img::after,
    .dishes_shop_craftman_img::after {
        display         : none;
    }
    .dishes_shop_info_area .btn_center {
        width           : 258px;
    }
    .dishes_shop_info_area .btn_gray {
        position        : static;
        margin-top      : 85px;
    }
    .dishes_shop_info_area .arw-button,
    .dishes_shop_craftman_text_area .arw-button {
        width           : 256px;
        font-size       : 18px;
    }
    .dishes_shop_info_area .arw-button_arw,
    .dishes_shop_craftman_text_area .arw-button_arw {
        width           : 116px;
        right           : -56px;
    }
    .dishes_shop_craftman_text_area .btn_gray {
        position        : static;
        margin-top      : 60px;
    }
    .page_body_dishes {
        padding-bottom  : 25px;
    }

    /***------------------------------------------------------------------------
    体験教室(999px)
    ------------------------------------------------------------------------***/
    .taiken_content {
        margin-top      : 0;
    }
    .taiken_title {
        display         : block;
    }
    .taiken_color_content {
        width           : 100%;
        margin          : 0 auto 50px;
    }
    .taiken_white_area {
        padding         : 44px 0 100px;
    }
    .taiken_sub_title {
        width           : calc(100% - 60px);
        padding         : 0 30px;
        font-size       : 20px;
        max-width       : 400px;
        margin          : 0 auto 0px;
    }
    .taiken_sub_title img {
        max-width       : 281px;
        width           : 100%;
    }
    .taiken_sub_title::before,
    .taiken_sub_title::after {
        width           : 35px;
    }
    .taiken_studio {
        margin-top      : 8px;
    }
    .taiken_studio_text {
        font-size       : 16px;
        width           : 90%;
        margin          : 0 auto 77px;
    }
    .taiken_studio_text p {
        line-height     : 2.2em;
    }
    .taiken_studio_left_text_box {
        width           : 90%;
        margin          : 22px auto 0;
    }
    .taiken_studio_left_img_text1 {
        font-size       : 42px;
        top             : 30px;
        left            : 30px;
    }
    .taiken_studio_left_img_text2 {
        font-size       : 35.9px;
    }
    .taiken_studio_left_img_text3 {
        font-size       : 20px;
        top             : 30%;
    }
    .taiken_studio_box_right {
        width           : 100%;
        float           : none;
        margin-left     : 0;
    }
    .taiken_studio_box_left {
        float           : none;
        width           : 100%;
        margin          : 85px auto 0;
    }
    .taiken_studio_right_link_box {
        width           : calc(100% - 2px);
        margin          : 0 auto;
    }
    .taiken_studio_box_right h3 {
        font-size       : 20px;
        margin-bottom   : 30px;
    }
    .taiken_color_content_left {
        width           : 100%;
        margin          : 0 auto 50px;
    }
    .taiken_color_content_right {
        width           : 100%;
        margin          : 0 auto 25px;
    }
    .taiken_rokuro,
    .taiken_tankirokuro {
        display         : block;
    }
    .taiken_rokuro_width {
        margin-top      : 30px;
    }
    .taiken_rokuro_sub_title {
        margin-bottom   : 0;
    }
    .taiken_rokuro_left {
        width           : 94%;
        margin          : 0 auto 20px;
        padding-left    : 0;
    }
    .taiken_rokuro_left h3 {
        padding-left    : 0;
        font-size       : 20px;
        margin-bottom   : 25px;
    }
    .taiken_rokuro_left p {
        padding-left    : 0;
        font-size       : 16px;
        line-height     : 2.0em;
        margin-left     : 0;
    }
    .taiken_rokuro_right {
        max-width       : 600px;
        width           : 100%;
        margin          : 0 auto;
        align-items     : flex-end;
    }
    .taiken_rokuro_bottom {
        margin-top      : 45px;
    }
    .taiken_rokuro_bottom_right {
        width           : 100%;
        margin          : 0 auto;
    }
    .taiken_tankirokuro_area {
        padding-top     : 10px;
        padding-bottom  : 30px;
    }
    .taiken_work {
        width           : 100%;
    }
    .taiken_work_item_area {
        max-width       : calc(720px + 7%);
        width           : 95%;
        margin          : 40px auto 0px;
    }
    .taiken_work_item {
        width           : calc(93% / 2);
        margin-bottom   : 130px;
        margin-right    : 7%;
        float           : left;
    }
    .taiken_work_item:nth-of-type(2),
    .taiken_work_item:nth-of-type(4),
    .taiken_work_item:nth-of-type(6) {
        margin-right    : 0;
    }
    .taiken_work_item:nth-of-type(3) {
        margin-right    : 7%;
    }
    .taiken_rokuro_class_left {
        width           : 94%;
        margin          : 0 auto 55px;
    }
    .taiken_rokuro_class_right{
        width           : 100%;
        margin          : 0 auto;
    }
    .taiken_rokuro_table {
        width           : 95%;
        margin-left     : auto;
        margin-right    : auto;
    }
    .taiken_tankirokuro_left {
        width           : 94%;
        margin          : 0 auto 60px;
    }
    .taiken_tankirokuro_left h3 {
        font-size       : 20px;
        margin-bottom   : 40px;
        margin-left     : auto;
        margin-right    : auto;
    }
    .taiken_tankirokuro_left p {
        font-size       : 16px;
        margin-left     : auto;
        margin-right    : auto;
    }
    .taiken_tankirokuro_right {
        width           : 94%;
        margin          : 0 auto;
    }
    .taiken_tankirokuro_right div {
        margin-left     : auto;
        margin-right    : auto;
        margin-bottom   : 40px;
    }
    .taiken_rokuro_bottom_left {
        width           : 94%;
        margin          : 40px auto 10px;
    }
    .taiken_tankirokuro_table {
        width           : 100%;
        margin-left     : 0;
        margin-top      : 5px;
    }
    .taiken_rokuro_bottom_left h4 {
        margin-left     : 0;
    }
    .taiken_sub_title p {
        font-size       : 16px;
    }
    .taiken_studio_link a:first-child {
        margin-right    : 10%;
    }
    .taiken_title_area p {
        font-size       : 16px;
    }
    .taiken_tankirokuro_table {
        margin-left     : 0;
    }
    .taiken_title_area {
        width           : 100%;
        margin-left     : 0;
    }
    .taiken_content_box {
        background      : rgba(239, 228, 216, 0.4);
        padding-top     : 35px;
        margin-bottom   : 50px;
    }
    .taiken_content_box_left {
        background      : #efe4d8;
        padding-top     : 46px;
        margin-bottom   : 50px;
    }
    .taiken_color_area {
        width           : 100%;
        margin          : 20px auto;
        padding-bottom  : 38px;
    }
    .taiken_white_area {
        width           : 100%;
        margin          : 20px auto;
        padding-top     : 0;
    }
    .taiken_rokuro_table_inner p {
        line-height     : 1.6em;
    }
    .taiken_tankirokuro_area {
        margin-top      : 16px;
        padding-bottom  : 30px;
    }
    .taiken_tankirokuro_title {
        padding-bottom  : 18px;
    }
    .taiken_tankirokuro_box {
        margin-bottom   : 0px;
    }
    .taiken_studio_link {
        display         : flex;
    }
    .taiken_studio_link {
        display         : flex;
        width           : 100%;
        text-align      : left;
        margin-left     : 0;
        margin-right    : 0;
    }
    .taiken_studio_link a:first-child {
        margin-bottom   : 0px;
        margin-right    : auto;
        margin-left     : auto;
    }
    .taiken_studio_link a:nth-child(2) {
        margin-right    : auto;
        margin-left     : auto;
    }
    /***------------------------------------------------------------------------
    メディア掲載一覧(999px)
    ------------------------------------------------------------------------***/
    .media_top_area {
        display     : block;
    }
    .media_top_area {
        width       : 90%;
        margin      : 35px auto;
    }
    .media_top_left .news_detail_head,
    .media_top_left .news_detail_content {
        width       : 100%;
    }
    .media_top_left {
        width       : 100%;
        margin-right: auto;
    }
    .media_img_box {
        margin      : 100px auto 62px;
    }
    .media_detail_title {
        margin-top  : 14px;
        margin-bottom: 2px;
    }
    .media_detail_topic_box {
        margin      : 0 auto;
    }
    .media_detail_topic_box,
    .media_topic_text_box {
        width       : 90%;
    }
    .media_topic_img_box {
        width       : 100%;
    }
    /***------------------------------------------------------------------------
    直営店(999px)
    ------------------------------------------------------------------------***/
    .yakata_inner {
        margin-top      : 30px;
        padding-bottom  : 50px;
    }
    .yakata_page_title_area {
        margin-bottom   : 30px;
    }
    .yakata_box {
        width           : 100%;
        display         : block;
        margin-left     : 0;
        margin          : 0 auto;
    }
    .text_margin {
        margin-bottom   : 50px;
    }
    .yakata_box_right {
        text-align      : center;
        margin-right    : auto;
        margin-left     : auto;
        width           : 100%;
    }
    .yakata_box_left {
        width           : 95%;
        max-width       : 600px;
        padding-right   : 0;
        margin          : 0 auto;
    }
    .yakata_box_title {
        font-size       : 18px;
        margin          : 30px 0 30px 0;
    }
    .yakata_kannai {
        width           : 100%;
        margin          : 80px auto 30px;
    }
    .yakata_access_box {
        width           : 100%;
        display         : block;
        margin-left     : 0;
        margin          : 0 auto;
    }
    .yakata_access_img {
        justify-content : center;
        margin-bottom   : 40px;
    }
    .yakata_access_img img {
        max-width       : 45px;
        max-height      : 45px;
        padding-right   : 16.2px;
    }
    .yakata_access_box_title {
        font-size       : 20px;
    }
    .yakata_access_btn_send {
        margin: 40px 0;
    }
    .yakata_map_content {
        margin          : 20px auto;
    }
    .yakata_map_text_box {
        margin-bottom   : 15px;
        align-items     : center;
    }
    .yakata_map_text_box:not(:last-child) {
        margin-bottom   : 15px;
    }
    .yakata_map_num {
        width           : 48.75px;
        height          : 48.75px;
        position        : static;
        font-size       : 48px;
    }
    .yakata_map_num_1,
    .yakata_map_num_2 {
        line-height     : 38px;
    }
    .yakata_map_num_3 {
        line-height     : 28px;
    }
    .yakata_map_border {
        display         : none;
    }
    .yakata_map_text {
        width           : auto;
        margin-left     : 20px;
        padding         : 0;
        border          : none;
    }
    .yakata_map_text h4 {
        font-size       : 18px;
    }
    .yakata_map_text_detail {
        padding-bottom  : 30px;
        margin-bottom   : 40px;
        border-bottom   : 1px dashed #000000;
    }
    .access_map {
        margin          : 0 auto;
    }
    .yakata_map_img {
        margin          : 50px 0 70px;
    }
    /***------------------------------------------------------------------------
    越前焼工業協同組合について(999px)
    ------------------------------------------------------------------------***/
    .union_greet_area {
        display         : flex;
        flex-direction  : column-reverse;
        width           : 100%;
        margin-left     : auto;
        margin-bottom   : 43px;
    }
    .union_greet_text {
        padding-left    : 0;
        max-width       : 1000px;
        width           : 100%;
        font-size       : 16px;
        background-image: url('../imgs/union_spw600_greetingsbackground.png');
        background-repeat: no-repeat;
        background-size : cover;
        background-position: center;
        position        : relative;
        padding-bottom  : calc((485px - 1.5em) / 2);
    }
    .union_greet_img {
        max-width       : 1000px;
        width           : 100%;
    }
    .union_greet_name {
        max-width       : 200px;
        width           : 100%;
        margin-left     : 27px;
    }
    .union_greet_img p {
        font-size       : 16px;
        margin-left     : 55px;
    }
    .union_title {
        padding         : 0 190px;
        font-size       : 20px;
    }
    .union_title::before,
    .union_title::after {
        width           : 70px;
    }
    .union_about_area {
        max-width       : 999px;
        margin          : 20px auto;
        width           : 95%;
    }
    .union_about_text {
        width           : 95%;
        font-size       : 16px;
        margin          : 0 auto 50px;
    }
    .union_about_title_h3 {
        font-size       : 20px;
    }
    .union_title_area {
        margin          : 20px auto 22px;
    }
    .union_greet_text div:first-child {
        margin-top      : 0px;
    }
    .union_greet_text_mt {
        margin-top      : 24px;
    }
    .union_title_center {
        text-align      : center;
    }
    .union_outline_left {
        width           : 80px;
        padding         : 30px 5px;
    }
    .union_outline_right {
        width           : calc(100% - (90px + 25px));
        padding         : 30px 10px 30px 15px;
    }
    .union_title2 {
        padding         : 0 70px;
        font-size       : 20px;
    }
    .union_title2::before,
    .union_title2::after {
        width           : 70px;
    }
    .union_table {
        margin          : 27px auto 88px;
    }
    .union_title_sp {
        font-size       : 30px;
    }
    .union_trademark {
        display         : block;
    }
    .union_trademark_top {
        width           : 100%;
        justify-content : space-around;
    }
    .union_trademark_second {
        margin-left     : 0;
        margin-right    : 0;
    }
    .union_trademark_third {
        text-align      : left;
        margin          : 0 auto;
        margin-top      : 115px;
        min-width       : 210px;
        width           : 23%;
    }
    .union_logo {
        text-align      : center;
        margin-right    : 98px;
        font-size       : 15px;
        width           : 100%;
    }
    .union_sdgs p {
        font-size       : 16px;
    }
    .union_sdgs_text {
        width           : 90%;
        text-align      : left;
        margin-left     : auto;
        margin-right    : auto;
    }
    .union_br999 {
        display         : none;
    }
    .union_trademark_firstcontent {
        margin-bottom   : 113px;
    }
    .union_trademark_area {
        margin-top      : 70px;
    }
    .union_greet_img p {
        margin-bottom   : 10px;
        margin-top      : 15px;
    }
    .union_sdgs {
        margin-bottom   : 100px;
    }
    /***------------------------------------------------------------------------
    お問い合わせ(999px)
    ------------------------------------------------------------------------***/
    .contact_text_br_sp {
        display         : inline;
    }
    .contact_inner {
        display         : block;
        margin-top      : 30px;
        padding-bottom  : 72px;
    }
    .contact_item {
        width           : 165px;
    }
    .contact_any,
    .contact_surely {
        width           : 70%;
        text-align      : left;
        font-size       : 16.5px;
    }
    .contact_text {
        font-size       : 16px;
        width           : 90%;
    }
    .contact_form_area {
        max-width       : 999px;
        width           : 100%;
        margin-top      : 50px;
    }
    .contact_table {
        font-size       : 16px;
        width           : 100%;
    }
    .contact_table_flex {
        display         : block;
    }
    .contact_table_th {
        width           : calc(100% - 30px);
        border-left     : none;
    }
    .contact_table_td {
        width           : calc(100% - 30px);
        border-left     : none;
        border-right    : none;
        padding         : 20px 10px 20px 20px;
    }
    .contact_company {
        width           : 95%;
    }
    .contact_company_radio{
        padding-top     : 6px;
        font-size       : 16px;
    }
    .contact_company_radio label:first-child {
        margin          : 0;
    }
    .contact_textarea {
        width           : 95%;
    }
    .contact_input {
        width           : 95%;
    }
    .confirm_table_th {
        width           : calc(100% - 30px);
        border-right    : solid 1px #cccccc;
    }
    .contact_sentence3 {
        font-size       : 18px;
    }
    .confirm_table_td {
        width           : calc(100% - 30px);
    }
    .contact_bottom_area {
        font-size       : 16px;
        width           : 100%;
    }
    .contact_tel_title {
        font-size       : 22px;
        margin-bottom   : 34px;
    }
    .contact_tel_icon {
        max-width       : 462px;
        padding         : 0;
    }
    .contact_tel_icon span {
        font-size       : 31.2px;
        height          : 38px;
    }
    .contact_tel_icon span::before {
        width           : 38px;
        height          : 38px;
        vertical-align  : middle;
        margin-right    : 2px;
        padding-bottom  : 8px;
    }
    .contact_tel_icon span:hover::before {
        width           : 38px;
        height          : 38px;
        vertical-align  : middle;
        margin-right    : 2px;
        padding-bottom  : 8px;
    }
    .contact_confirm_area {
        font-size       : 16px;
    }
    .contact_conf_btnarea {
        display         : block;
        margin-top      : 80px;
        justify-content : center;
    }
    .contact_conf_btnarea div:first-child {
        margin-bottom   : 30px;
        margin-right    : 0;
        text-align      : center;
    }
    .contact_conf_btnarea div:nth-child(2) {
        margin-top      : 30px;
        margin-left     : 0;
        text-align      : center;
    }
    .contact_comp_inner {
        font-size       : 16px;
    }
    .contact_conf_form {
        display         : block;
        margin-top      : 80px;
        justify-content : center;
    }
    .contact_conf_form .contact_conf_btnarea:nth-of-type(1) {
        margin-right    : 0px;
    }
    .contact_conf_form .contact_conf_btnarea:nth-of-type(2) {
        margin-left     : 0px;
    }
    /***------------------------------------------------------------------------
    プライバシーポリシー(999px)
    ------------------------------------------------------------------------***/
    .privacy_inner {
        margin-top      : 20px;
        padding-bottom  : 70px;
    }
    .privacy_text {
        width           : 95%;
    }
}
/**-----------------------------------------------------------------------------
画面幅　940px
----------------------------------------------------------------------------***/
@media screen and (max-width: 940px) {
    /***------------------------------------------------------------------------
    窯元紹介(940px)
    ------------------------------------------------------------------------***/
    .kamamoto_list_area {
        width       : 586px;
        margin-left : auto;
    }
    .kamamoto_list_box:nth-child(3n) {
        margin-right: 26px;
    }
    .kamamoto_list_box:nth-child(2n) {
        margin-right: 0;
    }
}
/**-----------------------------------------------------------------------------
画面幅　800px
----------------------------------------------------------------------------***/
@media screen and (max-width: 800px) {
    /***------------------------------------------------------------------------
    業務用越前焼食器(800px)
    ------------------------------------------------------------------------***/
    .dishes_president_craftman_area_sp {
        display         : block;
    }
    .dishes_shop_president_area,
    .dishes_shop_craftman_area {
        width           : 100%;
        margin          : 0 auto;
    }
    .dishes_shop_president_area {
        margin-bottom   : 75px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　735px
----------------------------------------------------------------------------***/
@media screen and (max-width: 735px) {
    /***------------------------------------------------------------------------
    越前焼工業協同組合について(735px)
    ------------------------------------------------------------------------***/
    .union_trademark {
        width           : 100%;
    }
    .union_trandemark_text {
        margin-top      : 45px;
    }
    .union_trandemark_text p {
        line-height     : 1.5em;
    }
    .union_about_area {
        margin-bottom   : 91px;
    }
    /***------------------------------------------------------------------------
    直営店(735px)
    ------------------------------------------------------------------------***/
    .yakata_page_title_sp {
        font-size: 35px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　700px
----------------------------------------------------------------------------***/
@media screen and (max-width: 700px) {
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(700px)
    ------------------------------------------------------------------------***/
    .brand_kodawari_area1,
    .brand_kodawari_area2 {
        display         : block;
        margin-top      : 0;
    }
    .brand_kodawari_box1,
    .brand_kodawari_box2,
    .brand_kodawari_box3,
    .brand_kodawari_box4 {
        margin-top      : 30px;
        margin-right    : auto;
        margin-left     : auto;
    }
}
/**-----------------------------------------------------------------------------
画面幅　600px
----------------------------------------------------------------------------***/
@media screen and (max-width: 600px) {
    /***------------------------------------------------------------------------
    ページタイトル(600px)
    ------------------------------------------------------------------------***/
    .page_title_area {
        background-image: url(../imgs/page_title_back_sp600.jpg);
    }

    /***------------------------------------------------------------------------
    トップページ(600px)
    ------------------------------------------------------------------------***/
    .top_movie_area {
        padding-top     : calc(100% * (700 / 600));
    }
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(600px)
    ------------------------------------------------------------------------***/
    .brand_item_area {
        max-width       : 360px;
    }
    .brand_item_box {
        width           : 100%;
        margin-right    : auto;
        margin          : 0 auto 50px;
    }
    .brand_item_box:nth-of-type(5) {
        margin-left     : auto;
    }
    /***------------------------------------------------------------------------
    お知らせ一覧(600px)
    ------------------------------------------------------------------------***/
    .news_page_title_small {
        font-size   : 12px;
    }
    .news_title_en {
        font-size   : 26px;
        text-align  : center;
    }
    .news_title_ja {
        margin-left : 20px;
        font-size   : 12px;
    }
    .news_list_ul {
        display     : block;
        justify-content: center;
    }
    .news_list_ul li {
        display     : block;
        width       : 100%;
        margin-right: auto;
        margin      : 0 auto 30px;
    }
    .news_list_ul li:nth-child(2n),
    .news_list_ul li:nth-child(3n),
    .news_list_ul li:last-child {
        margin-right: auto;
    }
    /***------------------------------------------------------------------------
    体験教室(600px)
    ------------------------------------------------------------------------***/
    .taiken_sub_title img {
        width           : 45%;
    }
    .taiken_work_item {
        width           : 100%;
        margin-right    : auto;
    }
    .taiken_work_item:nth-of-type(3),
    .taiken_work_item:nth-of-type(6) {
        margin-right    : auto;
        margin-left     : 0;
    }
    .taiken_work_item:nth-of-type(6) {
        margin-bottom   : 93px;
    }
    /***------------------------------------------------------------------------
    プライバシーポリシー(600px)
    ------------------------------------------------------------------------***/
    .privacy_box_title {
        font-size   : 18px;
    }
    /***------------------------------------------------------------------------
    越前焼とは(600px)
    ------------------------------------------------------------------------***/
    .about_oldkiln_first_city {
        width           : 92%;
        margin-left     : auto;
        margin-right    : auto;
        padding-left    : 0;
    }
    /***------------------------------------------------------------------------
    窯元紹介一覧(600px)
    ------------------------------------------------------------------------***/
    .kamamoto_sub_title {
        font-size   : 20px;
    }
    /***------------------------------------------------------------------------
    コラボ実績(600px)
    ------------------------------------------------------------------------***/
    .collabo_text_box {
        padding-bottom: 212px;
        background-position: center bottom;
        background-size: cover;
    }
    .collabo_text_box_BEAMS {
        padding-bottom: 134px;
        background-position: right bottom;
    }
    .collabo_text_box_hakuichi {
        padding-bottom: 184px;
    }
    /***------------------------------------------------------------------------
    業務用越前焼食器(600px)
    ------------------------------------------------------------------------***/
    .dishes_akiyoshi_title img {
        width           : 35px;
        margin-right    : 15px;
    }
    /***------------------------------------------------------------------------
    商品カタログ(600px)
    ------------------------------------------------------------------------***/
    .page_title_catalog {
        background: url('../imgs/echizenyaki_logo_catalog_sp.png?ver=1.0.1') no-repeat,
                    url('../imgs/catalog_background_sp600.png?ver=1.0.0') no-repeat;
        background-size: auto auto, cover;
        background-position: 98% 97%, center;
    }
}
/**-----------------------------------------------------------------------------
画面幅　599px
----------------------------------------------------------------------------***/
@media screen and (max-width: 599px) {
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(599px)
    ------------------------------------------------------------------------***/
    .brand_pagelink_area {
        display         : block;
        width           : calc(275px - 2px);
    }
    .brand_pagelink_box {
        width           : calc(275px - 2px);
    }
    .brand_pagelink_box:first-of-type {
        border-right    : none;
        border-bottom   : 1px solid #4d4d4d;
    }
    /***------------------------------------------------------------------------
    体験教室(599px)
    ------------------------------------------------------------------------***/
    .taiken_rokuro_right {
        max-width       : 300px;
        width           : 100%;
        margin          : 0 auto;
        display         : block;
    }
    .taiken_tankirokuro_right div {
        max-width       : 314px;
        width           : 100%;
        margin          : 0 auto 40px;
    }
    .taiken_flow {
        max-width       : 238px;
        width           : 100%;
    }
}
/**-----------------------------------------------------------------------------
画面幅　589px
----------------------------------------------------------------------------***/
@media screen and (max-width: 589px) {
    .taiken_studio_left_img_text3 {
        top             : 40%;
    }
}
/**-----------------------------------------------------------------------------
画面幅　586px
----------------------------------------------------------------------------***/
@media screen and (max-width: 586px) {
    /***------------------------------------------------------------------------
    窯元紹介(586px)
    ------------------------------------------------------------------------***/
    .kamamoto_list_area {
        width       : 280px;
    }
    .kamamoto_list_box:nth-child(2n),
    .kamamoto_list_box:nth-child(3n) {
        margin-right: auto;
    }
}
/**-----------------------------------------------------------------------------
画面幅　560px
----------------------------------------------------------------------------***/
@media screen and (max-width: 560px) {
    /***------------------------------------------------------------------------
    トップページ(560px)
    ------------------------------------------------------------------------***/
    .top_store_text_5 {
        font-size       : 36px;
    }
    .top_store_text_6 {
        font-size       : 55px;
    }
    /***------------------------------------------------------------------------
    越前焼工業協同組合について(560px)
    ------------------------------------------------------------------------***/
    .union_outline_right {
        padding         : 23px 10px 23px 15px;
    }
    .union_trademark_top {
        display         : block;
    }
    .union_trademark_second {
        margin-top      : 40px;
    }
    .union_trademark_third {
        margin-top      : 77px;
    }
    .union_sdgs_content {
        display         : block;
    }
    .union_sdgs_logo2 {
        margin-right    : 0;
    }
    .union_sdgs_logo3 {
        margin-top      : 11px;
        margin-left     : 0;
    }
    /***------------------------------------------------------------------------
    越前焼とは(560px)
    ------------------------------------------------------------------------***/
    .about_oldkiln_second h4 {
        margin-left     : auto;
        margin-right    : auto;
        text-align      : left;
        width           : 270px;
    }
    /***------------------------------------------------------------------------
    越前焼の歩み(560px)
    ------------------------------------------------------------------------***/
    .history_title_area {
        display         : block;
        text-align      : center;
    }
    .history_title_en {
        margin          : 0;
    }
}
/**-----------------------------------------------------------------------------
画面幅　530px
----------------------------------------------------------------------------***/
@media screen and (max-width: 530px) {
    /***------------------------------------------------------------------------
    越前焼とは(530px)
    ------------------------------------------------------------------------***/
    .about_br530 {
        display         : block;
    }
    /***------------------------------------------------------------------------
    窯元紹介詳細(530px)
    ------------------------------------------------------------------------***/
    .kamamoto_thumbs_dots_sub {
        max-width   : 280px;
    }
    .kamamoto_thumbs_dots_sub li {
        width       : 80px;
        height      : 80px;
    }
    /***------------------------------------------------------------------------
    メディア掲載一覧(530px)
    ------------------------------------------------------------------------***/
    .media_tab_label {
        flex        : 1px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　515px
----------------------------------------------------------------------------***/
@media screen and (max-width: 515px) {
    .taiken_studio_left_img_text1 {
        top             : 10px;
        left            : 10px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　500px
----------------------------------------------------------------------------***/
@media screen and (max-width: 500px) {
    /***------------------------------------------------------------------------
    お知らせ一覧(500px)
    ------------------------------------------------------------------------***/
    .news_year_select {
        margin-right: 15px;
    }
    /***------------------------------------------------------------------------
    越前焼の歩み(500px)
    ------------------------------------------------------------------------***/
    .history_1948_map {
        width           : calc(100% - 62px);
        padding         : 25px 30px;
    }
    .history_1948_map p {
        left            : 25%;
    }
    /***------------------------------------------------------------------------
    業務用越前焼食器(500px)
    ------------------------------------------------------------------------***/
    .dishes_collab_box {
        width           : calc(100% - 30px);
        padding         : 20px 15px 65px;
    }
    .dishes_iwamotoya_title img {
        width           : 100px;
        margin-right    : 15px;
    }
    .dishes_shop_info {
        padding         : 30px 15px 40px;
    }
    .dishes_shop_craftman_text_area {
        width           : calc(100% - 30px);
        padding         : 20px 15px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　470px
----------------------------------------------------------------------------***/
@media screen and (max-width: 470px) {
    .br_sp470 {
        display         : block;
    }
    /***------------------------------------------------------------------------
    プライバシーポリシー(470px)
    ------------------------------------------------------------------------***/
    .privacy_page_title_sp {
        font-size       : 35px;
    }
    /***------------------------------------------------------------------------
    体験教室(470px)
    ------------------------------------------------------------------------***/
    .taiken_br470 {
        display         : block;
    }
    .taiken_studio_link a {
        display         : block;
    }
    .taiken_studio_link a:first-child {
        margin-bottom   : 0px;
        margin-right    : auto;
        margin-left     : auto;
    }
    .taiken_studio_link a:nth-child(2) {
        margin-right    : auto;
        margin-left     : auto;
    }
}
/**-----------------------------------------------------------------------------
画面幅　459px
----------------------------------------------------------------------------***/
@media screen and (max-width: 459px) {
    .taiken_studio_left_img_text3 {
        top             : 40%;
        font-size       : 15px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　450px
----------------------------------------------------------------------------***/
@media screen and (max-width: 450px) {
    /***------------------------------------------------------------------------
    ボタン(450px)
    ------------------------------------------------------------------------***/
    .arw-button,
    .top_store_area_wrap > .btn_black,
    .top_store_area_wrap .arw-button,
    .top_pro_btn_area > .btn_black,
    .top_pro_btn_area .arw-button,
    .btn_center,
    .btn_center_sp {
        width           : 180px;
    }
    .arw-button_arw,
    .top_store_area_wrap .arw-button_arw,
    .top_pro_btn_area .arw-button_arw {
        width           : 50px;
        right           : -25px;
    }
    /***------------------------------------------------------------------------
    共通部分(450px)
    ------------------------------------------------------------------------***/
    .br_sp450 {
        display         : block;
    }
    /***------------------------------------------------------------------------
    ページタイトル(450px)
    ------------------------------------------------------------------------***/
    .page_title {
        padding         : 0px 90px;
    }
    .page_title:before,
    .page_title:after {
        width           : 70px;
    }
    /***------------------------------------------------------------------------
    トップページ(450px)
    ------------------------------------------------------------------------***/
    .top_pro_area > p {
        font-size       : 14px;
    }
    /***------------------------------------------------------------------------
    越前焼工業協同組合について(450px)
    ------------------------------------------------------------------------***/
    .union_sdgs_logo {
        width           : 94%;
        margin-left     : auto;
        margin-right    : auto;
    }
    .union_title2 {
        line-height     : 1.5em;
    }
    .union_title {
        padding         : 0 135px;
    }
    /***------------------------------------------------------------------------
    お知らせ一覧(450px)
    ------------------------------------------------------------------------***/
    .news_year_select {
        margin-right: 5px;
    }
    /***------------------------------------------------------------------------
    お知らせ詳細(450px)
    ------------------------------------------------------------------------***/
    .news_detail_page_area a {
        letter-spacing: 0.3em;
    }
    /***------------------------------------------------------------------------
    越前焼の歩み(450px)
    ------------------------------------------------------------------------***/
    .history_title_en {
        font-size       : 17px;
    }
    /***------------------------------------------------------------------------
    業務用越前焼食器(450px)
    ------------------------------------------------------------------------***/
    .dishes_sub_title_feature {
        font-size       : 16px;
    }
    .dishes_sub_title_feature span::before {
        left            : -80px;
    }
    .dishes_sub_title_feature span::after {
        right           : -80px;
    }
    .dishes_shop_info_area .btn_center {
        width           : 182px;
    }
    .dishes_shop_info_area .arw-button,
    .dishes_shop_craftman_text_area .arw-button {
        width           : 180px;
    }
    .dishes_shop_info_area .arw-button_arw,
    .dishes_shop_craftman_text_area .arw-button_arw {
        width           : 50px;
        right           : -25px;
    }

    /***------------------------------------------------------------------------
    越前焼とは(450px)
    ------------------------------------------------------------------------***/
    .about_br450 {
        display         : block;
    }
}
/**-----------------------------------------------------------------------------
画面幅　425px
----------------------------------------------------------------------------***/
@media screen and (max-width: 425px) {
    /***------------------------------------------------------------------------
    プライバシーポリシー(425px)
    ------------------------------------------------------------------------***/
    .privacy_sp {
        display         : block;
    }
    .privacy_page_title {
        line-height     : 1;
    }
    /***------------------------------------------------------------------------
    商品カタログ(425px)
    ------------------------------------------------------------------------***/
    .catalog_shop_btn .arw-button_arw {
        width       : 50px;
        right       : -33px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　415px
----------------------------------------------------------------------------***/
@media screen and (max-width: 415px) {
    /***------------------------------------------------------------------------
    お知らせ一覧(415px)
    ------------------------------------------------------------------------***/
    .news_select_area form {
        display     : block;
        margin      : 50px auto;
        text-align  : center;
    }
    .news_year_select {
        margin-right: auto;
        margin-bottom: 15px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　403px
----------------------------------------------------------------------------***/
@media screen and (max-width: 403px) {
    /***------------------------------------------------------------------------
    越前焼とは(403px)
    ------------------------------------------------------------------------***/
    .about_greet_img_area p {
        text-align      : right;
        margin-left     : 0;
    }
}
/**-----------------------------------------------------------------------------
画面幅　400px
----------------------------------------------------------------------------***/
@media screen and (max-width: 400px) {
    /***------------------------------------------------------------------------
    コンテンツ(400px)
    ------------------------------------------------------------------------***/
    .sp_400 {
        display         : block;
    }

	/***------------------------------------------------------------------------
    ページタイトル(400px)
    ------------------------------------------------------------------------***/
    .page_title_area {
        background-image: url(../imgs/page_title_back_sp400.jpg);
    }

    /***------------------------------------------------------------------------
    トップページ(400px)
    ------------------------------------------------------------------------***/
    .top_movie_area {
        padding-top     : calc(100% * (700 / 400));
    }
    .top_news_area_title_2::before {
        left            : -100px;
    }
    .top_news_area_title_2::after {
        right           : -100px;
    }
    .top_insta_logo_area {
        margin          : 60px 0 80px;
    }
    .top_insta_link_area {
        max-width       : 280px;
    }
    .top_insta_link {
        display         : block;
    }
    .top_insta_link a {
        width           : 100%;
    }
    .top_insta_link a:first-child {
        margin-bottom   : 5px;
        margin-right    : 0;
    }
    /***------------------------------------------------------------------------
    お問い合わせ(400px)
    ------------------------------------------------------------------------***/
    .contact_br400 {
        display         : none;
    }
    .contactken {
        width           : 80%;
    }
    .contact_tel_icon {
        max-width       : 400px;
        width           : calc(100% - 20px);
        font-size       : 28px;
    }
    .contact_tel_icon span {
        font-size       : 28px;
        letter-spacing  : 0;
    }
    .contact_telleft::before {
        left            : 0px;
    }
    .contact_tel_icon span::before {
        width           : 30px;
        height          : 30px;
        vertical-align  : middle;
        margin-right    : 2px;
        padding-bottom  : 4px;
    }
    .contact_tel_icon span:hover::before {
        width           : 30px;
        height          : 30px;
        vertical-align  : middle;
        margin-right    : 2px;
        padding-bottom  : 4px;
    }
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(400px)
    ------------------------------------------------------------------------***/
    .brand_tsuchigokoro_img_text,
    .brand_hirara_img_text {
        top             : 9px;
        left            : 9px;
        font-size       : 28px;
    }
    .brand_hirara_box_right_text {
        width           : calc(100% - 15px);
    }
    .brand_page_title_sp {
        font-size       : 45px;
    }
    /***------------------------------------------------------------------------
    越前焼工業協同組合について(400px)
    ------------------------------------------------------------------------***/
    .union_greet_text {
        background-image: url('../imgs/union_spw400_greetingsbackground.png');
        padding-bottom  : calc((400px - 1.5em) / 2);
        position        : relative;
    }
    .union_about_area {
        width           : 100%;
        margin-bottom   : 107px;
        margin-top      : 5px;
    }
    .union_table {
        margin          : 27px auto 43px;
    }
    .union_trademark {
        margin          : 43px auto;
    }
    .union_br400 {
        display         : block;
    }
    .union_trademark_firstcontent {
        margin-bottom   : 27px;
    }
    .union_trademark_area {
        margin-top      : 62px;
    }
    .union_greet_area {
        margin-bottom   : 27px;
    }
    .union_about_title {
        margin-bottom   : 0;
    }
    .union_about_text {
        margin-bottom   : 32px;
    }
    .union_outline_left {
        padding         : 24px 5px;
    }
    .union_greet_text div:first-child {
        margin-left     : auto;
        margin-right    : auto;
    }
    .union_about_title_h3 {
        width           : calc(100% - 10px);
        margin-left     : 10px;
    }
    .union_sdgs {
        margin-top      : 106px;
        margin-bottom   : 132px;
    }
    /***------------------------------------------------------------------------
    お知らせ一覧(400px)
    ------------------------------------------------------------------------***/
    .news_content {
        margin-top  : 10px;
    }
    .news_select_area {
        margin-top  : 43px;
    }
    .news_select_area form {
        margin      : 40px auto;
    }
    .news_year_select {
        margin-bottom: 20px;
    }
    /***------------------------------------------------------------------------
    お知らせ詳細(400px)
    ------------------------------------------------------------------------***/
    .news_detail_page_area {
        display     : block;
        text-align  : center;
    }
    .news_detail_page_area a {
        display     : block;
        margin      : 30px auto;
    }
    .news_detail_btn_area .btn_gray {
        margin-top  : 45px;
    }
    .news_detail_btn_area {
        margin-bottom : 70px;
    }
    .news_pdf_link {
        display     : block;
    }
    .news_pdf_link p {
        margin-top  : 5px;
        margin-left : 0px;
    }
    /***------------------------------------------------------------------------
    業務用越前焼食器(400px)
    ------------------------------------------------------------------------***/
    .dishes_about_voice_area {
        max-width       : 252px;
        margin          : 35px auto 0;
    }
    .dishes_about_voice_link.pc_400 {
        display         : none;
    }
    .dishes_about_voice_link_area {
        width           : calc(100% - 20px);
        padding         : 20px 10px;
        background-color: #ffffff;
        border-top      : 1px solid #4d4d4d;
    }
    .dishes_about_voice_link {
        width           : 100%;
        margin          : 0 auto;
        display         : block;
        position        : relative;
        top             : auto;
        left            : auto;
        transform       : none;
    }
    .dishes_akiyoshi_title img {
        width           : 28px;
    }
    .dishes_iwamotoya_title h4,
    .dishes_akiyoshi_title h4 {
        font-size       : 16px;
    }
    /***------------------------------------------------------------------------
    体験教室(400px)
    ------------------------------------------------------------------------***/
    .taiken_content {
        margin-bottom   : 81px;
    }
    .taiken_studio_right_link_box {
        max-width       : 386.5px;
        width           : calc(100% - 2px);
    }
    .taiken_studio_left_img_text1 {
        font-size       : 28px;
    }
    .taiken_studio_left_img_text2 {
        font-size       : 23.9px;
    }
    .taiken_studio_left_img_text3 {
        font-size       : 14px;
    }
    .taiken_content_box {
        padding-top     : 40px;
    }
    .taiken_studio_text {
        margin-bottom   : 36px;
        width           : 94%;
    }
    .taiken_studio_box_left {
        margin          : 19px auto 0;
    }
    .taiken_studio_left_text_box {
        margin          : 12px auto 0;
        padding-left    : 10px;
        width           : 95%;
    }
    .taiken_color_area {
        padding-bottom  : 12px;
    }
    .taiken_rokuro_right_koushi {
        margin-top      : 45px;
    }
    .taiken_rokuro_class_left {
        width           : 100%;
        margin          : 0 auto 37px;
    }
    .taiken_white_area {
        padding-bottom  : 47px;
    }
    .taiken_content_box_left {
        margin-bottom   : 58px;
    }
    .taiken_tankirokuro_box {
        padding-top     : 20px;
    }
    .taiken_tankirokuro_left {
        margin          : 0 auto 48px;
    }
    .taiken_tankirokuro_area {
        padding-bottom  : 32px;
        margin-bottom   : 31px;
    }
    .taiken_contact {
        margin-top      : 26px;
        line-height     : 1.2em;
    }
    .taiken_rokuro_table {
        width           : 100%;
        margin-left     : 0;
        margin-right    : 0;
    }
    .taiken_rokuro_table_left {
        padding         : 23px 15px;
    }
    .taiken_tankirokuro_left p {
        margin-left     : 0;
    }
    .taiken_tankirokuro_right {
        width           : 80%;
    }
    .taiken_rokuro_bottom_left {
        width           : 100%;
    }
    .taiken_rokuro_bottom_left h4 {
        margin-left     : 13px;
    }
    .taiken_tankirokuro_right div {
        max-width       : 314px;
        width           : calc(100% - 40px);
        margin-left     : 0;
        margin-right    : 0;
    }
    .taiken_studio_link {
        display         : block;
        width           : 205px;
        text-align      : left;
        margin-left     : auto;
        margin-right    : auto;
    }
    .taiken_studio_link a:first-child {
        display         : block;
        margin-bottom   : 30px;
        margin-right    : 0;
        margin-left     : 0;
    }
    .taiken_studio_link a:nth-child(2) {
        display         : block;
        margin-right    : 0;
        margin-left     : 0;
    }
    /***------------------------------------------------------------------------
    プライバシーポリシー(400px)
    ------------------------------------------------------------------------***/
    .privacy_box_title_first {
        margin-top      : 30px;
    }
    /***------------------------------------------------------------------------
    越前焼とは(400px)
    ------------------------------------------------------------------------***/
    .about_sub_title {
        font-size       : 20px;
    }
    .about_greet_img_area {
        margin-top      : 40px;
    }
    .about_greet_area {
        margin          : 0 auto 52px;
    }
    .about_greet_video_area {
        margin          : 0 auto 105px;
    }
    .about_clay_area {
        margin          : 16px auto 85px;
    }
    .about_clay_text_area {
        width           : 94%;
        margin          : 0 auto 52px;
    }
    .about_heritage_content {
        margin-top      : 17px;
    }
    .about_heritage_area {
        margin-bottom   : 88px;
    }
    .about_heritage_text p {
        width           : 96%;
        margin          : 35px auto 59px;
    }
    .about_oldkiln_area {
        background-image: url('../imgs/about_oldkiln_back_sp400.png');
        margin-bottom   : 88px;
        padding-bottom  : 42px;
    }
    .about_oldkiln_first_img {
        padding-bottom  : 163px;
    }
    .about_oldkiln_first_text {
        width           : 94%;
        margin-left     : auto;
        margin-right    : auto;
    }
    .about_oldkiln_second_img img {
        max-width       : 400px;
        width           : 100%;
    }
    .about_traditional_area {
        margin-top      : -100px;
        padding-top     : 100px;
    }
    .about_traditional_text {
        width           : 96%;
        margin          : 15px auto 60px;
    }
    .about_traditonal_text p {
        margin-top      : 17px;
    }
    .about_traditional_logo {
        margin-top      : 85px;
    }
    .about_oldkiln_first_label {
        left            : 20%;
    }
    .about_oldkiln_second_content {
        margin-top      : 20px;
    }
    .about_oldkiln_first_img {
        margin-bottom   : 60px;
    }
    .about_traditional_text p {
        margin-top      : 20px;
    }
    /***------------------------------------------------------------------------
    メディア掲載(400px)
    ------------------------------------------------------------------------***/
    .media_tab_content {
        display     : block;
        margin      : 20px 0 0;
    }
    .media_tab_label {
        display     : block;
        width       : 200px;
        margin      : 5px auto;
        padding     : calc((45px - 32px) / 2) 0;
    }
    .media_tab_switch:checked + .media_tab_label,
    .media_tab_label:not(:last-of-type) {
        margin-right: auto;
    }
    .media_tab_switch:checked + .media_tab_label {
        border-bottom: 1px solid #4d4d4d;
    }
    .media_tab_switch:checked + .media_tab_label:not(:first-of-type) {
        margin-left : auto;
    }
    .media_tab_border {
        display     : none;
    }
    /***------------------------------------------------------------------------
    コラボ実績(400px)
    ------------------------------------------------------------------------***/
    .collabo_br400 {
        display     : none;
    }
    .collabo_br_LDH,
    .collabo_br_hakuichi {
        display     : block;
    }
    .collabo_text_title_hakuichi {
        line-height : 2em;
    }
    .collabo_text_box {
        background-size: contain;
    }
    /***------------------------------------------------------------------------
    直営店(400px)
    ------------------------------------------------------------------------***/
    .yakata_page_title {
        line-height     : 1;
    }
    .yakata_page_title_sp {
        font-size       : 25px;
    }
    .yakata_page_title_space {
        display         : none;
    }
    .yakata_page_title_sp {
        display         : block;
    }
    .yakata_box_table_left {
        padding         : 10px 5px 10px 5px;
    }
    .yakata_box_table_right {
        padding         : 10px 5px 10px 5px;
    }
    .yakata_kannai {
        margin          : 50px 0 30px;
    }
    .yakata_access_box_table_left {
        padding         : 10px 5px 10px 5px;
    }
    .yakata_access_box_table_right {
        padding         : 10px 5px 10px 5px;
    }
    .access_map {
        height          : 350px;
    }
    /***------------------------------------------------------------------------
    商品カタログ(400px)
    ------------------------------------------------------------------------***/
    .page_title_catalog {
        background: url('../imgs/echizenyaki_logo_catalog_sp.png?ver=1.0.1') no-repeat,
                    url('../imgs/catalog_background_sp400.png?ver=1.0.0') no-repeat;
        background-size: auto auto, cover;
        background-position: 98% 97%, center;
    }
    /***------------------------------------------------------------------------
    窯元紹介詳細(400px)
    ------------------------------------------------------------------------***/
    .kamamoto_history_br {
        display     : block;
    }
    .kamamoto_detail_history_dl dt {
        width       : 52px;
    }
    .kamamoto_detail_history_dl dd {
        width       : calc(100% - (67px + 2.5%));
    }
}
/**-----------------------------------------------------------------------------
画面幅　390px
----------------------------------------------------------------------------***/
@media screen and (max-width: 390px) {
    /***------------------------------------------------------------------------
    メディア掲載(390px)
    ------------------------------------------------------------------------***/
    .media_title_en,
    .media_title_ja {
        display     : block;
    }
    .media_title_ja {
        margin-left : 0;
        line-height : 1em;
    }
    /***------------------------------------------------------------------------
    コラボ実績(390px)
    ------------------------------------------------------------------------***/
    .collabo_br390 {
        display     : block;
    }
}
/**-----------------------------------------------------------------------------
画面幅　380px
----------------------------------------------------------------------------***/
@media screen and (max-width: 380px) {
    /***------------------------------------------------------------------------
    ヘッダー(380px)
    ------------------------------------------------------------------------***/
    #global-nav-inner {
        width           : calc(100% - 36px);
        padding-left    : 18px;
        padding-right   : 18px;
    }
    .menu_info {
        display         : block;
    }
    .menu_info p {
        margin          : 0;
    }
    /***------------------------------------------------------------------------
    トップページ(380px)
    ------------------------------------------------------------------------***/
    .top_lesson_text_area {
        width           : 264px;
    }
    .top_lesson_text_1 {
        font-size       : 24px;
    }
    /***------------------------------------------------------------------------
    お問い合わせ(380px)
    ------------------------------------------------------------------------***/
    .contact_company_radio{
        padding-top     : 8px;
        font-size       : 13px;
    }
    .contact_company_radio input[type="radio"] {
        margin          : 2px 2px 0 4px;
    }
    /***------------------------------------------------------------------------
    越前焼工業協同組合について(380px)
    ------------------------------------------------------------------------***/
    .union_title {
        padding         : 0 111px;
    }
    /***------------------------------------------------------------------------
    お知らせ一覧(380px)
    ------------------------------------------------------------------------***/
    .news_title_en,
    .news_title_ja {
        display     : block;
    }
    .news_title_ja {
        margin-left : 0;
        line-height : 1em;
    }
}
/**-----------------------------------------------------------------------------
画面幅　350px
----------------------------------------------------------------------------***/
@media screen and (max-width: 350px) {
    /***------------------------------------------------------------------------
    お知らせ一覧(350px)
    ------------------------------------------------------------------------***/
    .br_350 {
        display         : block;
    }
    /***------------------------------------------------------------------------
    体験教室(350px)
    ------------------------------------------------------------------------***/
    .taiken_sub_title {
        font-size       : 18px;
    }
    .taiken_rokuro_left h3 {
        font-size       : 18px;
    }
    .taiken_tankirokuro_left h3 {
        font-size       : 18px;
    }
    /***------------------------------------------------------------------------
    越前焼とは(350px)
    ------------------------------------------------------------------------***/
    .about_oldkiln_first_city {
        width           : 170px;
    }
    .about_br350 {
        display         : block;
    }
    /***------------------------------------------------------------------------
    越前焼の歩み(350px)
    ------------------------------------------------------------------------***/
    .history_tab_menu li {
        font-size       : 20px;
    }
    .history_1948_map p {
        font-size       : 16px;
    }
    .history_1948_map p span::before,
    .history_1948_map p span::after {
        height          : 72px;
    }
    /***------------------------------------------------------------------------
    窯元紹介詳細(350px)
    ------------------------------------------------------------------------***/
    .kamamoto_detail_history_dl dt {
        margin-right: 2.5%;
    }
    .kamamoto_detail_history_dl dd {
        width       : calc(100% - (52px + 5%));
        font-size   : 15px;
    }
    .kamamoto_thumbs_dots {
        max-width   : 220px;
    }
    .kamamoto_thumbs_dots li {
        width       : 100px;
        height      : 100px;
    }
    .kamamoto_thumbs_dots_sub {
        max-width   : 280px;
    }
    .kamamoto_thumbs_dots_sub li {
        width       : 80px;
        height      : 80px;
    }
    .kamamoto_shop_btn .arw-button,
    .kamamoto_back_btn .arw-button {
        width       : 250px;
    }
    .kamamoto_shop_btn .arw-button_text img {
        margin-right: 10px;
    }
    .kamamoto_shop_btn .arw-button_arw,
    .kamamoto_back_btn .arw-button_arw {
        width       : 25px;
        right       : -15px;
    }
    /***------------------------------------------------------------------------
    業務用越前焼食器(350px)
    ------------------------------------------------------------------------***/
    .dishes_sub_title {
        font-size       : 16px;
    }
    .dishes_sub_title span::before {
        left            : -75px;
    }
    .dishes_sub_title span::after {
        right           : -75px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　345px
----------------------------------------------------------------------------***/
@media screen and (max-width: 345px) {
    /***------------------------------------------------------------------------
    お問い合わせ(345px)
    ------------------------------------------------------------------------***/
    .contact_item {
        width           : 200px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　335px
----------------------------------------------------------------------------***/
@media screen and (max-width: 335px) {
    /***------------------------------------------------------------------------
    窯元紹介詳細(335px)
    ------------------------------------------------------------------------***/
    .kamamoto_shop_br {
        display     : inline;
    }
}
/**-----------------------------------------------------------------------------
画面幅　320px
----------------------------------------------------------------------------***/
@media screen and (max-width: 320px) {
    /***------------------------------------------------------------------------
    トップ(320px)
    ------------------------------------------------------------------------***/
    .top_pro_title_area h2 {
        font-size   : 25px;
    }
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(320px)
    ------------------------------------------------------------------------***/
    .brand_tsuchigokoro_box_right {
        font-size   : 18px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　315px
----------------------------------------------------------------------------***/
@media screen and (max-width: 315px) {
    .taiken_br315 {
        display         : none;
    }
}
/**-----------------------------------------------------------------------------
画面幅　310px
----------------------------------------------------------------------------***/
@media screen and (max-width: 310px) {
    /***------------------------------------------------------------------------
    プロダクトブランド紹介(310px)
    ------------------------------------------------------------------------***/
    .brand_kodawari_box1,
    .brand_kodawari_box2,
    .brand_kodawari_box3,
    .brand_kodawari_box4 {
        width           : 295px;
        height          : 260.2px;
    }
}
/**-----------------------------------------------------------------------------
画面幅　305px
----------------------------------------------------------------------------***/
@media screen and (max-width: 305px) {
    /***------------------------------------------------------------------------
    お知らせ一覧(350px)
    ------------------------------------------------------------------------***/
    .news_title_en {
        font-size   : 25px;
    }
}