@charset "UTF-8";
/* このCSSは[php/set_03_style/style_91_out_top.php]により生成されます。 */

body{
	overflow-x: hidden;
	cursor:default;
	background-color:#fff;
	color:#444
}

.trans, .over_trans, #global_nav .menu_link, #global_nav .menu-item-has-children::after,.page-numbers, .button.button-primary{
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out}

a,
a:hover{
	color:#dd3333;
	transition:color 0.5s ease-in-out
}
#contents_container{
	overflow: hidden;
	overflow: clip;
}
#contents_container::after {
	content: "";
	display: block;
	clear: both;
}

.hp-field{position:absolute;left:-9999px;height:0;overflow:hidden}

/* アクセシビリティ：スクリーンリーダー専用テキスト（フロント用） */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}

@media (hover: hover) and (pointer: fine) {

a:hover{
	color:#1e73be
}


}

/********** Font Family **********/

.font-goc, #global_nav .sub-menu .menu-item .menu_link{font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic","YuGothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:.05em}
.font-min{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.05em}
.font-maru, #global_nav > .menu-item > .menu_link{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:.05em}
.font-maru1{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:.05em}
.font-maru2{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:.05em}
.font-pop1{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:.05em}
.font-pop2{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:.05em}
.font-en1{font-family:cursive;letter-spacing:.03em}
.font-en2{font-family:cursive;letter-spacing:.03em}

/********** ヘッダー **********/

#header_wrapper{
	position: sticky;
	z-index: 100;
	background:rgba(238,238,34,0.39);
}
#header_wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-color: rgba(238,238,34,.39);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	pointer-events: none;
}
#header_copy_wrapper{
	opacity:1;
	min-width: 0;
	max-height: var(--header-copy-height);
	overflow: hidden;
	transition:opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
	background-color:#dddddd;
	color:#eeee22;
}
#header_copy_container{
	letter-spacing:0.12em;
	text-shadow:0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0),0 0 1px rgb(0,0,0);
}
#header_copy_spacer{
	opacity: 1;
	transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
#header_main_wrapper{
	min-height:calc(var(--nav-toggle-height) + 16px);
	padding-top:8px;
	padding-bottom:8px;
	padding-right:calc(var(--nav-toggle-width) + (16px));
	padding-left:calc(var(--nav-toggle-width) + (16px));
}

#header_title_wrapper{
	min-width: 0;
	max-width:256px;
}
#header_copy_container{
	min-width: 0;
}

@media all and (min-width:1024px){

	#header_main_wrapper{
	padding-left:.4em;
	padding-right:.4em;
		height:auto;
	padding-top:12px;
	padding-bottom:12px;
		min-height:0;
	}


}

/********** グローバルナビゲーション **********/

/*** トグルボタン **/
#nav_toggle{
	right:8px;
	top:calc(var(--header-main-height) / 2);
	width:var(--nav-toggle-width);
	min-width:44px;
	height:44px;
	transform: translateY(-50%);
	z-index:150;
	background-color:#ffffff;
	border:1px solid #a3a3a3;
	transition:top 0.5s ease-in-out, background-color 0.5s ease-in-out, border 0.5s ease-in-out;
	outline:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	touch-action: manipulation;
}

#nav_toggle_inner{width:22px}
#nav_toggle .nav_toggle_bar{
	left:0;
	width:100%;
	height:2px;
	margin:0 auto;
	opacity:1;
	will-change:transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-origin: center center;
	background-color:#424242
}
#nav_toggle .nav_toggle_bar-1{top:16%}
#nav_toggle .nav_toggle_bar-2{top:50%;left:50%;transform: translate(-50%, -50%)}
#nav_toggle .nav_toggle_bar-3{bottom:16%}
#nav_toggle_text{
color:#333333;
}

/*** 本体 **/

