@charset "utf-8";
/* common */
html{
	width:100%;
	height:100vh;height:100lvh;
	-webkit-overflow-scrolling: touch;
}

html body{
	font-family: 'Klee One',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif !important;
}

.rich_font_type3{
	'Klee One',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif !important;
}

.c_an{ color:#931f32 !important; }
.c_sa{ color:#1f2c5b !important; }

.back_an{ background:#931f32 !important; }
.back_sa{ background:#1f2c5b !important; }

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

}	/* @media only screen and (max-width: 768px) { */

h1,h2,h3,h4,h5,h6{ line-height: 150%; }

a{
	color:#1f2c5b;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover{ opacity: 0.75; }
a:hover{ color:#1f2c5b; }

html #header{
	background: #001943 !important;
}

#drawer_menu_content a, #drawer_menu .close_button:before, #drawer_menu_sns.color_type1 a:before, #drawer_menu_search .button_area:before{
	color:#fff !important;
}
#drawer_menu_button span{
	background:#fff !important;
}

body.home.header_fix #drawer_menu_button span{ background:#fff !important; }
html body #drawer_menu_content{
	background: rgba(31,44,91,0.98);
}

html body.home #header_logo img.logo_image {
	display:block;
	width: auto;
	height: 50px;
	transition: 0.3s ease-in-out;
}

html body.home.header_fix #header_logo{
	top:0px;
	left: 0px;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}

html body.home.no_index_header_content #header_logo {
	top:15px;
	left: 0px;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}

html body header#header.header_sub #header_logo {
	top:15px;
	left: 0px;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}
html body header#header.header_sub #header_logo img.logo_image {
	display:block;
	width: auto;
	height: 50px;
	transition: 0.3s ease-in-out;
}

html #header_circle{ display:none; }

