@charset "utf-8";
/* CSS Document */

body,header,footer{width:100%; list-style:none;margin:0;}
ul{padding:0;}
dt{margin:15px 0;}
nav{background-color:#F0F5F9; margin:5px 0 10px 0; border-top:solid 2px #D9E0E6; border-bottom:solid 2px #D9E0E6;}
nav ul{display:flex;max-width:980px; margin:auto; font-family: 'Kosugi Maru', sans-serif;}
nav li{position: relative; flex:1; list-style:none; text-align:center; padding:10px 0; }
nav li a{font-size:1.15em;color:#0756a9; text-decoration: none; font-weight:600; letter-spacing:0.05em;}
#gnav-04 a{letter-spacing:-0.1em;}
nav li a:hover{color:#1080DF;}
nav li::before{content: ' '; background-image:url("../img/common/dotline.png");width:1px;height: 30px;position: absolute; left:0;transform: translateX(-50%);display: inline-block;-webkit-transform: translateX(-50%);}
nav li:last-child::after{content: ' '; background-image:url("../img/common/dotline.png");width:1px;height: 30px;position: absolute; right:0;transform: translateX(50%);display: inline-block;-webkit-transform: translateX(50%);}
#gnav-01,
#gnav-02,
#gnav-03,
#gnav-04,
#gnav-05{display: flex;justify-content: center;align-items: center;}
#gnav-01 a,
#gnav-02 a,
#gnav-03 a,
#gnav-04 a,
#gnav-05 a{display: block;width:100%;height:100%; vertical-align:middle;position:relative;top:75%;left:30%;transform:translate(-50%,-50%);}
#gnav-04 img,
#gnav-05 img{width:30px; margin:0 10px 0 15px;}
#gnav-01 img{width:30px; margin:0 10px 0 20px;}
#gnav-02 img{width:35px; margin:0 10px 0 20px;}
#gnav-03 img{width:25px; margin:0 10px 0 20px;}
.menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #3584bb;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #3584bb;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
.menu-content-tel{text-align: center;margin:50px 0 0 0 ;}
.menu-content-tel a{color:#fff;}

main{max-width:980px;min-height:500px;margin:auto;}
img{width:100%;}
header img{width:auto; max-width:100%;}
#header_inner{display:flex; max-width:980px; margin:15px auto 0 auto; padding:10px;}
#header_left{flex:2;}
#header_right{flex:1; text-align:right;}
#header_left p{margin:0;}
.description_section_inner{display:flex;}
.description_section_inner_flexbox{flex:1; margin:10px 8px;}
.description_section_inner_flexbox p{font-size:0.9em; line-height:180%;font-feature-settings: "palt";}
.contact_section img{width:auto; max-width:100%;}
.contact_num{display:flex; color:#035485; background-color:#D4E1F3; border-top:solid 5px #0283FC; padding:15px; margin:0 0 25px 0;}
.contact_num p{font-size:1.1em; font-weight:bold;}
.contact_num_inner{width:auto;display:flex;justify-content: center;align-items: center; margin:0 0 0 15px;}
footer{background-color:#3390E7;}
.footer_inner{display:flex;color:#fff; font-size:0.9em; max-width:980px; margin:auto; text-align:left;}
.footer_inner_left{flex:2;padding:20px; font-size:1.0em;}
.footer_inner_left img{width:auto;}
.footer_inner_left a{color:#fff; margin: 0 15px 0 0;}
.footer_inner_left a:hover{color:rgba(255,255,255,0.75);}
.footer_inner_right{flex:1;padding:10px;}
.copyright{background-color:#0263FB; padding:15px auto;}
.copyright_inner{color:#fff; font-size:0.8em; max-width:980px; margin:15px auto 0; text-align:center;}
.copyright_inner p{margin: 0; padding:10px 0 10px 0;}
.no_unauthorized_reproduction{background-color:#fff; color:#222; text-align: center; font-weight:bold; padding:10px 0;}

.hamburger-menu{display:none;}
/*-------------------------------------------------------------
フェカリン
-------------------------------------------------------------*/
.pc { display: block; }
.sp { display: none; }

img.pc {
	width:100%;
}

#main_contents {
	max-width:1080px;
	min-width:600px;
}
#contents80 {
	width:80%;
	min-width:600px;
	margin:auto;
}
#contents60 {
	width:60%;
	min-width:600px;
	margin:auto;
	padding:50px 0;
}
.wrapper {
}
.box {
	padding-bottom:50px;
}
.col {
	width:50% !important;
	float:left;
}
.p-fekalin1 {
	color:#706066;
	line-height:1.6;
	font-size:1em;
	text-align:center;
}
.p-fekalin2 {
	color:#706066;
	line-height:1.3;
	font-size:1.1em;
	text-align:left;
	margin:20px 0 10px;
}
/*食品表示*/
.food_label {
	width:100%;
	margin:50px 0;
}
.food_label th {
	width:20%;
	color:#fff;
	background:#706066;
	text-align:center;
	padding:5px 0;
	border:3px solid #fff;
}
.food_label td {
	width:80%;
	color:#706066;
	padding:5px 0;
	border:3px solid #fff;
}
/*栄養成分表示*/
.nutrition {
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
.nutrition tr:first-of-type {
	border-bottom:solid #706066;
}
.nutrition th, .nutrition td {
	color:#706066;
	text-align:center;
	border:1px solid #706066;
	border-left:solid #706066;
	padding:8px;
}
.nutrition th:first-of-type, .nutrition td:first-of-type {
	border-left:1px solid #706066;
}

@media only screen and (max-width:900px) {
	nav li a{font-size:1em;}
	#gnav-04 img,
	#gnav-05 img{width:20px; margin:0 10px 0 15px;}
	#gnav-01 img{width:20px; margin:0 10px 0 20px;}
	#gnav-02 img{width:25px; margin:0 10px 0 20px;}
	#gnav-03 img{width:15px; margin:0 10px 0 20px;}
}

@media only screen and (max-width:768px) {
	nav li a{font-size:0.9em;}
	.pc { display: none; }
	.sp { display: block; }
	img.sp {
		width:100%;
	}
	#main_contents {
		max-width:100%;
	}
	#contents80 {
		width:80%;
		min-width:auto;
		padding:auto 0;
	}
	#contents60 {
		width:80%;
		min-width:auto;
		padding:auto 0;
	}
	.food_label th {
		display:block;
		width:100%;
	}
	.food_label td {
		display:block;
		width:100%;
	}
}

@media only screen and (max-width:600px) {
	.hamburger-menu{display:block;}
	nav {display:none;}
	main{padding:0 15px;}
	.description_section_inner{display:block;}
	#header_inner{display:block; max-width:100%;}
	.contact_num{display:block;}
	.contact_num_inner{margin:0 0 0 0;}
	.footer_inner{display:block;}
}