@charset "UTF-8";
/*layout*/

/*------------------------------------------------------------------------------*/

#wrapper {
    width: 100%;
    position: relative;
}

#contents {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 100px 0;
    text-align: left;
    display: block;
}

#contents .contents_inner {
    width: 95%;
    max-width: 1120px;
    margin: 0 auto;
}

#contents .section_bottom {
    margin: 0 auto 50px auto;
}

#contents_left {
    width: 75%;
    float: left;
}

#contents_right {
    width: 25%;
    float: right;
}

/*common*/

/*--------------------------------------------------------------------------------*/

#contents .color_red {
    color: #CE2021;
}

#contents .anchor {
    height: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
}

#contents .multiply {
    mix-blend-mode: multiply;
}

/*pagetitle*/

/*--------------------------------------------------------------------------------*/

#pagetitle {
    width: 100%;
    max-width: 1120px;
    text-align: center;
    position: absolute;
    top: 0;
}

#pagetitle h2 {
    padding: 40px 0 0 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 100;
    text-align: center;
}

#pagetitle h2 .pagetitle_eng {
    font-size: 60px;
    line-height: 100%;
    font-weight: 100;
    display: block;
}

#pagetitle h2 .pagetitle_eng:after {
    width: 50px;
    height: 1px;
    margin: 10px auto;
    content: '';
    display: block;
    background-color: #fff;
}

/*locator*/

/*--------------------------------------------------------------------------------*/

.pagetitle_area {
    width: 100%;
    height: 225px;
    padding: 185px 0 0 0;
    background-image: url("../image/page_ttl_bg.jpg");
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

#locator {
    width: 100%;
    height: 40px;
    margin: 0 0 0 0;
    font-size: 13px;
    line-height: 307%;
    color: #6C2646;
    background-color: #ffffff;
}

.page_brand #locator {
    border-top: 1px solid #EEE;
}

#locator .inner {
    max-width: 1120px;
    margin: 0 auto;
    width: 94%;
}

/*H2なし　製品情報*/

.h2non #locator {
    padding-top: 50px;
    background-color: #EEE;
    height: auto;
    line-height: 1;
}

.h2non .pagename_wrap {
    display: none;
}


.page_contact .pagetitle_area {
    background-image: url("../image/page_ttl_contact_bg.jpg");
}

.page_shop .pagetitle_area {
    background-image: url("../image/page_ttl_shop_bg.jpg");
}

.page_business .pagetitle_area {
    background-image: url("../image/page_ttl_business_bg.jpg");
}

.page_product .pagetitle_area {
    background-image: url("../image/page_ttl_product_bg.jpg");
}

.page_deta .pagetitle_area {
    background-image: url("../image/page_ttl_deta_bg.jpg");
}

.page_company .pagetitle_area {
    background-image: url("../image/page_ttl_company_bg.jpg");
}

/*title*/

/*------------------------------------------------------------------------------*/

.sub_title01 {
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    font-size: 40px;
    font-weight: 100;
    line-height: 1;
    border-bottom: solid 1px #ffffff;
}

.sub_title01 .color_red {
    color: #CE2021;
}

.sub_title01 .jp_txt {
    font-size: 20px;
}

.sub_title01 .jp_txt:before {
    width: 22px;
    height: 22px;
    margin: 0 5px;
    content: '';
    display: inline-block;
    background-image: url("../image/common/icon_sub_title01_jp_txt.png");
    -webkit-background-size: cover;
    background-size: cover;
}

.sub_title02 {
    margin: 0 0 20px 0;
    padding: 7px 10px 7px 35px;
    font-size: 24px;
    line-height: 150%;
    color: #001358;
    background-color: #fff;
    position: relative;
}

.sub_title02:before {
    width: 5px;
    height: 100%;
    content: '';
    background-color: #001358;
    position: absolute;
    top: 0;
    left: 0;
}

.sub_title03 {
    margin: 0 0 20px 0;
    padding: 7px 10px 7px 35px;
    font-size: 25px;
    line-height: 150%;
    color: #6C2746;
    background-color: #fff;
    border-bottom: solid 1px #DDDDDD;
    position: relative;
}

.sub_title03:before {
    width: 5px;
    height: 100%;
    content: '';
    background-color: #6C2746;
    position: absolute;
    top: 0;
    left: 0;
}

/*button*/

/*------------------------------------------------------------------------------*/

.link_btn01 {
    width: 212px;
    background-color: #555555;
    background-image: url("../image/common/icon_btn01_arrow01.png");
    background-repeat: no-repeat;
    background-position: 95% center;
}

.link_btn01 a {
    width: 100%;
    height: 100%;
    padding: 10px 5%;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.1em;
    display: block;
    color: #ffffff;
}

.link_btn01 a .link_btn_hosoku {
    font-size: 10px;
    display: block;
}

.link_btn01:hover {
    opacity: 0.6;
}

.link_btn02 {
    width: 212px;
    background-color: #001358;
    background-image: url("../image/common/icon_btn01_arrow01.png");
    background-repeat: no-repeat;
    background-position: 95% center;
}

.link_btn02 a {
    width: 100%;
    height: 100%;
    padding: 10px 5%;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.1em;
    display: block;
    color: #ffffff;
}

.link_btn02 a .link_btn_hosoku {
    font-size: 10px;
    display: block;
}

.link_btn02:hover {
    opacity: 0.6;
}



.link_btn02_l {
    width: 242px;
    background-color: #001358;
    background-image: url("../image/common/icon_btn01_arrow01.png");
    background-repeat: no-repeat;
    background-position: 95% center;
}

.link_btn02_l a {
    width: 100%;
    height: 100%;
    padding: 10px 5%;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.1em;
    display: block;
    color: #ffffff;
}

.link_btn02_l:hover {
    opacity: 0.6;
}

.link_btn03 {
    width: 212px;
    background-color: #000000;
    background-image: url("../image/common/icon_btn01_arrow01.png");
    background-repeat: no-repeat;
    background-position: 95% center;
}

.link_btn03 a {
    width: 100%;
    height: 100%;
    padding: 10px 5%;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.1em;
    display: block;
    color: #ffffff;
}

.link_btn03 a .link_btn_hosoku {
    font-size: 10px;
    display: block;
}

.link_btn03:hover {
    opacity: 0.6;
}

.link_btn04 {
    width: 212px;
    background-color: #001358;
    background-image: url("../image/common/icon_btn01_arrow02.png");
    background-repeat: no-repeat;
    background-position: 95% center;
}

.link_btn04 a {
    width: 100%;
    height: 100%;
    padding: 10px 5%;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.1em;
    display: block;
    color: #ffffff;
}

.link_btn04 a .link_btn_hosoku {
    font-size: 10px;
    display: block;
}

.link_btn04:hover {
    opacity: 0.6;
}

.pdf_icon_link a {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

.pdf_icon_link a[href$=".pdf"]:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../image/icon_pdf.png) no-repeat center center / cover;
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
}

.pdf_icon_link a[href$=".pdf"] + br + a[href$=".pdf"] {
    margin-top: 10px;
}

/*ページ別　製品情報　/product　*/

/*------------------------------------------------------------------------------*/

.product_text01 {
    padding: 0 0 20px 0;
    font-size: 25px;
}

.product_text02 {
    padding: 0 0 20px 0;
    font-size: 13px;
}

.product_list01 {
    padding: 0 0 13px 0;
}

.product_list01 li {
    width: 24%;
    margin: 0 1.333% 0 0;
    background-color: #fff;
    float: left;
    padding-bottom: 10px;
}

.product_list01 li:last-child {
    margin: 0;
}

.product_list01 li:hover {
    opacity: 0.6;
}

.product_list01 li img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.product_list01 li a {
    width: 100%;
    padding: 11px 0 11px 15px;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.1em;
    color: #001358;
    display: block;
}

/*ページ別　ＷＥＢカタログ　/product/catalog　*/

/*------------------------------------------------------------------------------*/

.catalog_text01 {
    padding: 0 0 10px 0;
}

.catalog_list01 {
    width: 19%;
    margin: 0 1.25% 50px 0;
    float: left;
}

.catalog_list01 .catalog_list_img {
    cursor: pointer;
}

.catalog_list01 .catalog_list_img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.catalog_list01 .catalog_list_img:hover img {
    opacity: 0.6;
}

.catalog_list01 .catalog_list_update {
    padding: 0 10px;
    color: #000000;
    font-size: 14px;
    line-height: 150%;
    background-color: #fff;
    text-align: right;
}

.catalog_list01 .catalog_list_name {
    padding: 10px 0 20px 0;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.1em;
    color: #001358;
}

.catalog_list01 .link_btn01 {
    width: 100%;
    margin: 0 0 10px 0;
}

.catalog_list01 .link_btn02 {
    width: 100%;
}

