@charset "utf-8";


/* Other
----------------------------------------*/
.txt_center {
	text-align: center;
}
.txt_left {
	text-align: left;
}
.txt_right {
	text-align: right;
}
.txt_bold {
	font-weight: bold;
}
.clear_b {
	clear: both;
}
.small {
	font-size: 10px;
}

/*==============================================================================
  Basic Layout
================================================================================*/
#gohanjiten {
	margin: 0 auto;
	background: url(../../images/gohanjiten/common/bg_body.png) center top repeat-y;
}
#wrapper {
	width: 900px;
	margin: 0 auto;
}

/*==============================================================================
  Menu
================================================================================*/
#gohanjiten_menu ul {
	margin-left: 16px;
}
#gohanjiten_menu ul li {
	float: left;
}
/*==============================================================================
  Contents
================================================================================*/
#gohanjiten_contents h3 {
	clear: both;
	margin-bottom: 25px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}
#gohanjiten_contents h4 {
	margin-bottom: 5px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
#gohanjiten_contents p.intro {
	margin-bottom: 25px;
	font-size: 14px;
}
#gohanjiten_contents hr {
	clear: left;
	height: 4px;
	border: 0;
	background: url(../../images/gohanjiten/common/dotline.jpg) left top no-repeat;
	margin-bottom: 38px;
}
/* IE7 */
#gohanjiten_contents hr {
   /display: list-item;
   /width: 0;
   /list-style: url(../../images/gohanjiten/common/dotline.jpg) inside;
}
#gohanjiten_contents p.txt {
	margin-bottom: 30px;
	font-size: 14px;
}
p.search_link a {
	color: #ef7c39;
}
p.search_link.mb5px {
	margin-bottom: 5px;
}

/*==============================================================================
  Clearfix
================================================================================*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

form { clear:both; margin:0px; padding:0px;}
fieldset { clear:both; margin:0px; padding:0px; height:0px;}



form#search11,
form#search12,
form#search13,
form#search14,
form#search15{ margin:0px 0px 0px 0px !important;}


@media screen and (min-width: 641px), print {

#wrapper {
	position: relative;
}

#social_btn {
	position: absolute;
	top: 20px;
	right: 0px;
}

#fb_btn {
	vertical-align: top;
	display: inline-block;
}

#nav_btn {
	display: none;
}

#header_sp {
	display: none;
}

#sp_txt {
	display: none;
}

#gohanjiten_menu_sp {
	display: none;
}

#gohanjiten_contents {
	clear: left;
	width: 800px;
	padding: 0 20px 100px 80px;
	background: url(../../images/gohanjiten/common/bg_mid.jpg) left top repeat-y;
	position: relative;
}

#gohanjiten_contents h2 {
	margin-bottom: 40px;
}

#sp_content_top {
	display: none;
}

#h2_sp {
	display: none;
}

#tape {
	display: none;
}

#index01_sp {
	display: none;
}

a.underline, a.underline:link, a.underline:visited {
	text-decoration: underline;
	color: #000000;
}

div.illust_area {
	padding-left: 55px;
	padding-right: 40px;
	/margin-bottom: 70px; /*IE7*/
}

div.illust_area p.illust {
	float: left;
	width: 345px;
	margin-bottom: 70px;
}

#index02_sp, #index03_sp, #index04_sp {
	display: none;
}

div.illust_area p.page_top {
	float: right;
	width: 255px;
	height: 52px;
	margin-top: 70px;
	padding-top: 17px;
	text-align: center;
	font-size: 14px;
	background: url(../../images/gohanjiten/common/bg_pagetop.jpg) left top no-repeat;
}
div.page_top p {
	float: right;
	width: 255px;
	height: 52px;
	margin-top: 30px;
	margin-bottom: 50px;
	padding-top: 17px;
	padding-right: 40px;
	text-align: center;
	font-size: 14px;
	background: url(../../images/gohanjiten/common/bg_pagetop.jpg) left top no-repeat;
}

div.profile_area {
	clear: both;
	margin-bottom: 50px;
	padding-bottom: 19px;
	background: url(../../images/gohanjiten/common/bg_profile_btm.gif) left bottom no-repeat;
}
div.profile_area p {
	padding: 20px 20px 10px 20px;
	border: #484848 solid 2px;
	border-bottom: none;
}

