@import url('https://fonts.googleapis.com/css2?family=Reggae+One&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@400;500;700;800&display=swap');

/* ----------　all　---------- */
.linkStyle{
	color:#f16633;
}
.linkStyle:hover{
	color:#ead76b;
	opacity: 0.7;
	transition: all 0.5s;
}

body, .top_cms_box, .more, #info_title_box, #page_title, a[href^="tel:"], header #header #header_menu ul, #bottom_menu, #info .info_txt h3, .drawer-menu, #page10, #intro .intro_no, #con_h .con_no {
	font-family: 'Zen Kaku Gothic Antique', sans-serif!important;
}

/* color */
body,.txt_color_nomal{color: #281814!important;}
.txt_color1{color: #f16633!important} /* メインカラー */
.txt_color2{color: #f16633!important} /* サブカラー */
.txt_color3{color: #f16633!important} /* アクセントカラー1 */
.txt_color4{color: #281814!important} /* アクセントカラー2 */
.txt_color5{color: #281814!important;} /* アクセントカラー3 */

/* background-color */
.bg_color1{background-color: #f16633!important} /* メインカラー */
.bg_color2{background-color: #f16633!important} /* サブカラー */
.bg_color3{background-color: #ead76b!important} /* アクセントカラー1 */
.bg_color4{background-color: #281814!important} /* アクセントカラー2 */
.bg_color5{background-color: #281814!important;} /* アクセントカラー3 */


/* border-color ※!important */
.border_color1{border-color: #f16633!important}
.border_color2{border-color: #ead76b!important}
.border_color3{border-color: #ead76b!important}
.border_color4{border-color: #281814!important}
.border_color5{border-color: #281814!important;}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color1:hover{color: #f16633!important} /* メインカラー */
.hvr_txt_color2:hover{color: #f16633!important} /* サブカラー */
.hvr_txt_color3:hover{color: #ead76b!important} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #281814!important} /* アクセントカラー2 */
.hvr_txt_color5:hover{color: #281814!important;} /* アクセントカラー3 */

/* background-color */
.hvr_bg_color1:hover{background-color: #f16633!important} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f16633!important} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ead76b!important} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #281814!important} /* アクセントカラー2 */
.hvr_bg_color5:hover{background-color: #281814!important} /* アクセントカラー3 */


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f16633!important}
.hvr_border_color2:hover{border-color: #f16633!important}
.hvr_border_color3:hover{border-color: #ead76b!important}
.hvr_border_color4:hover{border-color: #281814!important}
.hvr_border_color5:hover{border-color: #281814!important}

#intro_bg, .top_cms_box, #contents, #top_cms {
	background-color:transparent!important;
}

#wrap,  #intro_bg, .top_cms_box {
	background-image:url("Dup/img/all-bg.jpg");
	background-size: cover;
	background-attachment: fixed;
}

#wrap::before, #wrap::after {
	content: "";
	box-sizing: border-box;
    position: fixed;
    z-index: 99;
    top: 0;
    height: 100vh;
	width: 2.1rem;
    background-repeat: repeat-y;
    background-size: 100% auto;
	background-position: top 
}

#wrap::before {
	left: -10px;
	background-image: url("Dup/img/side-l.png");
}

#wrap::after {
	right: -10px;
	background-image: url("Dup/img/side-r.png");
}


/* nav */

header {
    background-color: #f5ecda!important;
}

#logo .logo img {
    width: 80%!important;
}

#header_menu ul li {
    border-color: #f16633!important;
}



#page-top {
    right: 25px;
}

#foot_banner {
        right: 115px;
}

/* footer */


#copyright {
    background-color: #f16633!important;

}


/* ----------　TOP　---------- */

.svg_box svg {
	display:none;
}

/* main-img */

#main_img .main_logo {
    width: 80%!important;
    max-width: 800px;
    text-align: center;
}

#main_img .main_logo img {
    width: 40%;
}


.chachcopy {
    text-align: center;
    font-family: 'Reggae One', cursive!important;
	color: #ffffff!important;
	font-size: 35px;
	margin-top: 10px;
   letter-spacing: 10px;
}




/* top */

#video video {
        border-radius: 50px;
}

.intro_wrap {
	background-color:transparent!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
}

.intro_txt_wrap {
    padding-right: 40px!important;
    width: 45%!important;
}

.intro_wrap .grid_5 {
    width: 50%!important;
}

.intro_img {
	position:relative;
}

.intro_img::before {
	content:"";
	width: 100%;
    height: 160%;
	background-image: url("Dup/img/arch.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: -1;
    top: -60%;
    left: 30%;
	animation:20s linear infinite rotation1;
}

@keyframes rotation1{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

#intro .intro_img span.bgitem {
	display:none;
}

.con_no,  #contents .con_box h3 span.border{
	display: none
}

.con_title {
	font-family: 'Reggae One', cursive!important;
	color: #f5ecda!important;
	letter-spacing: 10px;
	text-align: center;
	background-color: #f16633;
	background-image: url("Dup/img//waku-l.png"), url("Dup/img//waku-r.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left 10px center,right 10px center;
	padding: 10px!important;
	width: 80%;
    margin: 0 auto 50px;
}

#contents .fadein:nth-of-type(2) .con_box .con_title {
	background-color: #e9b545!important;
	background-image: url("Dup/img/./en-l.png"),url("Dup/img//en-r.png")!important;
	background-position: left 5px center,right 5px center;
	border-radius: 30px!important;
}

#contents .fadein:nth-of-type(3) .con_box .con_title {
	background-color: #4d6d98!important;
	background-image: url("Dup/img//hana.png"), url("Dup/img//hana.png");
}


#contents .fadein:nth-of-type(1) .con_box .con_item1 {
    background-image: url('/Dup/img/gyokai.png')!important;
    width: 180px;
    height: 130px;
}

#contents .fadein:nth-of-type(2) .con_box .con_item2 {
    background-image: url('/Dup/img/sushi2.png')!important;
    background-position: center center;
    width: 180px;
    height: 130px;
}

/*
#contents .con_box .con_img {
    position: relative;
}

#contents .fadein:nth-of-type(1) .con_box .con_img::before {
    content:"";
	width: 100%;
    height: 160%;
	background-image: url("Dup/img/arch.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: -1;
    top: -60%;
    left: 30%;
	animation:20s linear infinite rotation1;
} */



/* top-cms */

.cms_title h2, .cms_title p  {
	font-family: 'Reggae One', cursive!important;
	color: #f5ecda!important;
	letter-spacing: 10px;
}

.cms_title h2 {
	font-size: 25px!important;
}

.cms_title {
	background-color: #e9b545;
	background-image: url("Dup/img//3sen.png"),url("Dup/img//3sen.png");
	background-repeat: no-repeat,no-repeat;
	background-position: left 10px center, right 10px center;
	background-size: contain;
	padding:10px 40px;
	margin-right: 3%;
}

.top_cms_box .grid_9 {
	width:70%!important;
}


#top_cms .cms_title {
	width: 50%;
    text-align: center;
    margin: 50px auto;
}

#top_cms .cms_3-f .cate_box {
    width: 80%!important;
    margin: 50px auto;
}

.more a {
	font-family: 'Reggae One', cursive!important;
	color: #f5ecda!important;
}


#info_title_box .info_title span {
    letter-spacing: 15px;
    font-family: 'Reggae One', cursive!important;
}



/* ----------　下層ページ　---------- */

.cate_title, .sub_cate_title, .box_title {
    font-family: 'Zen Kaku Gothic Antique', sans-serif!important;
}

#page_title h2, #page_title p {
    font-family: 'Reggae One', cursive!important;
    letter-spacing: 10pt;
    color: #f16633!important
}

#page_title h2 span {
    color: #f16633!important
}

.pager li a:hover {
    color: #f5ecda!important;
}


.cate_list li a {
    background-color: #f16633!important;
    color: #f5ecda!important;
}

.cate_list li a:hover {
    background-color: #ead76b!important;
}

/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */


/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
#logo {
        width: 40%!important;
        margin-bottom: 0!important;
}
    
#logo .logo {
    width: 120px;
}
    
.drawer-hamburger {
        display: inline-block;
}
    
header {
    padding-bottom: 0;
}
    
.drawer-open .drawer-hamburger-icon {
    background-color: transparent!important;
}
    
#main_img .main_logo img {
    width: 35%;
}
    