.catalog_list_bleak_pc {
    margin: 0 0 50px 0;
}

/*ページ別　スカラシップ　/scholarship　*/

/*------------------------------------------------------------------------------*/

.scholarship_maximg {
    height: 500px;
}

.scholarship_maximg .scholarship_maximg_in {
    width: 100%;
    height: 500px;
    background-image: url("../image/scholarship_img01.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
}

.scholarship_newsrelease {
    padding: 30px;
    background-color: #fff;
    overflow: hidden;
}

.scholarship_newsrelease .scholarship_newsrelease_inner {
    height: auto;
}

.scholarship_newsrelease .scholarship_newsrelease_inner dl {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 50px 0 0;
    font-size: 15px;
    display: table;
}

.scholarship_newsrelease .scholarship_newsrelease_inner dl .rss_date {
    width: 12%;
    display: table-cell;
}

.scholarship_newsrelease .scholarship_newsrelease_inner dl .rss_title {
    width: 88%;
    display: table-cell;
    font-size: 14px;
}

.scholarship_newsrelease .scholarship_newsrelease_inner dl .rss_contents {
    display: none;
}

.scholarship_newsrelease .scholarship_newsrelease_inner dl:last-child {
    margin: 0;
}

.scholarship_newsrelease .scholarship_newsrelease_inner a:hover {
    color: #CF2122;
}

.scholarship_newsrelease .scholarship_newsrelease_inner .jspVerticalBar {
    width: 4px;
}

.scholarship_newsrelease .scholarship_newsrelease_inner .jspTrack {
    background-color: #EEEEEE;
}

.scholarship_newsrelease .scholarship_newsrelease_inner .jspDrag {
    background-color: #6C2947;
}

.scholarship_modal_open_btn_pc {
    position: absolute;
    top: 3px;
    right: 3px;
}

.scholarship_modal {
    width: 90%;
    max-width: 1120px;
    height: auto;
    max-height: 90%;
    padding: 50px;
    overflow: auto;
    opacity: 0;
    display: none;
    background-color: #ffffff;
    position: fixed;
    z-index: 910000;
}

.scholarship_modal .bx-wrapper {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
}

.scholarship_modal .bx-wrapper .bx-controls-direction a {
    width: 21px;
    height: 33px;
    z-index: 92000;
}

.scholarship_modal .bx-wrapper .bx-pager {
    display: none;
}

.scholarship_modal .bx-wrapper .bx-prev {
    background: none;
    background-image: url("../image/common/prev.gif");
    left: -21px;
}

.scholarship_modal .bx-wrapper .bx-next {
    background: none;
    background-image: url("../image/common/next.gif");
    right: -21px;
}

.scholarship_modal .scholarship_slider li {
    width: 100%;
    padding: 10px;
}

.scholarship_modal .scholarship_slider li .scholarship_works_img {
    width: 50%;
    float: left;
    text-align: right;
}

.scholarship_modal .scholarship_slider li .scholarship_works_img img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}

.scholarship_modal .scholarship_slider li .scholarship_works_detail {
    width: 47%;
    float: right;
}

.scholarship_modal .scholarship_slider li .scholarship_works_detail h4 {
    margin: 0 0 20px 20px;
    font-size: 18px;
    font-weight: 700;
}

.scholarship_modal .scholarship_slider li .scholarship_works_detail p {
    padding: 20px;
}

.scholarship_history {
    width: 100%;
    clear: both;
    padding-top: 30px;
}




.scholarship_modal_close {
    width: 40px;
    height: 40px;
    background-image: url("../image/common/close.gif");
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 920000;
}