html body.home.no_index_header_content #header{ background:none; }
.header_0{ display:none; }
.header_1{ background:#fff !important; }


/* top */
.top_img_back{
	position: relative;
	z-index: 1;
	top:0;
	left: 0;
	width: 100%;
	height: 100vh;height: 100lvh;
}

.tib{
	position: relative;
	z-index: 1;
	top:0;
	left: 0;
	height: 100vh;height:100lvh;
	display: flex;
	flex-wrap: wrap;
}

.tib::after{
	content:'';
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	background: rgba(31,44,91,0.25);
	background-image: linear-gradient(45deg, rgba(31,44,91,0.50) 25%, transparent 25%, transparent 75%, rgba(31,44,91,0.50) 75%),
	linear-gradient(45deg, rgba(31,44,91,0.50) 25%, transparent 25%, transparent 75%, rgba(31,44,91,0.50) 75%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;

}

.tib_inner{
	width: 50%;
	height: 100vh;height:100lvh;
}

.top_txt_back{
	position: absolute;
	z-index: 3;
	width:100%;
	height: 100vh;height:100lvh;
	top:0;
	left: 0;
}

.top_img_main{
	position: absolute;
	z-index: 5;
	top:0;
	left: 0;
	width: 100%;
	height: 100vh;height:100lvh;
}

.top_img_main P{
	position: absolute;
	z-index: 6;
	width:100%;
	text-align: center;
	top:-10%;
	opacity: 0.50;
	animation: loop 10s linear infinite;
}

@keyframes loop {
	0% {
		transform: scaleX(100%);
		opacity: 0.70;
	}
	50% {
		transform: scaleX(95%);
		opacity: 0.50;
	}
	to {
		transform: scaleX(100%);
		opacity: 0.70;
	}
}

.top_img_main h1{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.top_img_main h1 img{
	height:75vh;height:75lvh;
	margin-top:20vh;margin-top:20lvh;
}

.ttb{
	position: relative;
	z-index: 1;
	top:0;
	left: 0;
	width:100%;
	height: 100vh;height:100lvh;
	display: flex;
	flex-wrap: wrap;
}

.ttb_inner{
	width: 50%;
	height: 30vh;height: 30lvh;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	_background: rgba(232,215,185,0.75);
	background: rgba(31,44,91,0.75);
}

.ttb_inner img{ max-width:100%; }

.about_anyouji{
	background: #931f32;
}

.about_sakura{
	background: #1f2c5b;
}

.tab_inner{
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
}

.ti_back {
	position: absolute;
	z-index: 1;
	top:0;
	left: 0;
	width: 100%;
}

.ti_back img{
	opacity: 0.25;
	transform: scale(-1, 1);
}

.ti_txt{
	position: relative;
	z-index: 2;
	background: rgba(31,44,91,0.95);
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.top_about img{ vertical-align:top; }

.top_news .bg_image{
	position: relative;
	z-index: 1;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.top_news .bg_image video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

html body .cb_carousel.num4 .overlay.top_news_overlay{
	background: rgba(0,0,0,0.25);
	background-image: linear-gradient(45deg, rgba(0,0,0,0.50) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.50) 75%),
	linear-gradient(45deg, rgba(0,0,0,0.50) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.50) 75%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
}

.top_news .title_area .tia_inner{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.cat_ul{
	display: flex;
	flex-wrap: wrap;
	margin-left:-2.5px;
	margin-right:-2.5px;
}

.cat_ul li{
	width: calc(50% - 5px);
	margin-left:2.5px;
	margin-right:2.5px;
	text-align: center;
}
.cat_ul li a{
	display: block;
	padding:3px;
	border:1px solid #fff;
	color:#fff;
}

.cat_ul li a:hover{
	background: #fff;
	color:#1f2c5b;
}

html .cb_box_content .item {
	padding-top:30%;
}

.link_button .more{
	display: inline-block;
	background: #1f2c5b;
	border:1px solid #1f2c5b;
	color:#fff;
	padding:20px 45px;
	transition: 0.3s ease-in-out;
}

.link_button a:hover.more{
	background: #fff;
	color:#1f2c5b;
}

.profisysytem_logo{
	width: 70px;
	padding:5px;
	background: #fff;
}

html .sns_button_list li a{
	width:50px;
	height: 50px;
}

html .sns_button_list li a:before{
	font-size: 30pt !important;
}

#footer_overlay{
	background: rgba(31,44,91,0.75);
	background-image: linear-gradient(45deg, rgba(31,44,91,0.50) 25%, transparent 25%, transparent 75%, rgba(31,44,91,0.50) 75%),
	linear-gradient(45deg, rgba(31,44,91,0.50) 25%, transparent 25%, transparent 75%, rgba(31,44,91,0.50) 75%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
}

html #footer_sns.color_type1 a:before{ color:#fff; }

.footer_chain{
	background: #1f2c5b;
	color:#fff;
	padding:30px 30px 0px 30px;
}

.page_title{
	background: #031d42;
}

.d_dldd{ border-bottom:1px solid #999; }
.d_dldd:first-child{ border-top:1px solid #999; }

.d_dldd:nth-child(even),
.hr_bb:nth-child(even){
	background: rgba(31,44,91,0.05);
}

.hr_bb p{
	padding-left:15px;
	padding-right:15px;
}

html body.header_fix #header{ z-index:50; }

.google_map {
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.google_map iframe{
	width:100%;
	height: 960px;
	margin-top:-170px
}

.chain_div a{
	display: block;
	height: 400px;
	overflow: hidden;
}

.chain_div a div{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 400px;
	background: rgba(255,255,255,0.25);
	transition: 0.3s ease-in-out;
}

.chain_div a:hover div{

}

.chain_div a h2{ transition: 0.3s ease-in-out; }
.chain_div a:hover h2{ color:#1f2c5b !important;opacity:1.0; }

/* contact_form */
.contact_form input[type=text],
.contact_form textarea{
	width:100%;
	border:1px solid #666;
	background: #fff;
	padding:10px;
}
.contact_form textarea{ height:250px; }
.contact_form label{ cursor:pointer; }
.contact_form .error{ display:block;margin-top:5px;color:#fff !important; }
.contact_form input.zipcode{ width:150px; }
.contact_form select {
	min-width: 200px;
	background: #fff;
	border:1px solid #ccc;
	padding:10px;
	-moz-appearance: menulist-button;
	-webkit-appearance: menulist-button;
	appearance: menulist-button;
}

.con_require{
	font-size: 9pt;
	color:#fff;
	font-weight: normal;
	margin-left:5px;
}

.contact_form .contact_btn{
	display: flex;
	align-items: center;
}

.contact_form .contact_btn input,
.contact_form .contact_btn button{
	display: block;
	width: 200px;
	transition: 0.3s ease-in-out;
	padding:10px 15px;
	text-align: center;
	background: #1f2c5b;
	border:1px solid #1f2c5b;
	color:#fff;
	margin-right:20px;
	box-shadow: 1px 1px 1px #333;
}

.contact_form .contact_btn input:hover,
.contact_form .contact_btn button:hover{
	pacity:0.75;
	border:1px solid #999;
	background: #000;
	box-shadow: 0px 0px 0px;
}

.contact_btn{ padding-left:15px; }

#footer_menu{
	background: #1f2c5b;
	border-top:1px solid #141414;
	border-bottom:1px solid #141414;
	padding-top:15px;
	padding-bottom:15px;
}

html #footer_menu ul li a{
	color:#fff;
	padding:5px;
	background: rgba(255,255,255,0.0);
	transition: 0.3s ease-in-out;
}

html #footer_menu ul li a:hover{
	background: rgba(255,255,255,1.0);
	color: #1f2c5b;
}
html #drawer_menu{
	background: rgba(31,44,91,0.75);
	background-image: linear-gradient(45deg, rgba(31,44,91,0.50) 25%, transparent 25%, transparent 75%, rgba(31,44,91,0.50) 75%),
	linear-gradient(45deg, rgba(31,44,91,0.50) 25%, transparent 25%, transparent 75%, rgba(31,44,91,0.50) 75%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
}

html #drawer_menu_content{
	display: flex;
	align-items: center;
	background: rgba(255,255,255,1.0);
	border-left:1px solid #001943;
	border-right:1px solid #001943;
}

html #drawer_menu img{
	width: auto;
	height:50px;
}

html #drawer_menu .menu li a{
	display: block;
	transition: 0.3s ease-in-out;
}
html #drawer_menu .menu li.current_page_item a,
html #drawer_menu .menu li a:hover{
	display: block;
	background: #fff !important;
	color:#1f2c5b !important;
}

html #drawer_menu .menu{
	padding-left:20px;
	padding-right:20px;
}

html #drawer_menu_bg_area{ cursor:pointer; }

html.mobile body header#header.header_sub #header_logo{ top:10px;left:5px; }
html.mobile body header#header.header_sub #header_logo img.logo_image{ height: 35px; }

.post_top_news{
	display:flex !important;
	flex-wrap: wrap;
	z-index: 10 !important;
	justify-content: center;
}
html .post_top_news .item{
	width:28%;
	margin-left:10px;
	margin-right:10px;
}

.div_food,
.div_page{ background: #1a2649; }
.back_sakura{ background: #1a2649; }

.food_chain{
	display: flex;
	flex-wrap: wrap;
	margin-left:-2.5px;
	margin-right:-2.5px;
}

.food_chain li{
	width:calc(25% - 5px);
	margin-left:2.5px;
	margin-right:2.5px;
	margin-bottom:5px;
}

.food_chain li span{
	display: block;
	padding:2px 2px;
	border:1px solid #1f2c5b;
	background: #1f2c5b;
	color:#ccc;
	text-align: center;
}

.fp_src{
	display: flex;
	justify-content: center;
	margin-left:2.5px;
	margin-right:2.5px;
}

.fp_src li{
	margin-left:2.5px;
	margin-right:2.5px;
	margin-bottom:5px;
}

.fp_src li a{
	padding:5px 15px;
	background: #fff;
	color:#1f2c5b;
	transition: 0.3s ease-in-out;
}

.fp_src li a:hover,
.fp_src li a.current{
	background: #1f2c5b;
	color:#fff;
}

html #blog_list .category{ border-radius:0; }
html #post_title .category{ border-radius:0; }
html #post_image_wrap{
	margin:0 0 30px 0;
	padding:0;
}

.link_store{
	position: fixed;
	z-index: 20;
	bottom:50%;
	right:-300px;
	transition: 0.3s ease-in-out;
}

.link_store.ls_open{ right:0; }

.link_store a{
	display: block;
	position: relative;
	z-index: 1;
	background: #011435;
	color:#fff;
	padding:28px 20px 20px 30px;
	border-top-left-radius : 15px;
	border-bottom-left-radius : 15px;
	box-shadow: 2px 2px 4px #999;
	transition: 0.3s ease-in-out;
}

.link_store a:hover{
	color:#fff;
}

.link_store img{
	position: absolute;
	top:-30px;
	left: -30px;
	width:80px;
}

.link_store p{
	text-shadow: 1px 1px 1px #666;
}

.ls_txt{
	position: relative;
	text-align: center;
	padding:10px 0px;
}

.ls_txt::before{
	content: '';
	position: absolute;
	top: 17px;
	left: 50px;
	width:20px;
	height: 1px;
	background: #fff;
	transform: rotate(45deg);
}

.ls_txt::after{
	content: '';
	position: absolute;
	top: 17px;
	right: 57px;
	width:20px;
	height: 1px;
	background: #fff;
	transform: rotate(-60deg);
}

#header_slider_wrap{
	display: none !important;
}

#footer_logo .logo{
	padding-left:15px !important;
	padding-right:15px !important;
}

html .cb_carousel .content{
	background: #1f2c5b;
}

.item_inner a,
.item_inner a .image{
	transition: 0.3s ease-in-out;
}

.item_inner a:hover .image{
	transform: scale(1.2);
}

.div_frame{
	width: 100%;
	aspect-ratio: 16 / 9;
}

.div_frame iframe {
	width: 100%;
	height: 100%;
}

#container{
	background: #1a2649;
}

html #side_col:after{
	background: #1a2649;
}

.date_area time,
#post_title .title,
.post_content,
#next_prev_post a,
#next_prev_post .title:after,
#side_col h3 span,
.widget_content a,
#blog_list .title a{ color:#fff !important; }

#blog_list .line,
#post_title .line{
	width:1px !important;
	background:#fff !important;
}

.post_slider_widget .post_slider{
	background: rgba(255,255,255,0.05) !important;
}

.category_list_widget ul li a{
	transition: 0.3s ease-in-out;
	margin-left:20px;
}

html #blog_list .category{
	border:1px solid #fff !important;
	color: #fff !important;
}

#next_prev_post a:hover{
	background: #fff;
	color:#1f2c5b;
}

html #post_title .category{
	background: #1f2c5b;
	color:#fff;
}

.tmore a{
	display: inline-block;
	padding:15px 10px;
	background: rgba(255,255,255,1.0);
	transition: 0.3s ease-in-out;
	border:1px solid #fff;
}

.tmore a:hover{
	background: #1a2649;
	color:#fff;
}

html #copyright{
	line-height: 150%;
	height: auto;
	padding:10px;
	background: #001943;
}