﻿@charset "utf-8";
/* 1536 , 1530 × 735 ,1366 *//* ←記画面幅でも崩れていないか確認 */

/* カテゴリリンクの飛び先位置の数値を適宜調整してください */

/* 修正した場合→各項目の一番下に日付をコメントアウトして追記 */


/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#footer_info,footer,#top_news,#top_news .cms1inner{
    background-color: #efe1d2;
}

.fixbnr {
    z-index: 2;
    right: 65px;
    bottom: 160px;
    width: 150px;
}
    .fixbnr {
        right: inherit;
        left: 7px;
        bottom: 7px;
        position: fixed;
        z-index: 10;
    }
        .fixbnr {
        width: 88px;
    }
#con_nav {
    overflow: hidden;
    z-index: 9;
    position: relative;
    margin-bottom: 100px;
}
#sp_nav ul li a{color: var(--normal);}
/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){


}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#main_img {
    height: auto;
    max-height: inherit;
    width: calc(100% - 150px);
    margin: 0 auto 0 0;
}
#mainwrap{padding-top: 0;padding-left: 0;}
#mainwrap {
    min-height: auto;
}
.mainwrap-r{
    background-color: #f0d7d1;
    border-radius: 0 0 30px 30px;
    border-radius: 30px;
    padding-right: 20px;
    margin-top: 3%;
    right: 20px;
    position: absolute;
    max-height: 445px;
    min-height: 250px;
        max-width: 250px;
    width: 17vw;
    height: 30vw;
    
}
.triangle01{display: none;}
#top_contents3 img, #sp_nav .sp_nav_inner, #sp_nav .list_wrap {
/*	border: 5px solid #fff;
	box-sizing: border-box;*/
     border-radius: 24px; 
   /* border-radius: 50%; */
}
.catch{display: none;}
.item01{top: 0;
    right: 0;
    max-width: 600px;
    z-index: 1;
    display: none;
}
.item02{
    z-index: 1;
    bottom: 0;
    left: -120px;
    max-width: 600px;
    width: 30%;
    transform: translateY(60%);
    display: none;
}
@media screen and (max-width: 1460px){
    .head_tel{display: none;}
    .mainwrap-r{max-height: 325px;}
    #header h1{
        padding: 25% 5%;
    }
    .top .fixbnr{display: none;
    }
}
/* ---------------------------　1280px　-------------------------- */
/* @media screen and (max-width: 1280px){
    .menu_stick{
        display: block;
    position: absolute;
    position: fixed;
    right: 0;
    top: 20px;
    width: 84px;
    height: 78px;
    cursor: pointer;
    z-index: 100;
    border-radius: 75px 0 0 75px;
    -webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;
    box-sizing: border-box;
    box-shadow: 0px 4px 7px -6px rgba(0, 0, 0, 0.12);
}
    .hamburger_line {
    display: block;
    position: absolute;
    right: 18px;
    margin: auto;
    width: 35px;
    height: 3px;
    border-radius: 3px;
    transition: all .3s;
}
    .hamburger_line-1 {
    top: 24px;
}
    .hamburger_line-2 {
    top: 32px;
}

.hambuger_text, .hambuger_text02 {
    display: block;
    position: absolute;
    width: 50px;
    font-size: 10px;
    text-align: center;
    font-weight: 700;
    top: 43px;
    right: 10px;
}    
.hambuger_text02 {
    display: none;
}
.menu_stick.trans .hamburger_line-1 {
    transform: rotate(30deg);
    top: 27px;
}
.menu_stick.trans  .hamburger_line-2 {
    transform: rotate(-30deg);
    top: 27px;
}
.menu_stick.trans  .hambuger_text {
    display: none;
}
.menu_stick.trans  .hambuger_text02 {
    display: block;
}
    .menu_stick.trans {
        background: transparent;
        box-shadow: none;
    }
    #header #sns_link,#header p{display: none;}
    .mainwrap-r {
        width: 100%;
        right: inherit;
        left: 0;
    }
    .mainwrap-r h1 {
    width: 180px;
    padding-top: 10px;
    padding-left: 10px;
    }
} */


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
#main_img {
    width: 100%;
}
#mainwrap{padding: 0;}
.mainwrap-r{height: auto;background-color: transparent;}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}