.scholarship_modal_overlay {
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(255, 255, 255, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900000;
}

.scholarship_member {
    padding: 0 0 20px 0;
}

.scholarship_member li {
    width: 16.6666%;
    margin: 0 0 10px 0;
    float: left;
}

.scholarship_member li a {
    text-decoration: underline;
}

.scholarship_member li a:hover {
    color: #CF2122;
}

.scholarship_button_left {
    width: 50%;
    float: left;
}

.scholarship_button_left .link_btn02 {
    min-width: 60%;
    height: 60px;
    margin: 0 auto;
    text-align: center;
}

.scholarship_button_right {
    width: 50%;
    float: right;
}

.scholarship_button_right .link_btn02 {
    min-width: 60%;
    height: 60px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    text-align: center;
}

.scholarship_contact_box {
    width: 100%;
    display: table;
}

.scholarship_contact_box .scholarship_contact_text {
    width: 66%;
    height: 66px;
    color: #ffffff;
    background-color: #6C2947;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.scholarship_contact_box .scholarship_contact_text:after {
    width: 0;
    height: 0;
    margin: -5px 0 0 0;
    content: '';
    border: solid transparent;
    border-color: transparent;
    border-width: 5px;
    border-left-color: #6C2947;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 100%;
}

.scholarship_contact_box .scholarship_contact_text p {
    font-size: 21px;
    line-height: 130%;
}

.scholarship_contact_box .link_btn03 {
    width: 34%;
    height: 66px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.scholarship_contact_box .link_btn03 a {
    padding: 0;
    font-size: 19px;
    line-height: 66px;
}

/*ページ別　奨学者リスト　/scholarship/scholarshiplist　*/

/*------------------------------------------------------------------------------*/

.scholarshiplist_member {
    padding: 0 0 30px 0;
}

.scholarshiplist_member li {
    width: 16.6666%;
    margin: 0 0 10px 0;
    float: left;
}

.scholarshiplist_member li a {
    text-decoration: underline;
}

.scholarshiplist_member li a:hover {
    color: #CF2122;
}

/*ページ別　資料室　/announce　*/

/*------------------------------------------------------------------------------*/

.announce_list {
    width: 31.8%;
    margin: 0 2.3% 26px 0;
    float: left;
}

.announce_list img {
    width: 100%;
    margin: 0 0 5px 0;
    cursor: pointer;
}

.announce_list img:hover {
    opacity: 0.6;
}

.announce_list h3 {
    font-size: 18px;
    font-weight: 700;
}

.announce_list h3 a {
    color: #001358;
}

.announce_list h3 a:hover {
    text-decoration: underline;
}

.announce_list_bleak_pc {
    margin: 0 0 26px 0;
}

/*ページ別　出版活動　/announce/publishing　*/

/*------------------------------------------------------------------------------*/

.publishing_sub_title {
    background-color: #ffffff;
}

.publishing_sub_title .sub_title03 {
    width: 73%;
    margin: 0;
}

.publishing_detail {
    width: 73%;
    float: left;
    background-color: #ffffff;
}

.publishing_detail .publishing_detail_inner {
    padding: 0 0 30px 30px;
}

.publishing_detail .publishing_detail_inner p {
    margin: 20px 0 30px 0;
}

.publishing_detail .publishing_detail_inner h4 {
    width: 135px;
    height: 30px;
    margin: 0;
    font-size: 16px;
    line-height: 187.5%;
    color: #FFFFFF;
    background-color: #6C2746;
    text-align: center;
}

.publishing_detail .publishing_detail_inner .publishing_detail_box {
    padding: 20px;
    background-color: #F5F5F5;
    display: flex;
}

.publishing_detail .publishing_detail_inner .publishing_detail_box li {
    padding: 0 30px 0 0;

}

.publishing_detail .publishing_detail_inner .publishing_detail_box li p {
    margin: 0 0 20px 0;
    font-size: 14px;
}

.publishing_detail .publishing_detail_inner .publishing_detail_box li p span {
    display: block;
}

.publishing_detail .publishing_detail_inner .publishing_detail_box li p .publishing_icon01 {
    padding: 0 0 0 15px;
    background-image: url("../image/publishing_icon01.png");
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.publishing_img {
    width: 27%;
    padding: 0 30px 30px 67px;
    float: right;
    background-color: #ffffff;
}

.publishing_img img {
    max-width: 100%;
    margin: 0 0 15px 0;
}

.publishing_img dl dt {
    margin: 0 0 15px 0;
    font-size: 15px;
    font-weight: 700;
}

.publishing_img dl dd {
    font-size: 14px;
}

/*ページ別　広告・メディア　/announce/publishement　*/

/*------------------------------------------------------------------------------*/

.publishement_loading {
    padding: 50px 0;
    text-align: center;
}

.publishement_coverflow {
    display: none;
    opacity: 0;
}

.publishement_coverflow .cover img {
    max-width: 100%;
    width: auto;
    height: 350px;
}

.publishement_coverflow .current {
    cursor: pointer;
}

.publishement_modal_area {
    max-width: 1120px;
    height: auto;
    max-height: 90%;
    padding: 50px;
    overflow: auto;
    display: none;
    background-color: #ffffff;
    position: fixed;
    z-index: 910000;
}

.publishement_modal_area img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    opacity: 0;
}

.publishement_modal_close {
    width: 40px;
    height: 40px;
    background-image: url("../image/common/close.gif");
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 920000;
}

.publishement_modal_overlay {
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900000;
}

/*ページ別　画家の美術史　/announce/histoir　*/

/*------------------------------------------------------------------------------*/

.histoir_list {
    width: 19%;
    margin: 0 1.25% 50px 0;
    float: left;
}

.histoir_list .histoir_list_img img {
    width: 100%;
    vertical-align: bottom;
}

.histoir_list .histoir_list_number {
    padding: 10px 0;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.1em;
    color: #001358;
}

.histoir_list .histoir_list_text {
    letter-spacing: -0.1em;
}

.histoir_list_bleak_pc {
    margin: 0 0 50px 0;
}

/*ページ別　色彩の解剖学　/announce/anatomy　*/

/*------------------------------------------------------------------------------*/

.anatomy_list {
    width: 50%;
}

.anatomy_list li a {
    padding: 0 0 0 3em;
    display: block;
}

.anatomy_list li a .anatomy_list_number {
    margin: 0 1em 0 -2em;
    color: #666666;
    display: inline-block;
}

.anatomy_list li a:hover {
    color: #CF2122;
}

.anatomy_list li a:hover .anatomy_list_number {
    color: #CF2122;
}

/*ページ別　ACRYLART　/announce/acrylart　*/

/*------------------------------------------------------------------------------*/

.acrylart_list {
    width: 19%;
    margin: 0 1.25% 50px 0;
    float: left;
}

.acrylart_list .acrylart_list_img img {
    width: 100%;
    vertical-align: bottom;
}

.acrylart_list .acrylart_list_number {
    padding: 10px 0;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -0.1em;
    color: #001358;
}

.acrylart_list_bleak_pc {
    margin: 0 0 50px 0;
}

/*ページ別　会社情報　/company　*/

/*------------------------------------------------------------------------------*/

.company_list {
    width: 31.8%;
    margin: 0 2.3% 26px 0;
    float: left;
}

.company_list img {
    width: 100%;
    margin: 0 0 5px 0;
    cursor: pointer;
}

.company_list img:hover {
    opacity: 0.6;
}

.company_list h3 {
    font-size: 18px;
    font-weight: 700;
}

.company_list h3 a {
    color: #001358;
}

.company_list h3 a:hover {
    text-decoration: underline;
}

.company_list_bleak_pc {
    margin: 0 0 26px 0;
}

/*ページ別　会社概要　/company/about　*/

/*------------------------------------------------------------------------------*/

.about_rinen {
    padding: 20px;
    text-align: center;
    background-color: #fff;
    border: solid 1px #000000;
}

.about_rinen h2 {
    margin: 0 0 10px 0;
    font-size: 40px;
    font-weight: 900;
}

.about_rinen h3 {
    margin: 0 0 20px 0;
    font-size: 24px;
    font-weight: 700;
}

.about_rinen p {
    font-size: 14px;
}

.about_yurai img {
    margin: 0 0 10px 10px;
    float: right;
}

.about_yurai_link {
    padding: 40px 0 0 0;
    text-align: center;
}

.about_yurai_link .link_btn04 {
    margin: 0 40px 0 0;
    display: inline-block;
}

.about_yurai_link .link_btn04:last-child {
    margin: 0;
}

.about_table01 {
    width: 100%;
}

.about_table01 tbody tr {
    border-bottom: solid 1px #CCCCCC;
}

.about_table01 tbody tr:last-child {
    border: none;
}

.about_table01 tbody tr th {
    width: 16%;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
}

.about_table01 tbody tr td {
    padding: 15px 30px;
    vertical-align: middle;
}

.about_map div {
    width: 48%;
}

.about_map div h4 {
    font-weight: 700;
}

.about_map div p {
    margin: 0 0 10px 0;
}

.about_map div iframe {
    width: 100%;
    height: 300px;
    display: block;
    border: none;
}

.about_map div a:hover {
    color: #CF2122;
}

.about_rinen02 {
    padding: 0 0 20px 0;
}

.about_rinen02 li {
    font-size: 24px;
    font-weight: 700;
}

/*ページ別　ホルベインギャラリー　/company/holbein_gallery　*/

/*------------------------------------------------------------------------------*/

.holbein_gallery_maximg01 {
    height: 560px;
}

.holbein_gallery_maximg01 .holbein_gallery_maximg01_in {
    width: 100%;
    height: 560px;
    background-image: url("../image/holbein_gallery_img01.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
}

.holbein_gallery_maximg02 {
    height: 560px;
}

.holbein_gallery_maximg02 .holbein_gallery_maximg02_in {
    width: 100%;
    height: 560px;
    background-image: url("../image/holbein_gallery_img02.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
}

.holbein_gallery_tenjikai {
    width: 48%;
}

.holbein_gallery_tenjikai ul {
    margin: 0 0 40px 0;
}

.holbein_gallery_tenjikai ul li {
    width: 48%;
    margin: 0 4% 0 0;
    background-color: #ffffff;
}

.holbein_gallery_tenjikai ul li:last-child {
    margin: 0;
}

.holbein_gallery_tenjikai ul li .holbein_gallery_tenjikai_img img {
    width: 100%;
    vertical-align: bottom;
}

.holbein_gallery_tenjikai ul li .holbein_gallery_tenjikai_txt {
    padding: 10px;
}

.holbein_gallery_tenjikai ul li .holbein_gallery_tenjikai_txt .holbein_gallery_tenjikai_date {
    margin: 0 0 10px 0;
    font-size: 13px;
    display: block;
}

.holbein_gallery_tenjikai ul li .holbein_gallery_tenjikai_txt h3 {
    margin: 0 0 10px 0;
    font-weight: bold;
}

.holbein_gallery_tenjikai ul li:hover .holbein_gallery_tenjikai_img img {
    opacity: 0.6;
}

.holbein_gallery_tenjikai ul li:hover .holbein_gallery_tenjikai_txt * {
    text-decoration: underline;
}

.holbein_gallery_tenjikai .link_btn02 {
    margin: 0 auto;
}

.holbein_gallery_access {
    width: 48%;
}

.holbein_gallery_access h3 {
    font-weight: 700;
}

.holbein_gallery_access p {
    margin: 0 0 10px 0;
}

.holbein_gallery_access iframe {
    width: 100%;
    height: 300px;
    display: block;
    border: none;
}

.holbein_gallery_access a:hover {
    color: #CF2122;
}

.holbein_gallery_streetview {
    margin: 0 0 30px 0;
}

.holbein_gallery_streetview iframe {
    width: 100%;
    height: 500px;
    border: none;
}

.holbein_gallery_table01 {
    width: 100%;
    margin: 0 0 20px 0;
}

.holbein_gallery_table01 tbody tr {
    border-bottom: solid 1px #CCCCCC;
}

.holbein_gallery_table01 tbody tr:last-child {
    border: none;
}

.holbein_gallery_table01 tbody tr th {
    width: 16%;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
}

.holbein_gallery_table01 tbody tr td {
    padding: 15px 30px;
    vertical-align: middle;
}

.holbein_gallery_galleryspace {
    padding: 0 0 0 0;
}

.holbein_gallery_galleryspace img {
    max-width: 100%;
}

.holbein_gallery_galleryspace ul {
    padding: 0 0 0 0;
}

.holbein_gallery_galleryspace ul li {
    width: 24%;
    margin: 0 1.3% 0 0;
}

.holbein_gallery_galleryspace ul li:last-child {
    margin: 0;
}

.holbein_gallery_galleryspace ul li img {
    width: 100%;
    display: block;
}

/*ページ別　販売店一覧	　/shop　*/

/*------------------------------------------------------------------------------*/

.shop_text01 {
    margin: -50px 0 0 0;
    font-size: 14px;
    position: relative;
    bottom: -50px;
    z-index: 1;
}

.shop_map {
    width: 100%;
    position: relative;
}

.shop_map .shop_img01 img {
    max-width: 100%;
}

.shop_map .shop_map_link > li {
    width: 28.5%;
    position: absolute;
    background-color: #ffffff;
}

.shop_map .shop_map_link > li h2 {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 96% center;
}

.shop_map .shop_map_link > li h2:hover {
    opacity: 0.6;
}

.shop_map .shop_map_link > li h2 a {
    width: 100%;
    height: 100%;
    padding: 5px 15% 5px 6%;
    color: #ffffff;
    font-size: 18px;
    line-height: 120%;
    display: block;
}

.shop_map .shop_map_link > li ul {
    padding: 4%;
}

.shop_map .shop_map_link > li ul li {
    font-size: 15px;
    display: inline-block;
}

.shop_map .shop_map_link > li ul li:after {
    margin: 0 0.25em;
    content: '|';
    display: inline-block;
}

.shop_map .shop_map_link > li ul li:last-child:after {
    content: none;
}

.shop_map .shop_map_link > li ul li a:hover {
    color: #CF2122;
}

.shop_map .shop_map_link > li:nth-child(1) {
    top: 24.6%;
    left: 69%;
}

.shop_map .shop_map_link > li:nth-child(1) h2 {
    background-color: #006FCC;
    background-image: url("../image/shop_icon01.png");
}

.shop_map .shop_map_link > li:nth-child(2) {
    top: 45%;
    left: 69%;
}

.shop_map .shop_map_link > li:nth-child(2) h2 {
    background-color: #DEB94B;
    background-image: url("../image/shop_icon02.png");
}

.shop_map .shop_map_link > li:nth-child(3) {
    top: 26.6%;
    left: 25%;
}

.shop_map .shop_map_link > li:nth-child(3) h2 {
    background-color: #00A8CC;
    background-image: url("../image/shop_icon03.png");
}

.shop_map .shop_map_link > li:nth-child(4) {
    top: 65%;
    left: 47.6%;
}

.shop_map .shop_map_link > li:nth-child(4) h2 {
    background-color: #E8882F;
    background-image: url("../image/shop_icon04.png");
}

.shop_map .shop_map_link > li:nth-child(5) {
    top: 52%;
    left: 0;
}

.shop_map .shop_map_link > li:nth-child(5) h2 {
    background-color: #A285CC;
    background-image: url("../image/shop_icon05.png");
}

.shop_map .shop_map_link > li:nth-child(6) {
    top: 76%;
    left: 0;
}

.shop_map .shop_map_link > li:nth-child(6) h2 {
    background-color: #B399A7;
    background-image: url("../image/shop_icon06.png");
}

.shop_toiawase {
    width: 97.6%;
    margin: 0 auto 0 0;
    padding: 30px 6%;
    background-color: #ffffff;
}

.shop_toiawase h2 {
    margin: 0 0 30px 0;
    font-size: 33px;
    font-weight: 100;
    text-align: center;
}

.shop_toiawase h2:after {
    width: 50px;
    height: 1px;
    margin: 0.25em auto;
    content: '';
    display: block;
    background-color: #CCCCCC;
}

.shop_toiawase ul li {
    width: 48%;
    text-align: center;
}

.shop_toiawase ul li p {
    margin: 0 0 20px 0;
    font-size: 15px;
}

.shop_toiawase ul li .link_btn01,
.shop_toiawase ul li .link_btn02 {
    width: 100%;
}

.shop_toiawase ul li .link_btn01 a,
.shop_toiawase ul li .link_btn02 a {
    padding: 15px 5%;
}

/*ページ別　北海道・東北　/shop/list_1、関東　/shop/list_2、信州・北陸・東海　/shop/list_3、近畿　/shop/list_4、中国・四国　/shop/list_5、九州・沖縄　/shop/list_6　*/

/*------------------------------------------------------------------------------*/

.list_1_anchor_link .link_btn04,
.list_2_anchor_link .link_btn04,
.list_3_anchor_link .link_btn04,
.list_4_anchor_link .link_btn04,
.list_5_anchor_link .link_btn04,
.list_6_anchor_link .link_btn04 {
    width: 23%;
    margin: 0 2.66% 10px 0;
    float: left;
}

.list_1_anchor_link .link_btn04:nth-child(4n),
.list_2_anchor_link .link_btn04:nth-child(4n),
.list_3_anchor_link .link_btn04:nth-child(4n),
.list_4_anchor_link .link_btn04:nth-child(4n),
.list_5_anchor_link .link_btn04:nth-child(4n),
.list_6_anchor_link .link_btn04:nth-child(4n) {
    margin: 0 0 10px 0;
}

.list_1_shoplist,
.list_2_shoplist,
.list_3_shoplist,
.list_4_shoplist,
.list_5_shoplist,
.list_6_shoplist {
    width: 100%;
    margin: 0 0 50px 0;
    font-size: 13px;
}

.list_1_shoplist tbody tr th,
.list_2_shoplist tbody tr th,
.list_3_shoplist tbody tr th,
.list_4_shoplist tbody tr th,
.list_5_shoplist tbody tr th,
.list_6_shoplist tbody tr th {
    padding: 5px;
    border: solid 1px #666666;
    background-color: #cccccc;
    font-weight: 400;
}

.list_1_shoplist tbody tr th:nth-child(1),
.list_2_shoplist tbody tr th:nth-child(1),
.list_3_shoplist tbody tr th:nth-child(1),
.list_4_shoplist tbody tr th:nth-child(1),
.list_5_shoplist tbody tr th:nth-child(1),
.list_6_shoplist tbody tr th:nth-child(1) {
    width: 30%;
}

.list_1_shoplist tbody tr th:nth-child(2),
.list_2_shoplist tbody tr th:nth-child(2),
.list_3_shoplist tbody tr th:nth-child(2),
.list_4_shoplist tbody tr th:nth-child(2),
.list_5_shoplist tbody tr th:nth-child(2),
.list_6_shoplist tbody tr th:nth-child(2) {
    width: 55%;
}

.list_1_shoplist tbody tr td,
.list_2_shoplist tbody tr td,
.list_3_shoplist tbody tr td,
.list_4_shoplist tbody tr td,
.list_5_shoplist tbody tr td,
.list_6_shoplist tbody tr td {
    padding: 5px;
    border: solid 1px #666666;
    background-color: #ffffff;
}

.list_1_shoplist tbody tr td a,
.list_2_shoplist tbody tr td a,
.list_3_shoplist tbody tr td a,
.list_4_shoplist tbody tr td a,
.list_5_shoplist tbody tr td a,
.list_6_shoplist tbody tr td a {
    text-decoration: underline;
}

.list_1_shoplist tbody tr td a:hover,
.list_2_shoplist tbody tr td a:hover,
.list_3_shoplist tbody tr td a:hover,
.list_4_shoplist tbody tr td a:hover,
.list_5_shoplist tbody tr td a:hover,
.list_6_shoplist tbody tr td a:hover {
    color: #CF2122;
}

/*ページ別　販売店一覧及びその第3階層	　/shop　/shop/list_1　/shop/list_2　/shop/list_3　/shop/list_4　/shop/list_5　/shop/list_6　*/

/*------------------------------------------------------------------------------*/

.shop_subnav #subnav {
    width: 92.8%;
    margin: 0 0 0 auto;
}

.shop_subnav #subnav #subnav_title {
    text-align: center;
    background-color: #000000;
}

.shop_subnav #subnav #subnav_title a {
    width: 100%;
    height: 100%;
    padding: 10px 0;
    display: block;
    font-size: 18px;
    color: #ffffff;
}

.shop_subnav #subnav #subnav_title:hover {
    opacity: 0.6;
}

