@charset "utf-8";
@import url(notosansjp.css);
* {
	margin: 0;
	padding: 0;	
}
html {
	overflow-y: scroll;
}
table {
	border-collapse: collapse;
}
img {
	border: none;
	vertical-align: top;
}
.clear {
	clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 1.6;	
}

header {
	position: relative;	
}
header .headerlogo {
	position: absolute;
	top: 9px;
	left: 30px;
	width: 44px;
}
header .headerlogo img {
	width: 100%;
	height: auto;	
}

header h1 {
	text-align: center;
	font-size: 30px;
	line-height: 1.3;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 30px 0 15px;
}
header h1 a {
	color: #000;
	text-decoration: none;	
}

header h1 span.logo {
	margin-right: 10px;
}
header h1 span.logo img {
	width: 70px;
	height: auto;
	vertical-align: -0.1em;
}

p.lead {
	font-size: 14px;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	margin: 0 0 25px;
}
#global_menu {
	clear: both;
	height: 60px;
	border-bottom: 1px solid #CCC;
}
#global_menu ul {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height: 60px;
}
#global_menu li {
	list-style: none;
	width: 20%;
	width: calc(20% - 10px);
	margin: 0 5px;
	text-align: center;
	float: left;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#global_menu li a {
	display: block;
	text-decoration: none;
	color: #000;
	height: 60px;
	line-height: 60px;
	transition: all 0.5s;
	text-align: center;
	box-sizing: border-box;
}
#global_menu li.current {
	font-weight: 600;
}

span.menu_bar,
span.current_bar {
    background: #000;
    height: 4px;
    display: block;
    position: absolute;
    width: 50px;
	bottom: 0;
    left:0;
	transition: all 0.2s;
}




div.search_area {
	clear: both;
}
div.search_area .inner {
	width: 1000px;
	margin: 0 auto;	
}
div.submenu {
	clear: both;
	padding: 20px 0;
	background: #FFF;
}

div.submenu ul {
	width: 1000px;
	margin: 0 auto;
}
div.submenu li {
	list-style: none;
	float: left;
	margin: 0 50px 0 0;
}
div.submenu li a {
	color: #000;
	text-decoration: underline;	
}

div.submenu li.osusume {
	padding-left: 25px;
	background: url(../png/icon_star.png) no-repeat left center;
	background-size: 16px;	
}
div.submenu li.pro {
	padding-left: 25px;
	background: url(../png/icon_cook.png) no-repeat left center;
	background-size: 16px;	
}

ul.submenu li a {
	color: #000;
	text-decoration: underline;	
}

.wrap {
	width: 1200px;
	margin: 0 auto
}
h2 {
	font-size: 22px;
	font-weight: 600;
	clear: both;
	margin: 0 0 40px;
}
h2 img {
	vertical-align: middle;
	margin-right: 15px;	
}
table.top_view {
	margin-bottom: 60px;
	width: 100%;	
}
.top_view td h3 {
	font-size: 22px;
	font-weight: 600;
	clear: both;
	margin: 0 0 40px;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}
.top_view h3 span {
	border-bottom: 4px solid #000;
	padding-bottom: 10px;
}
.top_view h3 strong {
	margin-left: 20px;
}
.top_view th, 
.top_view td {
	vertical-align: top;
	padding-bottom: 50px;
	text-align: left;
}
.top_view th {
	padding-right: 80px;
	width: 1%;
	white-space: nowrap;
}
.top_view th img {
	width: 300px;
	height: auto;
	border-radius: 4px;
}

.top_view td ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.top_view td li {
	list-style: none;
	float: left;
	margin: 0 0 20px;
	font-size: 16px;
	width: 33%;
	box-sizing: border-box;
	padding-left: 15px;
	background: url(../png/arow.png) no-repeat 0 center;
}
.top_view td li a {
	color: #000;
	text-decoration: none;	
}
.top_view td li a:hover {
	color: #000;
	text-decoration: underline;	
}

.contents {
	background: #FBFAF1;
	padding: 40px 0;
}
.contents div.inner {
	width: 1000px;
	margin: 0 auto
}



.footer_wrap {
	padding-top: 40px;
	width: 1100px;
	margin: 40px auto 0
}
div.col {
	width: 20%;
	float: left;
	box-sizing: border-box;
	padding: 0 10px 20px;
}

div.col ul {
	margin-bottom: 20px;
	padding: 0;
}
.contents:after,
div.col:after,
div.col ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
div.col li {
	list-style: none;
	float: left;
	width: 50%;
	float: none;
	width: auto;
	font-size: 13px;
	margin: 0 0 8px;
}
div.col li a {
	color: #000;
	text-decoration: none;	
}
div.col li a:hover {
	color: #000;
	text-decoration: underline;	
}


.clear {
	clear: both;	
}

div.col h6,
div.col h4,
div.col h5 {
	clear: both;	
}
div.col h5 {
	font-size: 16px;
	font-weight: 600;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 20px;
}
div.col h5 img {
	width: 26px;
	height: auto;
	margin-right: 10px;
	vertical-align: middle;
}
div.col h6 {
	font-size: 15px;
	font-weight: 500;
	margin: 20px 0 10px;
	cursor: pointer
}
div.col h6.open {
	font-weight: 700;
}

div.col h6:before {
	content: " \f0d7";
	font-family: FontAwesome;
	margin-right: 5px;
	transition: all 0.3s;
}
div.col h6.open:before {
	content: " \f0d8";
	font-family: FontAwesome;
	margin-right: 5px;
	transition: all 0.3s;
}

footer {
	clear: both;
	text-align: center;
	padding: 40px 0;
}
footer ul {
	height: 50px;	
}

footer ul li {
	list-style: none;
	font-size: 13px;
	display: inline;
}
footer ul li a {
	padding: 0 10px;
	border-right: 1px solid #CCC;
	color: #000;
	text-decoration: none;	
}
footer ul li:last-child a {
	border: none;	
}
footer p.copyright {
	font-size: 13px;
	text-align: center;	
}


.search_area {
	background: #FBFAF1;
	padding: 20px 0;
}

input[type="text"],
select {
	padding: 0 10px;
	border: 1px solid #999;
	box-sizing: border-box;
	width: 260px;
	font-size: 16px;
	border-radius: 4px;
	height: 50px;
	line-height: 50px;
	background: #FFF;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #FFF;
	position: relative;
}
.fill_input label,
.fill_select label {
	position: relative;	
}
.fill_input label:after,
.fill_select label:after {
	display: block;
	content: " \f0dd";
	font-family: FontAwesome;
	position: absolute;
	top: -5px;
	right: 10px;
	pointer-events: none;
}
_::-webkit-full-page-media, _:future, :root .fill_input label:after,
_::-webkit-full-page-media, _:future, :root .fill_select label:after {
	top: -10px;
}
div.fill_input {
	display: inline-block;
	position: relative;
}

input.done {
	font-weight: bold;
	padding-left: 35px;
	border-width: 2px;
}
select.done {
	font-weight: bold;
	text-indent: 20px;
	border-width: 2px;
}

div.fill_input span.done {
	position: absolute;
	top: 12px;
	left: 10px;
	font-size: 20px;
	color: #CCC;
}



select optgroup {
	font-size: normal;
}

select option {
	font-size: 16px;	
}
:checked {
	font-weight: bold;
	background: #EDEDED;
}
span.plus {
	font-size: 26px;
	font-weight: bold;
	margin: 0 5px;	
}
div.kensaku {
	float: right;
	height: 48px;
	line-height: 48px;
	background: #1E1C11;
	color: #FFF;
	box-sizing: border-box;
	width: 110px;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
}