/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#attach_area{display: none;}
#top_contents3{z-index: 1;background-color: #ffebe0;padding-top: 100px;}
/* #top_contents3 img{height: 400px;    object-fit: cover;} */
#top_contents3 .con3_img4{margin-top: -6%;}
/* #top_contents3 .con3_img4 img{height: 200px;} */
#top_cms{    
background-color: #f0d7d1;
    position: relative;
    z-index: 1;
    
}
.nami01{
        top: 0;
    /* z-index: 1; */
    transform: translateY(-40%);
}
.nami02{
    top: 0;
    /* z-index: 1; */
    transform: translateY(-50%);
}
.nami03{
    top: 0;
    /* z-index: 1; */
    transform: translateY(-64%);
}
.dec04{
        max-width: 200px;
    width: 33%;
    top: -5%;
    right: 5%;
    height: auto;
    z-index: 1;
}
#top_contents3 img.dec01{
    max-width: 200px;
    width: 33%;
    bottom: 0;
    left: 0;
    height: auto;
    z-index: 1;
}
#top_contents3 img.dec02{
        max-width: 200px;
    width: 33%;
    bottom: -40px;
    right: 0;
    height: auto;
    z-index: 1;
}
#top_contents3 img.dec03{
    max-width: 200px;
    width: 33%;
    bottom: 30px;
    left: 5%;
    height: auto;
    z-index: 1;
}


/* ---------- loopSlider ---------- */
#topcms_gallery_type1 .loopSliderWrap{
    top: 0;
    left: 0;
    height: 573px;
}
#topcms_gallery_type1 .loopSlider {
    margin: 0 auto;
    height: 573px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#topcms_gallery_type1 .loopSlider .ul {
    height:573px;
    float: left;
    overflow: hidden;
}
#topcms_gallery_type1 .loopSlider .ul .li {
    width: 450px;
    height: 573px;
    float: left;
    display: inline;
    overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding: 10px;
}
#topcms_gallery_type1 .loopSlider .ul .li img{
    border-radius: 50px;
    aspect-ratio: 3 / 4;
}
#topcms_gallery_type1 .loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}

/*リンクボタン*/
#topcms_gallery_type1 .btn{z-index: 3;}
#topcms_gallery_type1 .btn a::before {
    content: '';
    position: absolute;
    bottom: 55px;
    right: 27%;
    width: 42%;
    height: 1px;
    background: #333;
    transition: all .3s;
}
#topcms_gallery_type1 .btn a::after {
    content: '';
    position: absolute;
    bottom: 60px;
    right: 27%;
    width: 15px;
    height: 1px;
    background: #333;
    transform: rotate(35deg);
    transition: all .3s;
}
#topcms_gallery_type1 .btn a:hover::before {
    right: 16%;
    background: #fff;
}
#topcms_gallery_type1 .btn a:hover::after {
    right: 15%;
    background: #fff;
}
#topcms_gallery_type1 .btn {
    display: block;
}
#topcms_gallery_type1 .btn a {
    background: #fff;
    color: #212121;
    width: 200px;
    height: 200px;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    flex-wrap: wrap;
    transition: all 0.4s;
}
#topcms_gallery_type1 .btn a:hover {
    background: #1c1c1c;
    color: #fff;
}
#topcms_gallery_type1 .btn a span, .btn a strong {
    text-align: center;
}
@media(max-width: 768px) {
#topcms_gallery_type1,#topcms_gallery_type1 .loopSliderWrap,#topcms_gallery_type1 .loopSlider,#topcms_gallery_type1 .loopSlider ul,#topcms_gallery_type1 .loopSlider .ul .li{
	height: 380px;
}
#topcms_gallery_type1 .loopSlider .ul .li{
    width: 280px;
}
#topcms_gallery_type1 {
    padding-bottom: 100px;
    padding-top: 0;
}
}
@media(max-width: 667px) {
#topcms_gallery_type1,.loopSliderWrap,.loopSlider,.loopSlider .ul,.loopSlider .ul .li{
	height: 227px!important;
}
#topcms_gallery_type1 .loopSlider .ul .li{
    width: 179px;
}
#topcms_gallery_type1 .btn a::after {
    bottom: 35px;
    right: 27%;
}
#topcms_gallery_type1 .btn a::before {
    bottom: 30px;
    right: 27%;
}
#topcms_gallery_type1 .btn a {
    width: 140px;
    height: 140px;
    line-height: 1.7;
}
}


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
/* #top_news{margin-top: 0;} */
#top_contents1 .con1_img{
    width: 70.66667% !important;
}
#top_contents1 .con1_img2{
    bottom: inherit;
    top: 7%;
}
    .con1_txt_wrap {
        padding-bottom: 5vw;
    }
    
    #top_contents3 img.dec01 {
    bottom: -140px;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
.con3_wrap3 {padding-bottom: 80px;}
#top_cms .cms_box:last-of-type{padding-top: 50px;}
#topcms_gallery_type1 {
        padding-bottom: 80px;
        padding-top: 0;
    }
#top_contents3 img.dec01 {
        bottom: -90px;
    }
}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*カテゴリリンクの飛び先位置を調整する*/
/* --- PC --- */
:root {
--header-height: 90px;
}
/* --- スマートフォン --- */
@media screen and (max-width: 667px){
:root {
--header-height: 90px;
}
}

#cms_3-c .border_color3{    border-color: #d1d1d1;}
#cms_7-a .border_color3{border-color: #dbdbdb;}




/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
#page02,#page03,#page04,#page05,#page06,#page07,#page09{padding-left: 5%;padding-right: 5%;}


}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}