.shop_subnav #subnav ul li {
    background-color: #ffffff;
    position: relative;
}

.shop_subnav #subnav ul li:before {
    width: 3px;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.shop_subnav #subnav ul li:nth-child(1):before {
    background-color: #006FCC;
}

.shop_subnav #subnav ul li:nth-child(2):before {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul li:nth-child(3):before {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul li:nth-child(4):before {
    background-color: #E8882F;
}

.shop_subnav #subnav ul li:nth-child(5):before {
    background-color: #A285CC;
}

.shop_subnav #subnav ul li:nth-child(6):before {
    background-color: #B399A7;
}

.shop_subnav #subnav ul li:nth-child(7):before {
    background-color: #006FCC;
}

.shop_subnav #subnav ul li:nth-child(8):before {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul li:nth-child(9):before {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul li:nth-child(10):before {
    background-color: #E8882F;
}

.shop_subnav #subnav ul li:nth-child(11):before {
    background-color: #A285CC;
}

.shop_subnav #subnav ul li:nth-child(12):before {
    background-color: #B399A7;
}

.shop_subnav #subnav ul li:nth-child(13):before {
    background-color: #006FCC;
}

.shop_subnav #subnav ul li:nth-child(14):before {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul li:nth-child(15):before {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul li:nth-child(16):before {
    background-color: #E8882F;
}

.shop_subnav #subnav ul li:nth-child(17):before {
    background-color: #A285CC;
}

.shop_subnav #subnav ul li:nth-child(18):before {
    background-color: #B399A7;
}

.shop_subnav #subnav ul li:nth-child(19):before {
    background-color: #006FCC;
}

.shop_subnav #subnav ul li:nth-child(20):before {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul li:nth-child(21):before {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul li:nth-child(22):before {
    background-color: #E8882F;
}

.shop_subnav #subnav ul li:nth-child(23):before {
    background-color: #A285CC;
}

.shop_subnav #subnav ul li:nth-child(24):before {
    background-color: #B399A7;
}

