@charset "utf-8";
/* PC/スマホ共通表示 */

.-----PC_MOBILE_COMMON_CSS_START----- {}

* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size:14px;
	line-height: 170%;
	color: #333;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table {
	border-collapse: collapse;
}
a:link,
a:visited {
	text-decoration: none;
	color: #3535AC;
}
a:hover,
a:active {
	text-decoration: underline;
	color: #FF6600;
}
.clear {
	clear: both;	
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


br.pc_nowrap {
	display: none;
}
a.false:link,
a.false:visited,
a.false:hover,
a.false:active {
	color: #333;
	text-decoration: none;
	cursor:text;
}
#wrapper {
	width: 100%;
}
#header {
	width: 100%;
	background-image: url(../img/g_nav_bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#header .wrapper {
	width: 1033px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header .wrapper {
	width: 1033px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


#header .logo {
	padding-top: 17px;
	padding-bottom: 15px;
	transition:0.4s;

}
#header .logo img {
	width:355px;
	height:auto;

}
#header #g_nav_open_btn {
	display: none;
}
#header #g_nav_close_btn {
	display: none;
}


#g_nav {
	background-color: #FFF7CF;
	height: 83px;
	width: 100%;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FF9E20;
}
#g_nav ul {
	height: 83px;
	width: 1033px;
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding-left: 3px;
	background-image: url(../img/g_nav_line.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: auto;
	margin-left: auto;
}



#g_nav li {
	width:103px;
}



#g_nav li a {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	height: 83px;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #74595C;
	text-align: center;
	padding-right: 3px;
	background-image: url(../img/g_nav_line.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
	transition:0.4s;
}

#g_nav li a:hover {
	background-color:rgba(255,255,255,0.7);
}
#s_nav {
	position: absolute;
	top: 19px;
	right: 305px;
	width: 380px;
	transition:0.4s;
}

@media screen and (max-width: 1050px) {
	#s_nav {
		right: 190px;
	}

}

#s_nav ul {
	width: 100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#s_nav li {
	width: 183px;
}
#s_nav li a {
	width: 100%;
	display: block;
	text-decoration: none;
	box-sizing: border-box;
	line-height: 31px;
	padding-left: 42px;
	font-size: 14px;
	padding-right: 2px;
	color: #FFF;
	background-color: #1BC6CC;
	font-weight: bold;
	position:relative;
	border-radius:5px;
}
#s_nav li a:before {
	content:"　";
	width: 33px;
	height:31px:
	display: block;
	box-sizing: border-box;
	background-color: #FF9E20;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius:5px 0 0 5px;
}
#s_nav li#s_nav_01 a:before  {
	background-image: url(../img/header_icon_01.png);
	background-size:19px auto;
}
#s_nav li#s_nav_02 a:before  {
	background-image: url(../img/header_icon_02.png);
	background-size:auto 23px;
}

#sns_link {
	position: absolute;
	top: 19px;
	right: 25px;
	height: 34px;
	width:118px;
	transition:0.4s;
}
#sns_link ul {
	width: 100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#sns_link li {
	width: 31px;
}
#sns_link li a {
	width: 100%;
	display: block;
	height: 31px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	overflow: hidden;
	position: relative;
	text-indent: -9999em;
	transition:0.4s;
}
#sns_link li.fb a {
	background-image: url(../img/header_sns_fb.png);
}
#sns_link li.tw a {
	background-image: url(../img/header_sns_tw.png);
}
#sns_link li.insta a {
	background-image: url(../img/header_sns_insta.png);
}
#sns_link li a:hover {
	opacity:0.6;
}

#header .search_box {
	position: absolute;
	top: 60px;
	right: 25px;
	height: 30px;
	width:209px;
	transition:0.4s;
}
#header .search_box:before {
	content: " ";
	display: block;
	position: absolute;
	text-indent: -9999em;
	background-image: url(../img/header_search_pc.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	height: 39px;
	width: 35px;
	left: -38px;
	top: -4px;
}
#header .search_box input.text {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 143px;
	box-sizing: border-box;
	border-radius: 15px 0 0 15px;
	border: 1px solid #E2E2E2;
	padding-left:10px;
}
#header .search_box input.btn {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 30px;
	width: 66px;
	box-sizing: border-box;
	border-radius: 0 15px 15px 0;
	background-color: #1BB4C9;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	cursor:pointer;
}



#header .text_link {
	position: absolute;
	top: 60px;
	right: 305px;
	line-height: 30px;
	font-size:15px;
}


@media screen and (max-width: 950px) {
	
	#header .logo {
		padding-bottom: 90px;
	
	}
	#s_nav {
		top: 94px;
	}
	#sns_link {
		top: 94px;
	}
	#header .search_box {
		top: 135px;
	}
	#header .text_link {
		top: 135px;
	}

}


#header .mobile_only  {
	display:none;
}


#footer {
	background-color: #F7B217;
	color: #FFF;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 25px;
}
#footer .address {
	font-size: 14px;
	display: block;
	margin-bottom: 2em;
	font-style: normal;
	line-height:20px;
}
#footer .address strong {
	font-size: 15px;
}

