/*
Theme Name: 1osMC
Theme URI: https://web.1os.co.jp/
Author: One OS inc.
Author URI: https://1os.co.jp/
Description: このテーマは株式会社ワンオーエス(サービス名：クオリティWebデザイン)によって作成されました。高品質でカスタマイズ可能なデザインを提供し、ユーザーに素晴らしいエクスペリエンスをもたらします。
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 1os_mc
Tags: レスポンシブ, マルチ, 1カラム, 2カラム, 翻訳対応
*/

/**********  カスタマイズCSS **********/

body,
#header_wrapper,
#global_nav_wrapper {
	background-image: url('/wp-content/uploads/bg_body.webp');
	background-position: center center;
	background-repeat: repeat;
	background-attachment: fixed;
}
#header_wrapper{
	border-bottom:1px solid #ffc926
}
#header_title_logo{
	max-width:192px;
}

#mainview_wrap {
	background:#eee;
}
.mainvisual-title{
	text-shadow: white 0px 2px 1px, white 0px 1px 1px, white 1px 1px 1px, white 1px 0px 1px, white 2px 0px 1px, white 1px -1px 1px, white 1px -2px 1px, white 0px -2px 1px, white -1px -2px 1px, white -2px -2px 1px, white -2px -1px 1px, white -2px 0px 1px, white -2px 1px 1px, white -1px 1px 1px;
}
#breadcrumb_wrapper{
	border-bottom:1px solid #ccc;
}

.header_contents_link-2{
	width:40px;
	height:40px;
	background:#39ae41;
	color:#fff;
	transition:background 0.4s ease-out;
}

@media (min-width:768px) {
	.header_contents_link-2{
		width:auto;
	}
}
@media (min-width:1024px) {

	#header_wrapper{
		border:none
	}
	#header_title_logo{
		max-width:256px;
	}

	.scroll #header_title_logo{
		max-width:192px;
	}

	#header_contents_wrapper{
		margin-left:0!important
	}
	#global_nav_wrapper{
		padding:.8em 0!important;
		border-bottom:1px solid rgba(0,0,0,0)!important;
		transition:all 0.4s ease-out;
	}
	.scroll #global_nav_wrapper{
		padding:.4em 0!important;
		border-bottom:1px solid rgba(0,0,0,.5)!important;
	}
	#global_nav .menu-item {
		border-left:1px solid rgba(0,0,0,.5);
	}
	#global_nav .menu-item:last-child {
		border-right:1px solid rgba(0,0,0,.5);
	}

}
@media (max-width:1283px) {
	#global_nav .menu-item:first-child {
		border-left:0;
	}
	#global_nav .menu-item:last-child {
		border-right:0;
	}
}

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

.header_contents_link-2:hover{
	background:#319638;
	color:#fff;
}

}