.shop_subnav #subnav ul li:nth-child(25):before {
    background-color: #006FCC;
}

.shop_subnav #subnav ul li:nth-child(26):before {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul li:nth-child(27):before {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul li:nth-child(28):before {
    background-color: #E8882F;
}

.shop_subnav #subnav ul li:nth-child(29):before {
    background-color: #A285CC;
}

.shop_subnav #subnav ul li:nth-child(30):before {
    background-color: #B399A7;
}

.shop_subnav #subnav ul li:nth-child(31):before {
    background-color: #006FCC;
}

.shop_subnav #subnav ul li:nth-child(32):before {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul li:nth-child(33):before {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul li:nth-child(34):before {
    background-color: #E8882F;
}

.shop_subnav #subnav ul li:nth-child(35):before {
    background-color: #A285CC;
}

.shop_subnav #subnav ul li:nth-child(36):before {
    background-color: #B399A7;
}

.shop_subnav #subnav ul li:nth-child(37):before {
    background-color: #006FCC;
}

.shop_subnav #subnav ul li:nth-child(38):before {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul li:nth-child(39):before {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul li:nth-child(40):before {
    background-color: #E8882F;
}

.shop_subnav #subnav ul li:nth-child(41):before {
    background-color: #A285CC;
}

.shop_subnav #subnav ul li:nth-child(42):before {
    background-color: #B399A7;
}

.shop_subnav #subnav ul li:nth-child(43):before {
    background-color: #006FCC;
}

.shop_subnav #subnav ul li:nth-child(44):before {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul li:nth-child(45):before {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul li:nth-child(46):before {
    background-color: #E8882F;
}

.shop_subnav #subnav ul li:nth-child(47):before {
    background-color: #A285CC;
}

.shop_subnav #subnav ul li:nth-child(48):before {
    background-color: #B399A7;
}

.shop_subnav #subnav ul li:nth-child(49):before {
    background-color: #006FCC;
}

.shop_subnav #subnav ul li:nth-child(50):before {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul li:nth-child(51):before {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul li:nth-child(52):before {
    background-color: #E8882F;
}

.shop_subnav #subnav ul li:nth-child(53):before {
    background-color: #A285CC;
}

.shop_subnav #subnav ul li:nth-child(54):before {
    background-color: #B399A7;
}

.shop_subnav #subnav ul li a {
    width: 100%;
    height: 100%;
    padding: 5px 10px 5px 20px;
    display: block;
    font-size: 16px;
}

.shop_subnav #subnav ul .current a,
.shop_subnav #subnav ul li:hover a {
    color: #ffffff;
}

.shop_subnav #subnav ul .current:nth-child(1),
.shop_subnav #subnav ul li:hover:nth-child(1) {
    background-color: #006FCC;
}

.shop_subnav #subnav ul .current:nth-child(2),
.shop_subnav #subnav ul li:hover:nth-child(2) {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul .current:nth-child(3),
.shop_subnav #subnav ul li:hover:nth-child(3) {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul .current:nth-child(4),
.shop_subnav #subnav ul li:hover:nth-child(4) {
    background-color: #E8882F;
}

.shop_subnav #subnav ul .current:nth-child(5),
.shop_subnav #subnav ul li:hover:nth-child(5) {
    background-color: #A285CC;
}

.shop_subnav #subnav ul .current:nth-child(6),
.shop_subnav #subnav ul li:hover:nth-child(6) {
    background-color: #B399A7;
}

.shop_subnav #subnav ul .current:nth-child(7),
.shop_subnav #subnav ul li:hover:nth-child(7) {
    background-color: #006FCC;
}

.shop_subnav #subnav ul .current:nth-child(8),
.shop_subnav #subnav ul li:hover:nth-child(8) {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul .current:nth-child(9),
.shop_subnav #subnav ul li:hover:nth-child(9) {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul .current:nth-child(10),
.shop_subnav #subnav ul li:hover:nth-child(10) {
    background-color: #E8882F;
}

.shop_subnav #subnav ul .current:nth-child(11),
.shop_subnav #subnav ul li:hover:nth-child(11) {
    background-color: #A285CC;
}

.shop_subnav #subnav ul .current:nth-child(12),
.shop_subnav #subnav ul li:hover:nth-child(12) {
    background-color: #B399A7;
}

.shop_subnav #subnav ul .current:nth-child(13),
.shop_subnav #subnav ul li:hover:nth-child(13) {
    background-color: #006FCC;
}

.shop_subnav #subnav ul .current:nth-child(14),
.shop_subnav #subnav ul li:hover:nth-child(14) {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul .current:nth-child(15),
.shop_subnav #subnav ul li:hover:nth-child(15) {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul .current:nth-child(16),
.shop_subnav #subnav ul li:hover:nth-child(16) {
    background-color: #E8882F;
}

.shop_subnav #subnav ul .current:nth-child(17),
.shop_subnav #subnav ul li:hover:nth-child(17) {
    background-color: #A285CC;
}

.shop_subnav #subnav ul .current:nth-child(18),
.shop_subnav #subnav ul li:hover:nth-child(18) {
    background-color: #B399A7;
}

.shop_subnav #subnav ul .current:nth-child(19),
.shop_subnav #subnav ul li:hover:nth-child(19) {
    background-color: #006FCC;
}

.shop_subnav #subnav ul .current:nth-child(20),
.shop_subnav #subnav ul li:hover:nth-child(20) {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul .current:nth-child(21),
.shop_subnav #subnav ul li:hover:nth-child(21) {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul .current:nth-child(22),
.shop_subnav #subnav ul li:hover:nth-child(22) {
    background-color: #E8882F;
}

.shop_subnav #subnav ul .current:nth-child(23),
.shop_subnav #subnav ul li:hover:nth-child(23) {
    background-color: #A285CC;
}

.shop_subnav #subnav ul .current:nth-child(24),
.shop_subnav #subnav ul li:hover:nth-child(24) {
    background-color: #B399A7;
}

.shop_subnav #subnav ul .current:nth-child(25),
.shop_subnav #subnav ul li:hover:nth-child(25) {
    background-color: #006FCC;
}

.shop_subnav #subnav ul .current:nth-child(26),
.shop_subnav #subnav ul li:hover:nth-child(26) {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul .current:nth-child(27),
.shop_subnav #subnav ul li:hover:nth-child(27) {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul .current:nth-child(28),
.shop_subnav #subnav ul li:hover:nth-child(28) {
    background-color: #E8882F;
}

.shop_subnav #subnav ul .current:nth-child(29),
.shop_subnav #subnav ul li:hover:nth-child(29) {
    background-color: #A285CC;
}

.shop_subnav #subnav ul .current:nth-child(30),
.shop_subnav #subnav ul li:hover:nth-child(30) {
    background-color: #B399A7;
}

.shop_subnav #subnav ul .current:nth-child(31),
.shop_subnav #subnav ul li:hover:nth-child(31) {
    background-color: #006FCC;
}

.shop_subnav #subnav ul .current:nth-child(32),
.shop_subnav #subnav ul li:hover:nth-child(32) {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul .current:nth-child(33),
.shop_subnav #subnav ul li:hover:nth-child(33) {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul .current:nth-child(34),
.shop_subnav #subnav ul li:hover:nth-child(34) {
    background-color: #E8882F;
}

.shop_subnav #subnav ul .current:nth-child(35),
.shop_subnav #subnav ul li:hover:nth-child(35) {
    background-color: #A285CC;
}

.shop_subnav #subnav ul .current:nth-child(36),
.shop_subnav #subnav ul li:hover:nth-child(36) {
    background-color: #B399A7;
}

.shop_subnav #subnav ul .current:nth-child(37),
.shop_subnav #subnav ul li:hover:nth-child(37) {
    background-color: #006FCC;
}

.shop_subnav #subnav ul .current:nth-child(38),
.shop_subnav #subnav ul li:hover:nth-child(38) {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul .current:nth-child(39),
.shop_subnav #subnav ul li:hover:nth-child(39) {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul .current:nth-child(40),
.shop_subnav #subnav ul li:hover:nth-child(40) {
    background-color: #E8882F;
}

.shop_subnav #subnav ul .current:nth-child(41),
.shop_subnav #subnav ul li:hover:nth-child(41) {
    background-color: #A285CC;
}

.shop_subnav #subnav ul .current:nth-child(42),
.shop_subnav #subnav ul li:hover:nth-child(42) {
    background-color: #B399A7;
}

.shop_subnav #subnav ul .current:nth-child(43),
.shop_subnav #subnav ul li:hover:nth-child(43) {
    background-color: #006FCC;
}