table#next_page {
	display: none;
}

p#next_page {
	text-align: center;
	font-size: 16px;
}
p#next_page img {
	margin-right: 7px;
	vertical-align: middle;
}
p#next_page a {
	vertical-align: middle;
}

#sp_content_bottom {
	padding-bottom: 30px;
}

p.search_link {
	margin-bottom: 30px;
	padding-left: 20px;
	float: right;
	color: #ef7c39;
	background: url(../../images/gohanjiten/common/search_link.gif) left center no-repeat;
}


form#search1 p,
form#search2 p,
form#search3 p,
form#search4 p,
form#search5 p,
form#search6 p,
form#search7 p,
form#search8 p,
form#search9 p,
form#search10 p{margin:0px 0px 3px 0px !important;}


#bottom_nav {
	position: absolute;
	bottom: 0;
	left: 15px;
}

#bottom_nav li {
	float: left;
}

#bottom_nav span {
	display: none;
}

#bottom_nav li a:hover img {
	margin-top: -3px;
}



}



@media screen and (max-width: 640px) {

#wrapper {
	position: relative;
}

#social_btn {
	position: absolute;
	top: 10px;
	left: 5px;
}

#fb_btn {
	vertical-align: top;
	display: inline-block;
}

#header {
	width: 100%;
	padding-bottom: 10px;
	height: inherit !important;
}

#header .seo {
	float: none !important;
}

#h_logo {
	display: block;
	position: static !important;
}

#h_logo img {
	width: 30%;
}

#g_navi, #search_google, #assist-nav {
	display: none;
}


#gohanjiten, #wrapper {
	width: 100%;
}

#gohanjiten {
	background: url(../../images/gohanjiten/common/bg.png) repeat-y;
	background-size: 100%;
}

#gohanjiten_contents h2 {
	margin-bottom: 40px;
	font-size: 18px;
	font-weight: bold;
}

#header_pc {
	display: none;
}

#header_sp {
	padding-top: 10px;
	margin-bottom: 10px;
}

#header_sp img {
	width: 100%;
}

#sp_txt {
	text-align: center;
	margin-bottom: 10px;
}

#sp_txt span {
	font-size: 16px;
	font-weight: bold;
}

#gohanjiten_menu {
	display: none;
}



#gohanjiten_menu_sp{
    display:none;
    width:100%;
    position: fixed;
    z-index:999;
    top: 85px;
    left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #333;
    background: url(images/menu.png); 
    background-size: 120px 120px;
	margin-bottom: 20px;
}
	#gohanjiten_menu_sp ul {
	}
#gohanjiten_menu_sp ul li{
    text-align: center;
    }
#gohanjiten_menu_sp ul li:first-child{ border-top:none; }
#gohanjiten_menu_sp ul li:last-child{ border-bottom:none; }


#gohanjiten_menu_sp li a {
	padding: 10px 30px 10px 10px;
	display: block;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

#gohanjiten_menu_sp_01 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
	color:#E47316;
}

#gohanjiten_menu_sp_02 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
	color:#45AB76;
}

#gohanjiten_menu_sp_03 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
	color:#EA48B6;
}

#gohanjiten_menu_sp_04 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
	color:#836FF7;
}

#gohanjiten_menu_sp_05 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
	color:#47B1E4;
}

#gohanjiten_menu_sp_06 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
	color:#ECB931;
}

#gohanjiten_menu_sp_07 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
	color:#328F9A;
}


#gohanjiten_menu_sp_01 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #edbb4f !important;
	background-size: 30px;
	color: #fff;
}

#gohanjiten_menu_sp_02 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #a8d4ad !important;
	background-size: 30px;
	color: #fff;
}

#gohanjiten_menu_sp_03 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #ffbde9 !important;
	background-size: 30px;
	color: #fff;
}

#gohanjiten_menu_sp_04 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #ccccff !important;
	background-size: 30px;
	color: #fff;
}

#gohanjiten_menu_sp_05 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #9ddbfe !important;
	background-size: 30px;
	color: #fff; 
}

#gohanjiten_menu_sp_06 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #f7f2a1 !important;
	background-size: 30px;
	color: #fff;
}

#gohanjiten_menu_sp_07 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #80bfbe !important;
	background-size: 30px;
	color: #fff;
}