.chachcopy {
    font-size: 25px;
}
    
    .intro_wrap {
        display: block;
    }
    
    .intro_txt_wrap {
        padding-right: 0!important;
        width: 100%!important;
    }
    
.intro_txt_wrap h2 {
    text-align: center;
}
    
.intro_txt_wrap h2 img {
    width: 75%;
}
    
.intro_img::before {
    width: 90%;
    top: -50%;
    left: 40%;
}
    
    .intro_wrap .grid_5 {
    width: 90%!important;
}
    
    .top_cms_box .cms_title {
        margin-right: 0!important;
        width: 50%!important;
    }
    
    #top_cms .cms_title {
        margin: 50px auto!important;
    }
    
    #top_cms .top_cms_box {
        border: none!important;
    }
    
    .info_box {
        width: 95%;
        margin: 0 auto;
    }
    
    main {
        width: 98%;
        margin: 0 auto;
    }
    
    #main_img {
        padding-top: 60px;
        
    }
    
    #page_title h2 span {
        font-size: 30px!important;
    }
    
    .more {
        margin: 50px auto!important;
    }
    
    .cms_box {
        width: 85%!important;
    }
    
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
    #video video {
            border-radius: 10px;
    }
    
    .intro_wrap .grid_5 {
        width: 95%!important;
    }
    
    #page_title #filter_white {
        background-color: rgba(255,255,255,0.6)!important;
    }
    
    #logo .logo img {
        padding-top: 5px;
    }
    
    #page_title h2 span {
        font-size: 20px!important;
    }
    
    #page_title p {
        font-size: 14px!important;
    }
    
    #wrap::before {
	left: -20px;
	background-image: url("Dup/img/side-l.png");
}

#wrap::after {
	right: -20px;
	background-image: url("Dup/img/side-r.png");
}
    
#main_img .main_logo {
    width: 90%;
}
    
.chachcopy {
    font-size: 18px;
}


    .intro_txt_wrap h2 img {
    width: 90%;
    }
    
    
    .top_cms_box .cms_title {
        width: 95%!important;
    }
    
    .con_title {
        width: 95%;
        font-size: 1rem!important;
        padding: 15px 10px!important;
    }
    
    .top_cms_box .cms_title {
    width: 70%!important;
    }
    
    #page_title h2, #page_title p {
        letter-spacing: 5pt;
    }
    
    
}


@media screen and (max-width: 320px){
    #page-top {
        right: 15px;
    }
    
    #foot_banner {
    right: 80px;
}
    .cms_title h2 {
    font-size: 18px!important;
}

    .cms_title h2, .cms_title p, .con_title {
        letter-spacing: 0.15em;
    }
    
}