.shop_subnav #subnav ul .current:nth-child(44),
.shop_subnav #subnav ul li:hover:nth-child(44) {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul .current:nth-child(45),
.shop_subnav #subnav ul li:hover:nth-child(45) {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul .current:nth-child(46),
.shop_subnav #subnav ul li:hover:nth-child(46) {
    background-color: #E8882F;
}

.shop_subnav #subnav ul .current:nth-child(47),
.shop_subnav #subnav ul li:hover:nth-child(47) {
    background-color: #A285CC;
}

.shop_subnav #subnav ul .current:nth-child(48),
.shop_subnav #subnav ul li:hover:nth-child(48) {
    background-color: #B399A7;
}

.shop_subnav #subnav ul .current:nth-child(49),
.shop_subnav #subnav ul li:hover:nth-child(49) {
    background-color: #006FCC;
}

.shop_subnav #subnav ul .current:nth-child(50),
.shop_subnav #subnav ul li:hover:nth-child(50) {
    background-color: #DEB94B;
}

.shop_subnav #subnav ul .current:nth-child(51),
.shop_subnav #subnav ul li:hover:nth-child(51) {
    background-color: #00A8CC;
}

.shop_subnav #subnav ul .current:nth-child(52),
.shop_subnav #subnav ul li:hover:nth-child(52) {
    background-color: #E8882F;
}

.shop_subnav #subnav ul .current:nth-child(53),
.shop_subnav #subnav ul li:hover:nth-child(53) {
    background-color: #A285CC;
}

.shop_subnav #subnav ul .current:nth-child(54),
.shop_subnav #subnav ul li:hover:nth-child(54) {
    background-color: #B399A7;
}


/*ページ別　事業案内　/business　*/

/*------------------------------------------------------------------------------*/

.business_list {
    width: 31.8%;
    margin: 0 2.3% 26px 0;
    float: left;
}

.business_list img {
    width: 100%;
    margin: 0 0 5px 0;
    cursor: pointer;
}

.business_list img:hover {
    opacity: 0.6;
}

.business_list h3 {
    font-size: 18px;
    font-weight: 700;
}

.business_list h3 a {
    color: #001358;
}

.business_list h3 a:hover {
    text-decoration: underline;
}

.business_list_bleak_pc {
    margin: 0 0 26px 0;
}

/*ページ別　生産受託　/business/contract　*/

/*------------------------------------------------------------------------------*/

.contract_text01 {
    margin: 0 0 20px 0;
    font-size: 25px;
}

.contract_text02 img {
    max-width: 30%;
    margin: 0 0 10px 10px;
}

.contract_text03 {
    margin: 0 0 20px 0;
}

.contract_anchor_link .link_btn04 {
    margin: 0 15px 15px 0;
    float: left;
}

.contract_anchor_link .link_btn04:last-child {
    margin: 0 0 15px 0;
}

.contract_img01 li {
    width: 50%;
    padding: 10px;
    text-align: center;
}

.contract_img01 li img {
    max-width: 100%;
}

.contract_img02 li {
    margin: 0 10px 0 0;
    font-size: 13px;
}

.contract_img02 li:first-child {
    margin: 0 0 10px 0;
}

.contract_img02 li:last-child {
    margin: 0;
}

.contract_img02 li img {
    max-width: 100%;
    display: block;
}

.contract_img03 img {
    max-width: 100%;
}

.contract_img04 img {
    max-width: 40%;
    margin: 0 0 10px 10px;
}

/*ページ別　メルマガ　/mailmagazine　*/

/*------------------------------------------------------------------------------*/

.mailmagazine_step li {
    width: 33.333%;
    height: 300px;
    padding: 20px;
    text-align: center;
    background: #ffffff;
    border: solid 2px #cccccc;
    position: relative;
}

.mailmagazine_step li:before,
.mailmagazine_step li:after {
    width: 0;
    height: 0;
    content: '';
    border: solid transparent;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 1;
    pointer-events: none;
}

.mailmagazine_step li:before {
    margin: -21px 0 0 0;
    border-color: rgba(221, 221, 221, 0);
    border-left-color: #cccccc;
    border-width: 21px;
}

.mailmagazine_step li:after {
    margin: -15px 0 0 0;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 15px;
}

.mailmagazine_step li:last-child:before,
.mailmagazine_step li:last-child:after {
    content: none;
}

.mailmagazine_step li h3 {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px auto;
    padding: 20px 0 0 0;
    display: block;
    color: #666666;
    font-size: 18px;
    line-height: 180%;
    font-weight: 700;
    background-color: #cccccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.mailmagazine_step li h3:before {
    width: 100%;
    height: 4px;
    content: '';
    background-color: #001358;
    position: absolute;
    top: -2px;
    left: 0;
}

.mailmagazine_step li h3 .mailmagazine_step_number {
    color: #001358;
    font-size: 40px;
    display: block;
}

.mailmagazine_kiyaku_text01 {
    margin: 0 0 20px 0;
    font-size: 14px;
}

.mailmagazine_kiyaku_text02 {
    margin: 0 0 20px 0;
    font-size: 14px;
    counter-reset: mailmagazine_kiyaku_text02;
}

.mailmagazine_kiyaku_text02 li {
    margin: 0 0 0 1.5em;
    counter-increment: mailmagazine_kiyaku_text02;
}

.mailmagazine_kiyaku_text02 li:before {
    margin: 0 0.5em 0 -1.5em;
    content: counter(mailmagazine_kiyaku_text02) ".";
}

.mailmagazine_kiyaku_btn {
    margin: 0 auto;
    text-align: center;
}

/*ページ別　コンテスト　/contest　*/

/*------------------------------------------------------------------------------*/

.contest_tab_switch_top {
    margin: 0 0 50px 0;
}

.contest_tab_switch_top .contest_tab_switch_area {
    display: flex;
}

.contest_tab_switch_top .contest_tab_switch_area .contest_tab_switch {
    width: 32%;
    margin: 0 2% 0 0;
    text-align: center;
}

.contest_tab_switch_top .contest_tab_switch_area .contest_tab_switch:last-child {
    margin: 0;
}

.contest_tab_switch_top .contest_tab_switch_area .contest_tab_switch a {
    width: 100%;
    height: 100%;
    padding: 20px;
    display: block;
    color: #000A5C;
    font-weight: 700;
    background-color: #dddddd;
    border: solid 1px #cccccc;
    position: relative;
}

.contest_tab_switch_top .contest_tab_switch_area .contest_tab_switch a:hover {
    opacity: 0.6;
}

.contest_tab_switch_top .contest_tab_switch_area .contest_tab_switch .active_switch {
    color: #ffffff;
    background-color: #001358;
    border-color: #001358;
    cursor: default;
}

.contest_tab_switch_top .contest_tab_switch_area .contest_tab_switch .active_switch:after {
    width: 0;
    height: 0;
    margin: 0 0 0 -7.5px;
    content: '';
    border-style: solid;
    border-width: 15px 7.5px 0 7.5px;
    border-color: #001358 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
}

.contest_tab_switch_top .contest_tab_switch_area .contest_tab_switch .active_switch:hover {
    opacity: 1;
}

.contest_tab_switch_bottom .contest_tab_switch_area {
    display: flex;
}

.contest_tab_switch_bottom .contest_tab_switch_area .contest_tab_switch {
    width: 32%;
    margin: 0 2% 0 0;
    text-align: center;
}

.contest_tab_switch_bottom .contest_tab_switch_area .contest_tab_switch:last-child {
    margin: 0;
}

.contest_tab_switch_bottom .contest_tab_switch_area .contest_tab_switch a {
    width: 100%;
    height: 100%;
    padding: 20px;
    display: block;
    color: #000A5C;
    font-weight: 700;
    background-color: #dddddd;
    border: solid 1px #cccccc;
    position: relative;
}

.contest_tab_switch_bottom .contest_tab_switch_area .contest_tab_switch a:hover {
    opacity: 0.6;
}

.contest_tab_switch_bottom .contest_tab_switch_area .contest_tab_switch .active_switch {
    color: #ffffff;
    background-color: #001358;
    border-color: #001358;
    cursor: default;
}

.contest_tab_switch_bottom .contest_tab_switch_area .contest_tab_switch .active_switch:after {
    width: 0;
    height: 0;
    margin: 0 0 0 -7.5px;
    content: '';
    border-style: solid;
    border-width: 0 7.5px 15px 7.5px;
    border-color: transparent transparent #001358 transparent;
    position: absolute;
    top: -15px;
    left: 50%;
}

.contest_tab_switch_bottom .contest_tab_switch_area .contest_tab_switch .active_switch:hover {
    opacity: 1;
}

.contest01 {
    display: none;
}

.contest02 {
    display: none;
}

.contest03 {
    display: none;
}

.contest_title_img {
    width: 100%;
    margin: 0 0 50px 0;
}