.close_gohanjiten {
	padding: 10px 20px 10px 10px;
	display: block;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	cursor: pointer;
	color: #a71d37;
}

.close_gohanjiten span {
	color: #fff;
	background-color: #a71d37;
	padding: 3px;
	margin-right: 5px;
}

#gohanjiten_contents {
	background-color: #fff;
	width: 95%;
	margin: 0 auto;
}

#sp_content_top {
	display: block;
	margin: 0 auto;
	width: 95%;
	margin-top: 10px;
}

#sp_content_bottom {
	display: block;
	margin: 0 auto;
	width: 95%;
	padding-bottom: 20px;
}

#sp_content_top img {
	width: 100%;
	vertical-align: bottom;
}

#sp_content_bottom img {
	width: 100%;
	vertical-align: top;
}


#h2_pc {
	display: none;
}

#h2_sp {
	margin: 0 auto;
	width: 85%;
	border-bottom: 2px solid #F90;
}

h3, .intro {
	width: 85%;
	margin: 20px auto 0;
}

#index {
	position: relative;
}


#index01_pc {
	display: none;
}

#index01_sp {
	margin: 0 auto;
	width: 85%;
	border-bottom: 2px solid #ae3345;
}

.txt, h4 {
	width: 85%;
	margin: 0 auto;
}

a.underline {
	text-decoration: none;
	color: #fff;
	padding: 10px;
	display: block;
}

a.shokuji_link {
	color: #F30;
	font-weight: bold;
	text-decoration: underline;
}

div.illust_area {
	width: 85%;
	margin: 0 auto;
}

.illust img {
	width: 100%;
}

#index02_pc, #index03_pc, #index04_pc, #index05_pc, #index06_pc, #index07_pc {
	display: none;
}

#index02_sp, #index03_sp, #index04_sp, #index05_sp, #index06_sp, #index07_sp {
	margin: 0 auto;
	width: 85%;
	border-bottom: 2px solid #ae3345;
}

h4 {
	border-bottom: 1px solid #ccc;
}

div.illust_area p.page_top {
	float: right;
	width: 255px;
	height: 52px;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 17px;
	text-align: center;
	font-size: 14px;
	background: url(../../images/gohanjiten/common/bg_pagetop.jpg) left top no-repeat;
}

div.page_top p {
	float: right;
	width: 255px;
	height: 52px;
	margin-top: 10px;
	margin-bottom: 50px;
	padding-top: 17px;
	text-align: center;
	font-size: 14px;
	background: url(../../images/gohanjiten/common/bg_pagetop.jpg) left top no-repeat;
}

div.profile_area {
	clear: both;
	width: 82%;
	margin: 0 auto;
	background: url(../../images/gohanjiten/common/bg_profile_btm.gif) left bottom no-repeat;
}
div.profile_area p {
	padding: 20px 20px 10px 20px;
	border: #484848 solid 2px;
	border-bottom: none;
}

p#next_page {
	display: none;
}

table#next_page {
	
	font-size: 16px;
	width: 85%;
	vertical-align: middle;
	margin: 0 auto;
	background-color: #fff;
	margin-top: 20px;
}

table#next_page a {

}

table#next_page img {
	vertical-align: middle;
	margin-right: 10px;
}


.txt_right {
	margin-right: 20px;
}

#nav_btn {
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	cursor: pointer;
}

#nav_btn img {
	width: 35%;
}

#footer {
	width: auto !important;
}


#optionNavi {
	margin-top: 20px;
}

#tape {
	position: absolute;
	width: 40%;
	left: 30%;
	top: -7%;
}

p.search_link {
	width: 85%;
	color: #ef7c39;
	font-size: 14px;
	display: block;
	margin: 0 auto 10px;
}


p.search_link a {
	display: block;
	padding: 0.5em;
	text-indent: 30px;
	margin: 0 auto;
	border: 1px solid #ef7c39;
	font-weight: bold;
	background: url(../../images/gohanjiten/common/search_icon.png) 5% center no-repeat, #FFA346;
	background-size: 20px;
	color: #fff;
}

#search21, #search22 {
	display: none;
}

ul.page_list {
	margin-bottom: 30px;
}



#bottom_nav img {
	display: none;
}

#bottom_nav{
    width:100%;
    z-index:999;
    top: 0px;
    left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #333;
    background: url(images/menu.png);
    background-size: 120px 120px;
	margin-top: 30px;
}
#bottom_nav ul li{
    text-align: center;
    }
