@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
.font1{
    font-family: 'Great Vibes', cursive;
    line-height: 1.5;
}

:root{
    --color1:#604C3F;
}
.border_color5{
    border-color:var(--color1);
}

.font_14{
    font-size:16px;
}
.bg_white_opa{
    background-color:rgba(255,255,255,0.8);
}

/*
#return_top,
.fix_bnr{
    position:absolute;
}
*/

/*--all page---------------------------
-------------------------------------*/

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

body{
    overflow:hidden;
}

header.scr_header {
    background-color: rgb(255, 255, 255,0.9)!important;
}

#top_pc_nav li a,
#pc_nav li a,
#return_top a,
#footer_con h2,
#copyright,#copyright a,
#overlay .txt_white,
.overlay ul li a,
.more_btn,
#overlay .left li:before{
    color:var(--color1)!important;
}
#pc_nav li a::after,
#top_pc_nav li a::after,
#footer_nav li a::after{
    background:var(--color1);
    height: 1px;
}
.return::before, .return::after {
    background-color: var(--color1);
}

#pc_nav li, #top_pc_nav li, #footer_nav li {
    max-width: 100%;
}
footer{
    background-color:transparent!important;
}
#footer_con .tel_bt{
    display:none;
}

.fix_bnr{
    left:20px;
    z-index:2;
}

.button_container span,
.button_container.active .top,
.button_container.active .bottom{
    background:var(--color1);
}
.button_container span:nth-of-type(1),
.button_container.active span:nth-of-type(1){
    color:var(--color1);
}

.overlay {
    background: linear-gradient(135deg, rgb(248 245 215 / 90%) , rgba(251,235,243,0.9) )!important;
}
#overlay .right .mg_b-50px .nav_menu_more:last-of-type{
    display:none;
}
.nav_menu_more:first-of-type a .icon:before{
    display:none;
}

/*--top page---------------------------
-------------------------------------*/
.main_logo img{
    filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.3));
}

.num{
    display:none;
}

.insta{
    color:#405DE6;
    border-color:#405DE6;
}
.line_bnr{
    color:#06c755;
    border-color:#06c755;
}
.txt_rotate{
    transform-origin: left;
    transform: rotate(-3deg);
    /*color: #99d5e0;*/
}
.intro_sub_title{
    font-size:3.5rem;
}
.con1_sub_title,
.con3_sub_title{
    font-size:3rem;
}
.con2_sub_title{
    font-size: 2.5rem;
}

.txt_anim6 span{
	display: inline-block;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-animation: .35s cubic-bezier(.175,.885,.32,1.275) both;
	animation: .35s cubic-bezier(.175,.885,.32,1.275) both;
	opacity: 0;
}
.txt_anim6 span.start{
	-webkit-animation-name: slide-bs;
	animation-name: slide-bs;
	opacity: 1;
}
@keyframes slide-bs{
	0%{-webkit-transform: translateY(20px);transform: translateY(20px);}
	100%{-webkit-transform: translateY(0);transform: translateY(0);}
}

.con1_img2 {
    top: 0;
    right: 0;
    width: 18vw;
    z-index:1;
}
.con1_img3 {
    top: 44%;
    left: 10%;
    width: 25vw;
}
.con1_img4 {
    top: 50%;
    right: 10%;
    width: 20vw;
}
.flw1 {
    top: 55%;
    left: -3%;
    width: 28vw;
    z-index: 0;
}
.flw2 {
    top: 4%;
    right: -3%;
    width: 22vw;
    z-index: 0;
}

#intro .num{
    width:200px;
    top:-130px;
}

#contents1{
    padding-top:14%;
    padding-bottom:7%;
}
.back1remove{
    background:url(./Dup/img/bg1.png) no-repeat;
    background-size:25vw auto;
    background-position:top left;
}
#contents3{
    background:url(./Dup/img/bg2.png) no-repeat;
    background-size:33vw auto;
    background-position:bottom right;
}