.contest_title_img img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.contest_link01 {
    margin: 0 0 50px 0;
    text-align: center;
}

.contest_link01 .link_btn02 {
    margin: 0 20px;
    display: inline-block;
}

.contest_kakosakuhin {
    margin: 0 0 50px 0;
}

.contest_kakosakuhin li {
    width: 24%;
    margin: 0 1.333% 0 0;
    float: left;
    background-color: #ffffff;
}

.contest_kakosakuhin li:last-child {
    margin: 0;
}

.contest_kakosakuhin li .contest_kakosakuhin_img {
    margin: 0 0 10px 0;
}

.contest_kakosakuhin li .contest_kakosakuhin_img img {
    width: 100%;
}

.contest_kakosakuhin li .contest_kakosakuhin_data {
    margin: 0 0 10px 10px;
    font-size: 12px;
    font-weight: 400;
    display: block;
}

.contest_kakosakuhin li .contest_kakosakuhin_cate01,
.contest_kakosakuhin li .contest_kakosakuhin_cate02,
.contest_kakosakuhin li .contest_kakosakuhin_cate03,
.contest_kakosakuhin li .contest_kakosakuhin_cate04 {
    max-width: 60%;
    margin: 0 10px 10px 0;
    padding: 3px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    display: block;
    float: right;
}

.contest_kakosakuhin li .contest_kakosakuhin_cate01 {
    background-color: #061558;
}

.contest_kakosakuhin li .contest_kakosakuhin_cate02 {
    background-color: #4d6601;
}

.contest_kakosakuhin li .contest_kakosakuhin_cate03 {
    background-color: #6b2946;
}

.contest_kakosakuhin li .contest_kakosakuhin_cate04 {
    background-color: #222222;
}

.contest_kakosakuhin li p {
    padding: 0 10px 20px 10px;
    font-weight: 700;
}

.contest_kakosakuhin li:hover a img {
    opacity: 0.6;
}

.contest_kakosakuhin li:hover p {
    text-decoration: underline;
}

.contest_kakosakuhin li:hover p .contest_kakosakuhin_data {
    text-decoration: underline;
}

.contest_kakosakuhin li:hover p .contest_kakosakuhin_cate01,
.contest_kakosakuhin li:hover p .contest_kakosakuhin_cate02,
.contest_kakosakuhin li:hover p .contest_kakosakuhin_cate03,
.contest_kakosakuhin li:hover p .contest_kakosakuhin_cate04 {
    text-decoration: none;
    opacity: 0.6;
}

.contest_table01 {
    width: 100%;
}

.contest_table01 tbody tr {
    border-bottom: solid 1px #CCCCCC;
}

.contest_table01 tbody tr:last-child {
    border: none;
}

.contest_table01 tbody tr th {
    width: 16%;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
}

.contest_table01 tbody tr td {
    padding: 15px 30px;
    vertical-align: middle;
}

.contest_text01 {
    margin: 0 0 20px 0;
}

.contest_text02 {
    margin: 20px 0 0 0;
}

.contest_sakuhin01 {
    margin: 0 0 50px 0;
    text-align: center;
}

.contest_sakuhin01 h3 {
    margin: 0 0 20px 0;
    font-size: 30px;
    font-weight: 700;
}

.contest_sakuhin01 p {
    margin: 0 0 20px 0;
}

.contest_sakuhin01 p .contest_sakuhin_name {
    font-size: 24px;
    display: block;
}

.contest_sakuhin01 .contest_kakosakuhin_img img {
    max-width: 80%;
    height: auto;
}

.contest_sakuhin02 {
    margin: 0 0 50px 0;
    text-align: center;
}

.contest_sakuhin02 li {
    width: 48%;
    margin: 0 4% 20px 0;
    float: left;
}

.contest_sakuhin02 li:nth-child(even) {
    margin: 0 0 20px 0;
}

.contest_sakuhin02 li h3 {
    margin: 0 0 20px 0;
    font-size: 30px;
    font-weight: 700;
}

.contest_sakuhin02 li p {
    margin: 0 0 20px 0;
}

.contest_sakuhin02 li p .contest_sakuhin_name {
    font-size: 24px;
    display: block;
}

.contest_sakuhin02 li p a {
    text-decoration: underline;
}

.contest_sakuhin02 li p a:hover {
    color: #CF2122;
}

.contest_sakuhin02 li .contest_sakuhin_img img {
    max-width: 100%;
}


/* news */

/*-----------------------------------------------------------------*/

#sub_rss_box dl {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #cccccc;
}

#sub_rss_box dl::after {
    content: "";
    display: table;
    clear: both;
}

.rss_date {
    float: left;
    width: 12%;
}

.rss_title {
    float: right;
    width: 88%;
}

.rss_title a {
    color: #CF2122;
    text-decoration: underline;
}

.rss_title a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.rss_contents {
    clear: both;
    padding: 5px 0 0 12%;
}

/* privacy policy */

/*------------------------------------------------------------------------------*/

.optout a {
    color: #CF2122;
    text-decoration: underline;
}

.optout a:hover {
    text-decoration: none;
    opacity: 0.7;
}

/* sitemap */

/*------------------------------------------------------------------------------*/

#sitemap {
    padding-bottom: 30px;
}

#sitemap li {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
}

#sitemap ul {
    padding: 0 0 5px 25px;
}

#sitemap ul li {
    margin: 5px 0;
    padding: 0;
}

#sitemap li::before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    font-size: 14px;
    padding-right: 3px;
    position: relative;
    text-decoration: none;
}

#sitemap li a:hover {
    text-decoration: underline;
}

/* contact */

/*------------------------------------------------------------------------------*/

.contact_tel_box {
    width: 90%;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    background: #ffffff;
    border: 2px solid #001358;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
    text-align: center;
}

.contact_tel_right {
    width: calc(100% - 240px);
}

.contact_tel_right .tel_num {
    font-size: 36px;
    font-weight: bold;
    color: #001358;
}

.font_s {
    font-size: 90%;
}

.customer_c {
    font-size: 23px;
    color: #001358;
    width: 240px;
}

.m50_sph {
    margin-bottom: 50px;
}


/* brandstory */

/*------------------------------------------------------------------------------*/