#global_nav_wrapper{
	overflow-y: auto;
	visibility: hidden;
	z-index: 90;
	inset: 0;
	height:100vh;
	height:100dvh;
	padding-top:var(--header-main-height);
	background-color:rgba(0,0,0,0.88);
	color:#dd3333;
	transform: translateX(0);
	opacity: 0;
	transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

#global_nav_inner{
	padding:0.5rem;
}
#global_nav{
	background:rgb(255,255,255);
	font-size:0.95rem;
	border:2px solid #1e73be;
}

/*** menu-item (共通) **/

#global_nav .menu-item{
	position:relative;
	padding:0;
	margin:0;
}

/*** リンク(共通) **/

#global_nav .menu_link{
	white-space: nowrap;
}

/*** リンク **/

#global_nav > .menu-item > .menu_link {
	padding:0 .8em;
	height:56px;
	background-color:#f2f2f2;
	color:#dd3333;
   	font-size:1em;
    font-weight:400;
    border-bottom:1px solid #000000;
   }
#global_nav > .menu-item:last-child > .menu_link {
	border-bottom: 0 solid rgba(255, 255, 255, .0);
}
	#global_nav > .menu-item:last-child.is_active > .menu_link {
	border-bottom:1px solid #000000;
}

#global_nav > .menu-item-has-children.is_active > .menu_link {
	background-color:#eddede;
	color:#000000;
}
#global_nav > .menu-item-has-children > .menu_link{
	padding-right:56px;
}

#global_nav > .menu-item > .menu_link::before {
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
	background-color: currentColor;
	vertical-align: -0.125em;
	-webkit-mask: url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-arrow-right_fill-2.svg") no-repeat center / contain;
	mask: url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-arrow-right_fill-2.svg") no-repeat center / contain;
}
#global_nav .menu-item-has-children{
	position:relative;
}
#global_nav > .menu-item-has-children::after{
	position:absolute;
	z-index:2;
	content:"";
	display:block;
	top:0;
	right:0;
	width:56px;
	height:56px;
	cursor:pointer;
	pointer-events:auto;
	border-left:1px solid #000000;
}
#global_nav > .menu-item-has-children > .menu_link::after{
	position:absolute;
	z-index:3;
	content:"";
	display:block;
	top:0;
	right:0;
	width:56px;
	height:56px;
	pointer-events:none;
	background-color:currentColor;
	-webkit-mask:url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-arrow-down-2.svg") no-repeat center / 1.4em;
	mask:url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-arrow-down-2.svg") no-repeat center / 1.4em;
}
#global_nav > .menu-item-has-children.is_active > .menu_link::after{
	-webkit-mask-image:url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-arrow-up-2.svg");
	mask-image:url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-arrow-up-2.svg");
}
#global_nav .sub-menu.depth-1{
	font-size:0.9em;
}

#global_nav .sub-menu .menu-item > .menu_link {
	height: 0;
	padding: 0 .8em;
	opacity: 0;
	background-color: #ffffff;
	color:#545454;
	font-weight:400;
	transition:height 0.45s ease-in-out, border 0.45s ease-in-out, padding 0.45s ease-in-out, opacity 0.45s ease-in-out, color 0.45s ease-in-out, background 0.45s ease-in-out;	border-bottom:0 solid #707070;

}
#global_nav .sub-menu.is_visible > .menu-item > .menu_link {
	height: 44px;
	opacity: 1;	border-bottom:1px solid #707070;

}
#global_nav .sub-menu.is_visible > .menu-item:last-child > .menu_link {
	border-bottom:1px solid #000000;
}
#global_nav .sub-menu.is_visible > .menu-item:last-child.is_active > .menu_link {
	border-bottom:1px solid #000000;
}

#global_nav .sub-menu > .menu-item-has-children.is_active > .menu_link {
	background-color:#f7f7f7;
	color:#dd9933;
}