#footer .copyright {
	font-size: 12px;
}
#footer .logo {
	margin-top:1em;
}
#footer .logo img {
	height:45px;
	width:auto;
}


.-----PC_MOBILE_COMMON_CSS_END----- {}


/* スマートフォン用CSS */
@media screen and (max-width: 600px) {
	
.-----MOBILE_ONLY_CSS_START----- {}


body {
	font-size: 3.733vw;
	line-height: 170%;
	width: 100%;
}

img {
	max-width: 95.467vw;
	height:auto;
}
br.mobile_nowrap {
	display: none;
}
br.pc_nowrap {
	display: inline;
}
#wrapper {
	width: 100vw;
	min-width: 100vw;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
}
#header {
	width: 100vw;
	height: 23.2vw;
	background-image: none;
	position: relative;
}

#header .wrapper {
	height: 23.2vw;
	width: 100vw;
	margin: 0px;
	padding: 0px;
}

#header .logo {
	padding-top: 4vw;
	padding-left: 2.667vw;
	margin-top: 0px;
	margin-left: 0px;
}
#header .logo img {
	width: 75.467vw;
	height: auto;
}
#header #g_nav_open_btn {
	display: block;
	background-image: url(../img/sp_header_menu_btn.png);
	background-repeat: no-repeat;
	background-size: 11.73vw auto;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 23.2vw;
	width: 21.867vw;
	text-indent: -1333.2vw;
	background-position: center center;
}
#header #g_nav_close_btn {
	display: block;
	background-image: url(../img/sp_header_close_btn.png);
	background-repeat: no-repeat;
	background-size: 12.26vw auto;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 23.2vw;
	width: 21.867vw;
	text-indent: -1333.2vw;
	background-position: center center;
}



#g_nav {
	background-color: transparent;
	height: auto;
	width: 100%;
	border-top-style: none;
}
#g_nav ul {
	height: auto;
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding-left: 0;
	background-image: none;
	border-top-width: 0.267vw;
	border-top-style: solid;
	border-top-color: #FFF;
}



#g_nav li {
	width: 100%;
	border-bottom-width: 0.267vw;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}



#g_nav li a {
	display: block;
	height: 13.333vw;
	font-size: 4.267vw;
	line-height: 13.333vw;
	color: #FFF;
	padding-right: 0px;
	background-image: none;
	transition: none;
}
#g_nav li a br {
	display: none;
}

#g_nav li a:hover {
	background-color:rgba(255,255,255,0.7);
}
#s_nav {
	display:none;
}

#sns_link {
	position: static;
	height: auto;
	padding-top:5.333vw;
	padding-bottom:6.667vw;
	width:100%;
}
#sns_link ul {
	width: 100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
#sns_link li {
	width: 12.8vw;
	margin-left:1.867vw;
	margin-right:1.867vw;
}
#sns_link li a {
	height: 12.8vw;
	transition: none;
}
#sns_link li.fb a {
	background-image: url(../img/header_sns_fb.png);
}
#sns_link li.tw a {
	background-image: url(../img/header_sns_tw.png);
}
#sns_link li.insta a {
	background-image: url(../img/header_sns_insta.png);
}
#sns_link li a:hover {
	opacity:0.6;
}

#header .search_box {
	position: absolute;
	top: 25.867vw;
	right: 9.333vw;
	height: 8.533vw;
	width:81.333vw;
}
#header .search_box:before {
	content: " ";
	display: block;
	position: absolute;
	text-indent: -9999em;
	background-image: url(../img/header_search_sp.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	height: 9.333vw;
	width: 9.333vw;
	left: 0px;
	top: -0.533vw;
}
#header .search_box input.text {
	position: absolute;
	top: 0px;
	left: 9.333vw;
	height: 8vw;
	width: 50.933vw;
	box-sizing: border-box;
	border-radius: 4vw 0 0 4vw;
	border: 0.266vw solid #E2E2E2;
	padding-left:2.667vw;
	font-size:3.2vw;
}
#header .search_box input.btn {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 8vw;
	width: 21.333vw;
	box-sizing: border-box;
	border-radius: 0 4vw 4vw 0;
	background-color: #1BB4C9;
	color: #FFF;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 3.733vw;
	cursor: pointer;
	border: 0.533vw solid #FFF;
	letter-spacing:1.333vw;
	padding-left:1.333vw;
}



#header .text_link {
	display:none;
}


#menu_panel {
	display: none;
	position: absolute;
	z-index: 999999999999999;
	height: auto;
	width: 100vw;
	left: 0px;
	top: 0px;
	background-color:rgba(210,144,12,0.9);
	padding-top:36.8vw;
}



#footer {
	padding-top: 6.667vw;
	padding-bottom: 4vw;
}
#footer .address {
	font-size: 3.2vw;
	display: block;
	margin-bottom: 2em;
	font-style: normal;
	line-height:5.333vw;
}
#footer .address strong {
	font-size: 3.2vw;
}

#footer .copyright {
	font-size: 2.667vw;
}
#footer .logo {
	margin-top:1em;
}
#footer .logo img {
	height:12vw;
	width:auto;
}

.-----MOBILE_ONLY_CSS_END----- {}

	
}