.inner_100vw {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.brand_mainimage {
    margin-top: -40px;
    background: url(../image/brandstory_img01.jpg) no-repeat center center / cover;
    height: 500px;
    overflow: hidden;
    text-indent: -9999px;
}

.brand_maintext {
    margin: -40px auto 100px;
    max-width: 900px;
    background: #FFF;
    position: relative;
}

.brand_maintext_l {
    width: calc(100% - 220px);
    padding: 20px 5%;
}

.brand_maintext_r {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    height: 100%;
    background: url(../image/brandstory_img02.jpg) no-repeat center center / cover;
}

.brand_maintext_l h3 {
    font-size: 25px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.brand_maintext_btn {
    margin-top: 20px;
}

.brand_maintext_btn a {
    display: inline-block;
    background: #000;
    color: #FFF;
    font-size: 16px;
    padding: 10px 45px 10px 25px;
    position: relative;
    transition: 0.3s;
}

.brand_maintext_btn a:hover {
    opacity: 0.7;
}

.brand_maintext_btn a:after {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: calc(50% - 5px);
}

.brandbox2_1_l {
    float: left;
    width: calc(97% - 180px);
}

.brandbox2_1_r {
    float: right;
    width: 180px;
    text-align: center;
}

.brandbox2_1_r img {
    max-width: 100%;
    height: auto;
    border: 5px solid #FFF;
}

.brandbox2_2_l {
    float: left;
    width: 188px;
    text-align: center;
}

.brandbox2_2_r {
    float: right;
    width: calc(97% - 188px);
}

.brandbox2_2_l img {
    max-width: 100%;
    height: auto;
    border: 5px solid #FFF;
}

.brandbox2_3_l {
    float: left;
    width: calc(97% - 300px);
}

.brandbox2_3_r {
    float: right;
    width: 300px;
    text-align: center;
}

.brandbox2_3_r img {
    max-width: 100%;
    height: auto;
    border: 5px solid #FFF;
}

.brand_title04 {
    font-size: 20px;
    color: #001358;
    line-height: 1.4;
    margin-bottom: 15px;
}

.company_link {
    padding-top: 60px;
    border-top: 1px solid #CCC;
}

.company_link li {
    float: left;
    width: 32%;
    margin-left: 2%;
    list-style: none;
    position: relative;
    transition: 0.3s;
}

.company_link li.bl-hover {
    opacity: 0.7;
}

.company_link li:first-child {
    margin-left: 0;
}

.company_link li img {
    width: 95%;
    height: auto;
}

.company_link_in {
    position: absolute;
    right: 0;
    bottom: -30px;
    width: 230px;
}

.company_link_in a {
    display: block;
    background: #FFF;
    text-align: center;
    padding: 25px 15px;
    line-height: 1.4;
    color: #001358;
    font-size: 18px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
}

.company_link_in a:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #001358;
    border-radius: 100%;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.company_link_in a:after {
    content: "";
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 12px;
    bottom: 11px;
}

/* history */

/*------------------------------------------------------------------------------*/

.history_mainimage {
    margin-top: -40px;
    text-align: center;
    background: #FFF url(../image/history_img01_bg.jpg) repeat center center / auto 100%;
}

.history_mainimage img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.history_anchor {
    background: #DDD;
    padding: 24px 0;
}

.history_anchor .inner {
    display: table;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.history_anchor_l,
.history_anchor_c,
.history_anchor_r {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.history_anchor_l,
.history_anchor_r {
    width: 95px;
    font-size: 22px;
    line-height: 1.3;
}

.history_anchor_l {
    width: 75px;
}

.history_anchor_l small,
.history_anchor_r small {
    display: block;
    font-size: 11px;
    margin-top: 3px;
}

.history_anchor_c:before {
    content: "";
    background: #000;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
}

.history_anchor_c li {
    float: left;
    width: 5.4%;
    margin-left: 3.2%;
    position: relative;
    z-index: 10;
    background: #DDD;
}

.history_anchor_c li:first-child {
    margin-left: 0
}

.history_anchor_c li img {
    width: 100%;
    height: auto;
}

.history_box_type1 {
    padding: 80px 0;
    background: url(../image/common/history_box_bg_l.jpg) no-repeat left bottom,
    url(../image/common/history_box_bg.jpg) repeat-x center bottom;
    background-color: #FFF;
}

.history_box_type2 {
    padding: 80px 0;
    background: url(../image/common/history_box_bg_r.jpg) no-repeat right bottom,
    url(../image/common/history_box_bg.jpg) repeat-x center bottom;
    background-color: #FFF;
}

.history_box_type2.last {
    background: url(../image/common/history_box_bg_r_last.jpg) no-repeat right bottom,
    url(../image/common/history_box_bg.jpg) repeat-x center bottom;
    background-color: #FFF;
}

[class*="history_box_type"] .inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 94%;
    max-width: 1120px;
    margin: 0 auto;
}

.history_box_type2 .inner {
    flex-direction: row-reverse;
}

.histroy_num {
    width: 84px;
}

.histroy_num img {
    width: 100%;
    height: auto;
}

.histroy_img {
    width: calc((100% - 84px) * 0.35);
    padding: 0 20px;
    text-align: center;
}

.histroy_img img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.histroy_txt {
    width: calc((100% - 84px) * 0.65);
}

.histroy_txt h3 {
    font-size: 120px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
}

.histroy_txt h3 small {
    font-size: 58px;
    margin-left: 0.2em;
}

.history_title_sub1 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 10px;
}

.history_title_sub1 small {
    display: block;
    font-size: 14px;
}

.history_title_sub2 {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}

.histroy_detail {
    color: #333 !important;
    font-size: 16px;
}

.age01 {
    color: #9FA100;
}

.age02 {
    color: #87613A;
}

.age03 {
    color: #A61426;
}

.age04 {
    color: #682B56;
}

.age05 {
    color: #1C427E;
}

.age06 {
    color: #6E3430;
}

.age07 {
    color: #5B4E42;
}

.age08 {
    color: #BD8D1E;
}

.age09 {
    color: #005083;
}

.age10 {
    color: #717071;
}

.age11 {
    color: #65A6AC;
}

.age12 {
    color: #A71527;
}


/* walking */

/*------------------------------------------------------------------------------*/

.history_table {
    width: 100%;
    /*table-layout:fixed;*/
}

.history_table tr > * {
    border: solid #DDD;
    border-width: 0 0 1px 0;
    padding: 10px 5px;
    line-height: 1.5;
    position: relative;
    font-size: 14px;
}

.history_table tr > *:nth-child(-n + 2) {
    text-align: center;
}

.history_table tr > *:nth-child(1) {
    width: 80px;
}

.history_table tr > *:nth-child(2) {
    width: 100px;
}

.history_table tr > *:nth-child(3) {
    padding: 10px 15px;
    width: calc((100% - 180px) / 3);
}

.history_table tr > *:nth-child(4) {
    padding: 10px 15px;
    width: calc((100% - 180px) / 4);
}

.history_table tr > *:nth-child(5) {
    padding: 10px 15px;
    width: calc((100% - 180px) / 5);
}

.history_table tr > th {
    background: #FFF;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.12em;
}

.history_table tr > th br {
    display: none;
}

.history_table tr > *:nth-child(n + 2):before {
    content: "";
    background: rgba(0, 0, 0, 0.08);
    width: 1px;
    height: calc(100% - 20px);
    position: absolute;
    top: 10px;
    left: 0;
}

.history_table ul li {
    list-style: none;
    position: relative;
    padding-left: 1em;
}

.history_table ul li + li {
    position: relative;
    margin-top: 5px;
}

.history_table ul li:before {
    content: "・";
    position: absolute;
    left: -0.3em;
    top: 0;
}

/*scroll_box*/

/*------------------------------------------------------------------------------*/

.scroll-info {
    display: none;
}

#tinymce .scroll-info {
    display: block;
}


/*challenge*/

/*------------------------------------------------------------------------------*/

.callenge_img_l {
    float: left;
    width: 30%;
    max-width: 400px;
    margin: 0 3% 20px 0;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.callenge_img_l_txt {
    padding: 10px 10px;
    line-height: 1.3;
    text-align: center;
}

.callenge_box3 li {
    float: left;
    width: 31.2%;
    margin-left: 3.2%;
}

.callenge_box3 li br {
    display: none;
}

.callenge_box3 li:nth-child(3n + 1) {
    margin-left: 0;
}

.callenge_box3 li img {
    max-width: 100%;
    height: auto;
}

.challenge_box2_ti_r {
    float: right;
    width: 28%;
    background: #FFF;
    padding: 10px 10px 15px;
    text-align: center;
    line-height: 1.5;
    font-size: 13px;
}

.challenge_box2_ti_r img {
    width: 100%;
    height: auto;
}

.challenge_box2_ti_l {
    float: left;
    width: 69%;
}

.callenge_box3 li img {
    max-width: 100%;
    height: auto;
}

.challenge_box2_it_l {
    float: left;
    width: 28%;
    background: #FFF;
    padding: 10px;
    text-align: center;
    line-height: 1.5;
    font-size: 13px;
}

.challenge_box2_it_l img {
    width: 100%;
    height: auto;
}

.challenge_box2_it_r {
    float: right;
    width: 69%;
}

.max-w_200 img {
    max-width: 200px;
}

/*repair*/

/*------------------------------------------------------------------------------*/

.repair_box {
    background: #FFF;
    padding: 10px;
}

.repair_box_in {
    padding: 40px 5%;
    border: 1px solid #DDD;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.repair_box_l {
    float: left;
    width: calc(( 100% - 120px) / 2);
    text-align: center;
    font-size: 16px;
    position: relative;
}

.repair_box_l:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 45px solid transparent;
    border-left: 60px solid #6C2947;
    border-bottom: 45px solid transparent;
    position: absolute;
    right: -90px;
    top: calc(50% - 45px);
}

.repair_box_r {
    float: right;
    width: calc(( 100% - 120px) / 2);
    text-align: center;
    font-size: 16px;
}

.repair_box_l img,
.repair_box_r img {
    width: auto;
    height: auto;
    max-width: 100%;
}

/*paints 下層*/

/*------------------------------------------------------------------------------*/

.choice_list {
    max-width: 660px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.choice_list li a {
    width: 300px;
    display: block;
    background: #222222 url(../image/common/icon_btn01_arrow01.png) no-repeat;
    background-position: right 13px center;
    color: #ffffff;
    text-align: center;
    padding: 20px;
}

.choice_list li a:hover {
    opacity: 0.7;
}

.selected_word {
    width: 800px;
    max-width: 95%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    padding: 10px;
    box-shadow: 0px 20px 30px 15px rgba(0, 0, 0, 0.03);
    margin-bottom: 80px;
    position: relative;
}

.selected_word::after {
    content: "";
    border-top: 1px solid #D90000;
    border-width: 1px 0 0 0;
    width: 160px;
    height: 160px;
    transform: rotate(-45deg);
    position: absolute;
    left: 15px;
    top: 15px;
}

.selected_word_in {
    padding: 100px 0;
    text-align: center;
    font-size: 32px;
    border: 1px solid #DDDDDD;
}

.m_auto img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.zoom a {
    pointer-events: none;
    cursor: default;
}

.zoom a img:hover {
    opacity: 1;
}

/*---------------img_href_sp------------*/

.catalog_list_img a {
    display: block;
}