/*top cms*/
.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 50px!important;
    margin-bottom: 30px;
    color: #474521;
    font-weight: normal;
    background-image: url("../dup/img/link_type1_icon.png");
    background-size: 50px;
    background-position: top center;
    background-repeat: no-repeat;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 40px;
	padding-bottom: 40px;
}
.link_type1 .link_top a:hover{
    background-color: #fffde3;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    opacity: 0.2;
}

#info_contact_wrap .con_box .con_title span{
    text-shadow: 0 0 30px rgb(255 255 255 / 80%);
}


/*--under page---------------------------
-------------------------------------*/
#page_title .page_title_box{
    background-color:rgba(255,255,255,0.8)!important;
}
#page_title .page_title_box h2,
#page_title .page_title_box p{
    color:var(--color1);
}

/*gallery*/
.g_type1 > div{justify-content: space-around;}
.g_type1 .modal_bt{cursor: pointer}
.g_type1 .modal_bg{top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 9998;}
.g_type1 .modal_box{max-height: 80%;overflow-y: auto;z-index: 9999;}
.g_type1 .close_bt{cursor: pointer}
.g_type1 .cate_box {position: relative;width: 22.99999%!important;margin: 0 1%;margin-bottom: 20px;overflow: hidden; }

/*how to order*/
html.modalset{
	overflow: hidden;
}
.v_type4 .box_item{
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    border: solid 1px;
    border-color:var(--color1);
	cursor: pointer;
}
.v_type4 .box_item:hover{
    box-shadow: none;
    border: solid 2px #eee;
}
.v_type4 .box_title2, .v_type4 .box_txt1{
    border-top: 1px solid #edede6;
}
.v_type4 .modal .box_title2{
	border-top: none;
}
.v_type4 .modal{
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	line-height: 1.7;
}
.v_type4 .modal-wrap {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 20px;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}
.v_type4 .modal-wrap::-webkit-scrollbar {
	display: none;
}
.v_type4 .modal-wrap:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 100%;
}
.v_type4 .modal-bg{
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
}
.v_type4 .modal-box {
    width: 90%;
    max-width: 900px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 10px;
    padding-bottom: 23px;
    background-color: #fff;
}
.v_type4 .modal-box .inner{
	max-height: 650px;
    overflow: auto;
	-ms-overflow-style: none;
}
.v_type4 .modal-box .inner::-webkit-scrollbar {
  width: 2px;
  height: 10px;
}
.v_type4 .modal-box .inner::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 4px #aaa inset;
}
.v_type4 .modal-box .inner::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #333;
}
.v_type4 .modal-box .modal-close{
	cursor: pointer;
	position: absolute;
    top: 19px;
    right: 25px;
}
.v_type4 .modal_img{
    max-width: 600px;
}
.v_type4 .modal_title1{
	padding-top: 60px;
}
.v_type4 .modal_title1:before{
	content: "";
	display: block;
	background-color: #666; 
	width: 1px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 2px;
}
.v_type4 .modal_title1 span{
	transform: rotate(90deg);
	display: block;
	line-height: 1;
}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

.catch{
    max-width: 350px;
}
.back1remove{
    background-size: 38vw auto;
}    

.con1_img2,
.con1_img3,
.con1_img4{
    display:none;
} 
.flw1 {
    top: 61%;
    width: 45vw;
}
    
.g_type1 .cate_box {width: 30.99999%!important;}

#page_title .page_title_box{
    width:70%;
}

#overlay .left li {
    max-width: 100%;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

.catch{
    max-width:300px;
}
.back1remove {
    background-size: 55vw auto;
}

#intro_wrap{
    padding:0;
}

#intro h3,
#contents1 h3{
    letter-spacing:1px;
}

.fix_bnr {
    left: 10px;
}

.link_type1 .link_top .link_title{
    font-size: 15px;
}

#page_title .page_title_box h2{
    font-size: 20px;
    letter-spacing: 1px;
}

/*gallery*/
.g_type1 .cate_box {width: 47.99999%!important;}

/*how to order*/
.v_type4 .modal-box .modal-close {
    top: 6px;
    right: 19px;
}
.v_type4 .modal-box .inner{
    max-height: 500px;
}
}


@media all and (-ms-high-contrast:none){
/*gallery*/
.g_type1 .modal_box .box_txt2 a {padding: 8px 10px 2px;}
}