#bottom_nav ul li:first-child{ border-top:none; }
#bottom_nav ul li:last-child{ border-bottom:none; }


#bottom_nav li a {
	padding: 15px 30px 15px 30px;
	display: block;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

	#bottom_nav li a span {
		font-weight: bold;
	}
	
#bottom_nav_01 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
}
	
#bottom_nav_01 a span {
	color:#E47316;
}

#bottom_nav_02 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
}

#bottom_nav_02 a span {
	color:#45AB76;
}

#bottom_nav_03 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
}

#bottom_nav_03 a span {
	color:#EA48B6;
}

#bottom_nav_04 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
}

#bottom_nav_04 a span {
	color:#836FF7;
}

#bottom_nav_05 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
}

#bottom_nav_05 a span {
	color:#47B1E4;
}

#bottom_nav_06 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
}

#bottom_nav_06 a span {
	color:#ECB931;
}

#bottom_nav_07 a {
	background: url(../../images/gohanjiten/common/sp_nav_icon.png) right center no-repeat, #fff !important;
	background-size: 30px;
}

#bottom_nav_07 a span {
	color:#328F9A;
}



#bottom_nav_01 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #edbb4f !important;
	background-size: 30px;
}

#bottom_nav_02 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #a8d4ad !important;
	background-size: 30px;
}

#bottom_nav_03 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #ffbde9 !important;
	background-size: 30px;
}

#bottom_nav_04 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #ccccff !important;
	background-size: 30px;
}

#bottom_nav_05 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #9ddbfe !important;
	background-size: 30px;
}

#bottom_nav_06 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #f7f2a1 !important;
	background-size: 30px;
}

#bottom_nav_07 a:hover {
	background: url(../../images/gohanjiten/common/sp_nav_icon_on.png) right center no-repeat, #80bfbe !important;
	background-size: 30px;
}

#bottom_nav_01 a:hover span, #bottom_nav_02 a:hover span, #bottom_nav_03 a:hover span, #bottom_nav_04 a:hover span, #bottom_nav_05 a:hover span, #bottom_nav_06 a:hover span, #bottom_nav_07 a:hover span {
	color: #fff;
}

}

table.calory { display:inline-table; text-align:center;}

table.calory,
table.calory th,
table.calory tr,
table.calory td{
	border-collapse: collapse;
	border: 1px solid #C5C5C5;
}

/*table.calory th{ padding:10px 30px !important;}*/
table.calory td{ padding:10px !important;}

table.calory { font-weight:normal !important; margin-bottom:15px;}


.product_link a {
	width: 700px;
	margin: 30px auto 50px auto;
	border: 2px solid #cfcfcf;
	box-sizing:border-box;
	display:block;
	border-radius:10px;
	padding:10px;
	background-color:#FFF;
	box-shadow: 3px 3px #ffd5d9;
	animation-name: animated;
	animation-duration: 1s;
}

.product_link a:hover {box-shadow: 0px 0px;}

.product_link a .inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

.product_link a .inner .images { width:80px; height:80px; text-align:center;
display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;}

.product_link a .images img { width:80%; margin:auto;}
.product_link a .images.vt img { width:100%;}

.product_link a .inner dl { margin-left:12px;}
.product_link a .inner dt { font-size:20px; color:#f60017; margin-bottom:1px; font-weight:bold;}
.product_link a .inner dd { font-size:16px;}

.detail {
	margin-left: auto;
	background-color: #f60017;
	color:#FFF;
	padding:10px 20px;
	border-radius:30px;
	font-size:14px;
}

@media (max-width: 640px) {
.product_link a {
	width: 90%;
	padding:20px;
}
.product_link a .inner{
	display: block;
}
.product_link a .inner .images { width:50%; height:auto; text-align:center; margin:0px auto 15px auto;}
.product_link a .inner dl { margin-left:0px;}
.product_link a .inner dt { font-size:18px; margin-bottom:5px;}
.product_link a .inner dd { font-size:14px; margin-bottom:10px;}

.detail {
	font-size:12px;
	text-align:center;
}

}

h1 { font-size:14px; text-align:center; margin-top:35px; margin-bottom:-30px;}

@media (max-width: 750px) {
h1 { font-size:12px;}
}