/*
#loader{
    display:none;
}
*/



/*--all page---------------------------
-------------------------------------*/
:root{
    --color_red1:#C82536;
}


.linkStyle{
    color:#333;
    transition:all 0.3s;
    text-decoration:underline;
}
.linkStyle:hover{
    opacity:0.7;
}

body {
    overflow: hidden;
    line-height: 2;
    font-size: 18px;
}

.g-menu .menu-content-nav ul li:nth-child(-n+6){
    font-size:calc(1rem + 15px);
}
.shop_info .info,
.shop_info .contact,
.page10 .content_wrap .more a{
    background-color:var(--color_red1)!important;
}
.f_info .entry a{
    color:#fff;
}


/*--top page---------------------------
-------------------------------------*/
#main .logo{
    top:3%;
    left:7%;
    width: min(20vw,350px);
    z-index:2;
}
.catch1 {
    width: min(5vw,170px);
    top: 20%;
    left: 8%;
}
.catch2{
    width: min(29vw,800px);
    bottom: 3%;
    left: 7%;
}
.entry.more{
    bottom:7%;
    right:5%;
}
.entry.more a{
    width:300px;
    background:var(--color_red1)!important;
}
.back_color{
    padding-top:20px;
}
.back_color{
    background: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.975) 50%, rgba(0,0,0,0.975) 70%,rgba(0,0,0,0.5) 100%);
}

#contents .no{
    background-color:var(--color_red1)!important;
}

#contents .box .box_item:after{
    background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #C82536 50.5%) no-repeat top left/100% 100%;
}
#top_blog{
    width: calc(100% - 40px);
    margin:0 20px;
}
#top_blog .top_cms_box{
    background-color:transparent!important;
}
#top_blog .more a {
    margin: auto;
    max-width: 300px;
    margin-top: 50px;
}
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}
.top_cms_box{
    padding-top:50px;
}

#top_cms .cms_title{
    display: block;
    text-align: center;
}
#top_cms .cms_title > div{
    border-left:0;
}

#top_cms .cate_box{
    background-color:#fff!important;
}
#top_blog .more a,
#top_cms .more a{
    background: linear-gradient(147deg, rgba(50,50,50,1) 0%, rgba(232,232,232,1) 80%, rgba(50,50,50,1) 100%);
}




/*--under page---------------------------
-------------------------------------*/
#page_title{
    background-attachment: scroll;
}


/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.g-menu .menu-content-nav ul li:nth-child(-n+6) {
    font-size: calc(1rem + 10px);
}


#main .logo {
    top: 2%;
    left: 5%;
    width: min(36vw,350px);
}
.catch1 {
    width: min(15vw,170px);
    top: 23%;
    left: 5%;
}
.catch2 {
    width: min(60vw,800px);
    bottom: 13%;
    left: 5%;
}
.entry.more {
    bottom: 5%;
    right: auto;
    left: 5%;
}

.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}

#page_title{
    background-position: center;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
body{
    font-size:16px;
}
.g-menu .menu-content-nav ul li:nth-child(-n+6) {
    font-size: calc(1rem + 7px);
}
#main .logo {
    width: min(43vw,350px);
}
.catch1 {
    width: min(16vw,170px);
    top: 27%;
    left: 5%;
}
.catch2 {
    width: min(60vw,800px);
    bottom: 3%;
    left: 5%;
}
#main,
#main .cms_img1 img{
    max-height:75vh;
}
.sp_back{
    opacity:1!important;
}

#top_cms .cms_title > div{
    padding-left: 0;
    margin-left: 0;
}
#contents .box .box_item:after{
    display:none;
}
.shop_info h2{
    font-size:23px;
}
.page_title_box .wrap p span{
    font-size:27px;
}
.sp_bnr.entry.more{
    left:0;
    right:0;margin:auto;
    bottom:0;
    z-index:3;
}
.entry.more a{
    margin: 0 auto;
}
#copyright{
    padding-bottom:70px;
}
.page8 .tel a{
    font-size: 14px;
}
}