/*--------リンク・フォント--------*/
@font-face {
    font-family: 'hiragino_min';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/hiragino_min_r.woff') format('woff'),
        url('../Dup/img/hiragino_min_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'hiragino_min';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/hiragino_min_b.woff') format('woff'),
        url('../Dup/img/hiragino_min_b.eot')  format('eot');
    font-display: swap;
}

.font_serif {
    font-family:"hiragino_min", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.linkStyle{color: #333333; text-decoration: underline;}


/*-------------------------------------------------
cms video
-------------------------------------------------*/
.youtube_box{
  position: relative;
  width: 65%;
    padding-top: 46.25%;
margin-bottom: 50px;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*--------全体--------*/
.fa-shopping-cart:before {
    content: "\f095";
}
#wrap,main{position:relative;}
#wrap::before{
	content: " ";
    position: fixed;
    display: inline-block;
    width: 30em;
    height: 100vh;
    background: url(./Dup/img/back_01.png) no-repeat;
    background-size: auto;
    left: -68px;
    bottom: 0px;
    z-index: 0;
}
main::before{
	content: " ";
    position: fixed;
    display: inline-block;
    width: 38em;
    height: 100vh;
    background: url(./Dup/img/back_02.png) no-repeat;
    background-size: auto;
    right: -62px;
    bottom: 0px;
    z-index: 0;
}
@media screen and (max-width: 1680px){
}
.intro_txt{
    background-image: url(./Dup/img/item_05.png);
    background-repeat: no-repeat;
    background-position: 50% -2%;
    background-size: auto;
}
#header{
    position: relative;
    z-index: +1;
}
header #header .shop_link a {
    background-color: #63c0ab;
    color: #fff;
    padding: 5px 16px;
    border-radius: 3px;
}
header #header .shop_link a i{
    font-size: 1.08em;
}
#main_nav li a{
    opacity: 1;
    font-weight: 700;
    font-size: 1.08em;
}
.sc_nav li a{
    opacity: 1;
    font-weight: 700;
}

#top_contents1,
#top_contents1-2{
    position: relative;
    z-index: -1;
}
@media screen and (min-width: 1282px) and (max-width: 1680px){
 #top_contents1,
#top_contents1-2{
    z-index: +1;
}   
}
@media screen and (min-width: 769px) and (max-width: 1281px){
#top_contents1 .contents1_txt, #top_contents1-2 .contents1_txt {
    margin-left: 24%;
}
#top_contents1-2 .contents1_txt h3 {
    transform: translateX(-50px);
    text-align: left;
}
}
footer #footer #footer_links li a{
    opacity: 1;
}

#top_cms .cms_6-c .cate_box{
    width: calc(100% / 3 - 15px)!important;
    margin-left: 0px;
    background-image: url(./Dup/img/item_02.png),url(./Dup/img/item_01.png);
    background-repeat: repeat-y,no-repeat;
    background-position: 0% 0%,100% 100%;
}
#footer{
        position: relative;
    z-index: +1;
}

/*--------下層--------*/
#page_title{position:relative;}
#page_title::after {
  content: "";
  background: rgba(255,255,255,.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#page_title h2,
#page_title p{
    position: relative;
    z-index: +1;
}
#main_nav,
#cms{
    position: relative;
    z-index: +1;
}

#cms_6-c .cate_box .box_title{
    padding: 20px 0;
    background: url(./Dup/img/item_01.png) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}
#cms_6-c .cate_box{
    background-image: url(./Dup/img/item_02.png);
    background-size: 95%;
    background-position: 50% 0%;
    background-repeat: repeat-y;
}
#cms_6-c .box_txt1,
.cms_6-c .box_txt1{
    background-color: rgba(255, 255, 255, .7);
}
#cms_5-c .box_title1::before,
.cms_5-c .box_title1::before{
	content: " ";
    position: absolute;
    display: inline-block;
    width: 1.1em;
    height: 1.5em;
    background: url(./Dup/img/item_03.png) no-repeat;
    left: 12px;
    top: 16px;
    background-size: contain;
}
#cms_5-c .box_txt1::before,
.cms_5-c .box_txt1::before{
	content: " ";
    position: absolute;
    display: inline-block;
    width: 1.3em;
    height: 1.5em;
    background: url(./Dup/img/item_04.png) no-repeat;
    left: 5px;
    top: 14px;
    background-size: contain;
}
/*--------タブレット--------*/
@media screen and (max-width: 768px){
    #menu_wrap ul{text-align:center;}
    #wrap::before,
    main::before{
    z-index: -1;
}
#top_contents1 .contents1_txt, 
#top_contents1-2 .contents1_txt {
    width: 82%!important;
    margin-left: 12%;
}
#top_contents1-2 .contents1_txt h3 {
    text-align: left;
    transform: translateX(-80px);
}
#top_cms .cms_6-c .cate_box {
    width: 100%!important;
}
.page02 #cms .cms_wrap,
.page04 #cms .cms_wrap,
.page06 #cms .cms_wrap,
#page07,#page08,#page09,#page10{
    background-color: rgba(255,255,255,0.45);
    padding: 0 20px;
}
.page02 #cms,
.page04 #cms,
.page06 #cms{
    padding-left: 30px;
    padding-right: 30px;
}
}


/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    .pd_15px{padding:15px;}
    .youtube_box {
    width: 100%;
    padding-top: 68.25%;
    }
    #loader .logo {
    max-width: 180px;
    }
    #wrap::before {
   width: 22em;
    background-size: 100%;
    left: -47px;
    bottom: -11px;
    opacity: 0.6;
    }
    main::before {
    width: 22em;
    background-size: 100%;
    right: -47px;
    bottom: -11px;
    opacity: 0.6;
    }
    #top_contents1 .contents1_txt, #top_contents1-2 .contents1_txt {
    width: 98%!important;
    margin-left: 0%;
}
#top_contents1-2 .contents1_txt h3 {
    transform: translateX(0px);
}
#top_cms .cms_6-c .cate_box {
    background-size: auto,50%;
}
.page02 #cms, .page04 #cms, .page06 #cms {
    padding-left: 15px;
    padding-right: 15px;
}
.page02 #cms .cms_wrap, .page04 #cms .cms_wrap, .page06 #cms .cms_wrap, #page07, #page08, #page09, #page10 {
 
    padding: 0 10px;
}
#page_title {
    min-height: 200px;
    padding: 30px 30px 30px;
}
#page_title h2{font-size:6.5vw;}
#page_title p {font-size:4.5vw;}

#cms_5-c .box_title1::before, .cms_5-c .box_title1::before {
    width: 1em;
    height: 1.2em;
    left: 4px;
    top: 14px;
}#cms_5-c .box_txt1::before, .cms_5-c .box_txt1::before {
    left: -2px;
}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){


}