#global_nav .sub-menu .menu-item > .menu_link::before {
	content:"";
	display:inline-block;
	flex:0 0 auto;
	width:1em;
	height:1em;
	margin-right:.4em;
	background-color:currentColor;
	vertical-align:-.125em;
	-webkit-mask:url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-arrow-square_right_fill.svg") no-repeat center / contain;
	mask:url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-arrow-square_right_fill.svg") no-repeat center / contain;
}
#global_nav .sub-menu.is_visible > .menu-item-has-children > .menu_link {
	position:relative;
	padding-right:44px;
}
#global_nav .sub-menu > .menu-item-has-children::after {
	position:absolute;
	z-index:4;
	content:"";
	display:block;
	top:0;
	right:0;
	width:44px;
	height:0;
	opacity:0;
	cursor:pointer;
	pointer-events:none;
	transition:
		height 0.45s ease-in-out,
		opacity 0.45s ease-in-out,
		border-color 0.45s ease-in-out;
	border-left:1px solid transparent;
}
#global_nav .sub-menu.is_visible > .menu-item-has-children::after {
	height:44px;
	opacity:1;
	pointer-events:auto;
	border-left-color:#707070;
}
#global_nav .sub-menu.is_visible > .menu-item-has-children > .menu_link::after {
	position:absolute;
	z-index:3;
	content:"";
	display:block;
	top:0;
	right:0;
	width:44px;
	height:44px;
	pointer-events:none;
	background-color:currentColor;
	-webkit-mask:url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-plus.svg") no-repeat center / 1.4em;
	mask:url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-plus.svg") no-repeat center / 1.4em;
}
#global_nav .sub-menu.is_visible > .menu-item-has-children.is_active > .menu_link::after {
	-webkit-mask-image:url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-minus.svg");
	mask-image:url("https://tmp.1os.one/wp-content/themes/1os-multi_column/img/icon-minus.svg");
}

@media (min-width: 768px) {
	#global_nav_wrapper{
		padding-top:var(--header-main-height);
	}

}

@media (min-width: 1024px) {
	#global_nav_wrapper{
		height:auto;
		margin-left: auto;
		transform: translateX(0);
		visibility: visible;
		opacity: 1;
		inset:auto;
		height:auto;
		min-height:0;
		padding:0;
		overflow:visible;
		background:transparent;
		color:#000000;
	}

	#global_nav_inner{
		padding:0.5em;
	}
	#global_nav{
		position:relative;
		display:flex;
		flex-wrap:nowrap;
		align-items:stretch;
		justify-content:flex-start;
		width:auto;
		max-width:none;
		height:auto;
		min-height:0;
		padding:0;
		margin:0;
		border:none;
		background:none;
	}


}

@media (hover: hover) and (pointer: fine) {

	#global_nav > .menu-item:hover > a.menu_link{
		background-color:#eddede;
		color:#000000;
	}
	#global_nav .sub-menu > .menu-item:hover > a.menu_link {
		background-color:#f7f7f7;
		color:#dd9933;
	}

}

/********** Slideshow **********/

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-will-change:transform;webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/********** ページトップ **********/

#page_top{
	z-index: -1;
	right:4px;
	bottom:96px;
	width:32px;
	line-height:1;
	opacity: 0;
	transition: opacity .7s, z-index .7s;
}
#page_top .svg_icon{
	font-size:25px;
}
#to_top_link{
	background-color:rgb(255,255,255);
	color:#020202;
	border:1px solid #dd3333;
	border-radius:4px;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

#page_top.is_show {
	opacity: 1;
	z-index: 8;
}

/********** その他 **********/
.grecaptcha-badge {visibility: hidden;}
.recaptcha-notice {font-size: .9em;line-height: 1.6;color: #777;}

@media (min-width: 1440px) {

	#page_top{
		right:0px;
		bottom:192px;
		width:48px;
	}
	#to_top_link{
		border:1px solid #dd3333;
		border-right:none;
		border-radius:4px 0 0 4px;
	}
	#page_top .svg_icon{
		font-size:38px;
	}

}
/********** フォントカラー **********/

.font_color-01{color:#257524}