@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
body,.font_shippori {
    font-family: 'Noto Sans JP', YuGothic,"Yu Gothic","游ゴシック体","游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
.font_shippori {font-weight: 700;}

/* ======================================================================================
　　color
======================================================================================== */
.linkStyle{color: #160a0a;transition: opacity .3s;text-decoration: underline;}
.linkStyle:hover{opacity: 0.7}

/* ======================================================================================
　　all
======================================================================================== */

/* ---------- header ---------- */
#header.index #logo img {
    opacity: 0;
}
#header.index.active #logo img {
    opacity: 1;
}
#header.index #logo a {
    background: url(../dup/img/fix_logo.png) center left / contain no-repeat;
}
#header.index.active #logo a {
    background: none;
}
.shop_link p {
    width: 90%;
}

/* ---------- footer ---------- */



/* ======================================================================================
　　top
======================================================================================== */

/* ---------- main_img ---------- */
#main_img {
    background-image: url(../dup/img/index_nav_bg.png), url(../dup/img/main_img.jpg);
    background-position: center bottom,center top;
    background-repeat: no-repeat;
    background-size: 100% auto,cover;
    overflow: hidden;
}
.catch {
    z-index: 2;
    left: 0;
    top: 202px;
    width: 40%;
    max-width: 714px;
}
#pc_nav {
    background-color: transparent;
    backdrop-filter: none;
}
#pc_nav a {
    color: #fff;
}
#pc_nav li {padding-right: 10px}

@media screen and (min-width: 1400px){
#pc_nav a {font-size: 15px;}
#pc_nav li {padding-right: 30px}
}


/* ---------- intro ---------- */
#intro {
    background-color: #269edd;
    color: #fff;
    background: url(../dup/img/intro_item1.png) top left -40px / auto 102% no-repeat #269edd;
}
.intro_title {
    display: inline;
    border-bottom: 3px solid;
}

/* ---------- contents---------- */
#contents_wrap {
    background-image: url(../dup/img/contents_wrap_bg.jpg);
    color: #fff;
}
#contents_links .box_wrap .box{position: relative;}
#contents_links .box_wrap .box a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #80c1ea;
    opacity: 0.3;
    z-index: 2;
}
#contents_links .box_wrap .box a h4 {
    background-color: rgb(255 255 255 / 96%);
}
#contents_wrap .bg_container {background-color: rgb(38 158 221 / 90%)!important;}
#contents_wrap .con_item {display: none;}
#tab_buttons .stepber ul li {border: 1px solid #ffffff;}
#contents_wrap h2 {
    opacity: 1;
    color: #a4dafd;
    font-size: 103px;
}

/* ======================================================================================
　　under
======================================================================================== */

/* ---------- cms ---------- */
#cms_6-d .cate_box:after, .cms_6-d .cate_box:after {color: #80c1ea;}

.link_type2 .cate_box a {
    color: #fff;
}
.link_type2 .cate_box a:before, .link_type2 .cate_box a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 1;
}
.link_type2 .cate_box a:after {
    top: 100%;
    background-color: #3f51b5;
    transition: 0.5s;
    z-index: 3;
}
.link_type2 .cate_box a:hover:after {
    top: 0;
}
.link_type2 .cate_box a {
    color: #fff;
    padding: 28%;
}
.link_type2 .cate_box .txt_wrap {
    z-index: 2;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #000;
    background-color: rgb(255 255 255 / 85%);
}
.link_type2 .more {
	letter-spacing: 3px;
    box-sizing: border-box;
	opacity: 0;
	transition: opacity .8s;
	z-index: 4;
}
.link_type2 .cate_box a:hover .more {
    opacity: 1;
}




/* ======================================================================================
　　window size
======================================================================================== */

/* ---------- 1280px ---------- */
@media screen and (max-width: 1280px){
#main_img {
    background-position: right bottom,center top;
    background-size: 124% auto,cover;
}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.catch {
    top: 26%;
    width: 44%;
}
#intro {
    background: url(../dup/img/intro_item1.png) top 36px left -40px / auto 68% no-repeat #269edd;
}
#contents_wrap h2 {
    font-size: 66px;
}
#contents_wrap {
    background-image: url(../dup/img/contents_wrap_bg_sp.jpg);
}
#top_cms1 .top_cms_title p, #top_cms2 .top_cms_title p {width: 100%;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.shop_link {
    width: 80px;
}
#logo {padding-bottom: 10px;}
#contents_wrap h2 {
    font-size: 43px;
}
#header.index #logo img {
    opacity: 1;
}
.catch {
    top: 20%;
    width: 51%;
}
}