@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
*  商品情報 top
* --------------------------------------------------------------------------------------------------*/
.top .home .itemName {
	color: #d1a500;
}
.top .business .itemName {
	color: #b30029;
}
.top .home {
	margin-bottom: 30px;
}

@media screen and (max-width:768px) {
	.top .home, .top .business{
		margin: 15px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  商品情報一覧 sauce
* --------------------------------------------------------------------------------------------------*/
.sauce li p:first-child {
	width: 95px;
	height: 105px;
}

@media screen and (max-width:768px) {
	.sauce{
		margin: 15px;
	}
	.sauce li p:first-child {
		width: auto;
		height: auto;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  商品情報詳細 shousai
* --------------------------------------------------------------------------------------------------*/
.s_shousai .image,
.s_shousai .text .characteristic,
.s_shousai .text .freeArea {
	border-radius: 5px;
	border: solid 1px #969696;
	background: #fff;
}
.s_shousai .image {
	width: 360px;
	padding: 10px;
	position: relative;
}
.s_shousahousai .reference ul li:nth-child(4n) {
	margin-right: 0;
}
.s_shousai .image {
	width: 360px;
	padding: 10px;
	position: relative;
}
.s_shousai .image.iconNew:before {
	top: 3px;
	left: 3px;
}
.s_shousai .text {
	width: 360px;
}
.s_shousai .text .characteristic {
	min-height: 300px;
	margin-bottom: 25px;
}
.s_shousai .text .characteristic h2 {
	padding: 10px 15px 6px;
}
.s_shousai .text .characteristic div {
	line-height: 1.9;
	padding: 13px 15px;
	border-top: solid 1px #c63f5f;
}
.s_shousai .text .freeArea {
    letter-spacing: -0.03em;
}
.s_shousai .text .freeArea a {
	display: block;
	padding: 17px 15px 16px;
	background: url(../common/img/ico_arrow02.png) no-repeat center right 25px;
}
.s_shousai .detail {
	margin-top: 25px;
	border-radius: 5px;
	background: #fff;
}
.s_shousai .detail .ttlStyle05 {
	padding: 7px 15px 5px;
}
.s_shousai .detail dl {
	display: table;
	width: 100%;
}
.s_shousai .detail dl:nth-of-type(odd) {
	background: #f4f5f5;
}
.s_shousai .detail dl dt,
.s_shousai .detail dl dd {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
.s_shousai .detail dl dt {
	padding: 7px 15px 6px;
}
.s_shousai .detail dl dd {
	padding: 7px 15px 6px;
}
.s_shousai .detail + p {
	line-height: 1.7;
	text-indent: -1em;
	padding-left: 1em;
	margin: 15px 0 60px;
}
.s_shousai .reference .ttlStyle01 {
	font-size: 18px;
	padding: 0 0 15px;
	margin-bottom: 20px;
}
.s_shousai .reference ul li {
	width: 175px;
	float: left;
	margin: 0 15px 15px 0;
	border-radius: 5px;
	border: solid 1px #969696;
	background: #fff;
}
.s_shousai .reference ul li:nth-child(4n) {
	margin-right: 0;
}
.s_shousai .reference ul li a {
	display: block;
	min-height: 175px;
	text-align: center;
	color: #c63f5f;
	line-height: 1.3;
	padding: 10px 0 0 0;
}

@media screen and (max-width:768px) {
	.product{
		margin: 15px;
	}
	.s_shousai .image,
	.s_shousai .text {
		width: auto;
		float: none;
	}
	.s_shousai .text .characteristic {
		min-height: 0;
		margin: 20px 0;
	}
	.s_shousai .text .characteristic h2 {
		padding: 7px 3%;
	}
	.s_shousai .text .characteristic div {
		padding: 3%;
	}
	.s_shousai .text .freeArea a {
		padding: 3%;
		background: url(../common/img/ico_arrow02.png) no-repeat center right 3%;
		background-size: 6px auto;
	}
	.s_shousai .detail {
		margin-top: 20px;
	}
	.s_shousai .detail .ttlStyle05 {
		padding: 7px 3%;
	}
	.s_shousai .detail dl {
		display: table;
		width: 100%;
		border-top: solid 1px #ccc;
	}
	.s_shousai .detail dl:nth-of-type(odd) {
		background: none;
	}
	.s_shousai .detail dl dt,
	 .s_shousai .detail dl dd {
		display: block;
		width: 100%;
	}
	.s_shousai .detail dl dt {
		padding: 12px 3% 10px;
		background: #f4f5f5;
	}
	.s_shousai .detail dl dd {
		padding: 12px 3% 10px;
	}
	.s_shousai .detail + p {
		font-size: 11px;
		margin-bottom: 30px;
	}
	.s_shousai .reference .ttlStyle01 {
		font-size: 16px;
		padding-bottom: 10px;
	}
	.s_shousai .reference ul li:nth-child(1n+0) {
		width: 48.5%;
		margin: 0 3% 3% 0;
	}
	.s_shousai .reference ul li:nth-child(even) {
		margin-right: 0;
	}
	.s_shousai .reference ul li a {
		min-height: 0;
		padding: 10px;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  レシピ 商品から選ぶ
* --------------------------------------------------------------------------------------------------*/
.r_choose_detail .ttlStyle07 {
	padding-top: 0;
	margin-bottom: 20px;
}

@media screen and (max-width:768px) {
	.r_choose_detail .boxStyle01 {
		padding: 0;
		margin: 0;
		border: none;
		background: none;
	}
	.r_choose_detail .ttlStyle07 {
		margin: 0 0 20px;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  レシピ一覧
* --------------------------------------------------------------------------------------------------*/
.r_list .catList ul {
	padding: 0 50px;
}
.r_list .catList ul li {
	width: 50%;
	float: left;
	margin-top: 1em;
}
.r_list .catList ul li:nth-child(-n+2) {
	margin-top: 0;
}
.r_list .catList ul li a {
	display: inline-block;
	font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif;
	font-size: 16px;
	padding-left: 23px;
	position: relative;
}
.r_list .catList ul li a:before {
	position: absolute;
	top: 3px;
	left: 0;
	content: "";
	width: 16px;
	height: 16px;
	background: url(../common/img/ico_arrow05.png) no-repeat top left;
	background-size: 100% auto;
}
.r_list .catList ul li.new a:after {
	color: #e97154;
	content: "NEW";
	margin-left: 0.5em;
}

@media screen and (max-width:768px) {
	.r_list .catList ul {
		padding: 0;
	}
	.r_list .catList ul li:nth-child(1n+0) {
		width: auto;
		float: none;
		margin-top: 1em;
	}
	.r_list .catList ul li:first-child {
		margin-top: 0;
	}
	.r_list .catList ul li a {
		font-size: 14px;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  レシピ詳細
* --------------------------------------------------------------------------------------------------*/
.r_shousai .ttlStyle02 + .catchPhrase {
	text-align: center;
	color: #c63f5f;
	font-size: 16px;
	margin: -15px 0 25px;
}
.r_shousai .recipeArea .fL {
	width: 500px;
}
.r_shousai .recipeArea .fR {
	width: 220px;
}
.r_shousai .recipeArea > div > div {
	border-radius: 5px;
	border: solid 1px #969696;
	background: #fff;
	overflow: hidden;
}
.r_shousai .recipeArea > div > div:nth-child(2) {
	margin: 30px 0 25px;
}
.r_shousai .recipeArea .fL .recipeBox01 {
	position: relative;
	border: none;
	border-radius: 0;
}
.r_shousai .recipeArea .fL .recipeBox02 {
	padding: 32px 0 5px;
}
.r_shousai .recipeArea .fL .recipeBox02 .image {
	margin-bottom: 30px;
}
.r_shousai .recipeArea .fL .material .ttlStyle05 {
	padding: 7px 5px 5px;
}
.r_shousai .recipeArea .fL .material .calorie_time{
	color:#82624f;
	padding: 0 1em 0.5em;
}
.r_shousai .recipeArea .fL .material dl {
	display: table;
	width: 100%;
}
.r_shousai .recipeArea .fL .material dl:nth-of-type(odd) {
	background: #f4f5f5;
}
.r_shousai .recipeArea .fL .material .dl01{
	padding-left: 1em;
}
.r_shousai .recipeArea .fL .material dl dt,
.r_shousai .recipeArea .fL .material dl dd {
	display: table-cell;
	vertical-align: middle;
}
.r_shousai .recipeArea .fL .material dl dt {
	width: 50%;
	padding: 7px 1em 5px 1em;
}
.r_shousai .recipeArea .fL .material dl dd {
	width: 50%;
	padding: 7px 10px 5px 0;
}
.r_shousai .recipeArea .fL .method {
	padding: 7px 15px 15px;
}
.r_shousai .recipeArea .fL .method p {
	padding-bottom: 5px;
}
.r_shousai .recipeArea .fL .method ol li {
	line-height: 1.93;
	text-indent: -1.4em;
	padding-left: 1.2em;
}
.r_shousai .recipeArea .fR .frTitle {
	font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif・ｿ;
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 12px 0 11px;
	background: #602419;
}
.r_shousai .recipeArea .fR .useItem .itemName {
	color: #c63f5f;
	font-size: 17px;
	letter-spacing: -0.07em;
	margin: 15px 0 5px;
}
.r_shousai .recipeArea .fR .useItem div {
	padding: 15px 0;
	margin: 0 14px;
	position: relative;
}
.r_shousai .recipeArea .fR .useItem div + div:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	margin: auto;
	background: #c63f5f;
}
.r_shousai .recipeArea .fR .point {
	margin-top: 25px;
	background: #ffeed8;
}
.r_shousai .recipeArea .fR .point div {
	padding: 15px;
}

@media screen and (max-width:768px) {
	.r_shousai .ttlStyle02 + .catchPhrase {
		display: none;
	}
	.r_shousai .recipeArea .fL,
	.r_shousai .recipeArea .fR {
		width: auto;
		float: none;
	}
	.r_shousai .recipeArea .fL > div {
		border-radius: 0;
		border: none;
	}
	.r_shousai .recipeArea .fR > div {
		border-radius: 2px 2px 5px 5px;
	}
	.r_shousai .recipeArea > div > div:nth-child(2) {
		margin: 30px 0 20px;
	}
	.r_shousai .recipeArea .fL .recipeBox01 {
		width: 83%;
		margin: auto;
	}
	.r_shousai .recipeArea .fL .recipeBox02 {
		padding: 25px 0 5px;
	}
	.r_shousai .recipeArea .fL .recipeBox02 .image {
		margin: 0 3% 15px;
	}
	.r_shousai .recipeArea .fL .material .ttlStyle05 {
		padding: 7px 3% 5px;
	}
	.r_shousai .recipeArea .fL .material dl dt {
		width: 68%;
	}
	.r_shousai .recipeArea .fL .material dl dd {
		width: 32%;
	}
	.r_shousai .recipeArea .fL .method {
		padding: 7px 15px 15px;
	}
	.r_shousai .recipeArea .fL .method p {
		padding-bottom: 3px;
	}
	.r_shousai .recipeArea .fR {
		width: 68%;
		margin: 30px auto 0;
	}
	.r_shousai .recipeArea .fR .frTitle {
		font-size: 16px;
		padding: 12px 3% 10px;
	}
	.r_shousai .recipeArea .fR .useItem .itemName {
		font-size: 16px;
	}
	.r_shousai .recipeArea .fR .useItem div {
		padding: 1em 0;
		margin: 0 3%;
	}
	.r_shousai .recipeArea .fR .useItem div + div:before {
		right: 0;
		width: 90%;
	}
	.r_shousai .recipeArea .fR .point div {
		padding: 3%;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  知れば知るほど TOP / f00
* --------------------------------------------------------------------------------------------------*/
.f00 {
	background: #fff;
	font-size: 17px;
	line-height: 2;
}
.f00 .inner {
	width: 1000px;
	margin: 0 auto;
}
.f00 .inner .breadcrumb {
	margin-top: 0;
}
.f00 .leadArea {
	background: url(../img/f/00/f00_bg01.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 20px 0 30px;
	min-height: 625px;
}
.f00nav {
	width: 100%;
	letter-spacing: -0.4em;
	margin-bottom: 40px;
}
.f00nav li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 15px;
}
.f00nav li a {
	display: block;
	padding: 0 40px;
}
.f00 .leadArea h2 {
	display: inline-block;
	margin-bottom: 34px;
}
.f00 .leadArea p {
	width: 570px;
	text-align: left;
	margin: 0 auto;
}
.f00 > .inner {
	padding: 54px 0 182px;
}
.f00Ul {
	width: 100%;
	text-align: center;
	letter-spacing: -0.4em;
}
.f00Ul li {
	width: 435px;
	letter-spacing: normal;
	margin: 0 15px 94px;
	display: inline-block;
	vertical-align: top;
}
.f00Ul li > img {
	display: block;
	margin: 0 auto 20px;
}
.f00Ul li p {
	width: 345px;
	margin: 0 auto 50px;
	text-align: left;
}
.f00Ul li:nth-child(1) p,
.f00Ul li:nth-child(2) p {
	min-height: 170px;
}
.f00Ul li:nth-child(3) p ,
.f00Ul li:nth-child(4) p {
	min-height: 210px;
}

@media screen and (max-width:768px) {
	.f00 {
		font-size: 13px;
	}
	.f00 .inner {
		width: auto;
		padding: 0;
	}
	.f00 .leadArea {
		padding: 20px 0 30px;
		min-height: 1px;
	}
	.f00nav {
		margin-bottom: 20px;
	}
	.f00nav ul {
		padding-top: 10px;
	}
	.f00nav li {
		width: 130px;
		margin: 0 5px;
	}
	.f00nav li a {
		padding: 0;
		width: 100%;
	}
	.f00nav li img {
		width: auto;
		height: 48px;
	}
	.f00 .leadArea h2 {
		margin-bottom: 20px;
	}
	.f00 .leadArea p {
		width: auto;
		padding: 0 30px;
	}
	.f00 > .inner {
		padding: 30px 25px;
	}
	.f00Ul {
		width: auto;
	}
	.f00Ul li {
		width: auto;
		margin: 0 auto 50px;
		display: block;
	}
	.f00Ul li > img {
		margin: 0 auto 15px;
	}
	.f00Ul li p {
		width: auto;
		margin: 0 auto 20px;
		font-size: 13px;
	}
	.f00Ul li:nth-child(1) p,
	.f00Ul li:nth-child(2) p {
		min-height: 1px;
	}
	.f00Ul li:nth-child(3) p ,
	.f00Ul li:nth-child(4) p {
		min-height: 1px;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  知れば知るほど 1 / f01
* --------------------------------------------------------------------------------------------------*/
.f01 .leadArea {
	background: #ffb82d;
	background: -moz-linear-gradient(top,  #ffb82d 1%, #ffb82d 70%, #67432b 70%, #67432b 70%);
	background: -webkit-linear-gradient(top,  #ffb82d 1%,#ffb82d 70%,#67432b 70%,#67432b 70%);
	background: linear-gradient(to bottom,  #ffb82d 1%,#ffb82d 70%,#67432b 70%,#67432b 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb82d', endColorstr='#67432b',GradientType=0 );
}
.f01 .leadArea h2 {
	margin-bottom: 60px;
}
.f01 .leadArea p {
	color: #fff;
	width: 600px;
}
.f01 .intro {
	padding: 20px 0 100px;
}
.f01 .intro h3 {
	margin-bottom: 30px;
}
.f01 .intro img {
	display: block;
	margin: 0 auto;
}
.f01 .intro p {
	width: 560px;
	margin: 30px auto 0;
}
.f01 > .inner {
	padding-bottom: 0;
}
.f01Ul {
	width: 712px;
	margin: 0 auto;
}
.f01Ul li {
	margin-bottom: 100px;
	text-align: center;
}
.f01Ul li:after {
	content: "";
	display: block;
	clear: both;
}
.f01Ul li div.txt {
	width: 330px;
}
.f01Ul li div.fr.photo {
	margin-right: 20px;
}
.f01Ul li p {
	text-align: left;
}
.f01Ul li a {
	display: inline-block;
	margin: 30px auto;
}
.f00nav2 {
	width: 100%;
	text-align: center;
	letter-spacing: -0.4em;
	margin-bottom: 140px
}
.f00nav2 li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 36px;
}
@media screen and (max-width:768px) {
	.f01 .leadArea {
		background: #ffb82d;
		padding-bottom: 0;
	}
	.f01 .leadArea p {
		width: auto;
		background: #67432b;
		padding: 20px 30px;
		color: #fff;
	}
	.f01 .leadArea h2 {
		margin-bottom: 20px;
	}
	.f01 .intro {
		padding: 20px 0 50px;
	}
	.f01 .intro h3 {
		margin-bottom: 20px;
	}
	.f01 .intro p {
		width: auto;
		margin: 15px auto 0;
	}
	.f00 > .inner {
		padding-bottom: 30px;
	}
	.f01Ul {
		width: auto;
	}
	.f01Ul li h3 img {
		margin: 0 auto;
	}
	.f01Ul li {
		margin-bottom: 60px;
	}
	.f01Ul li div.txt {
		width: auto;
		margin-bottom: 20px;
	}
	.f01Ul li div.photo {
		width: 60%;
		margin: 0 auto 15px !important;
	}
	.f01Ul li a {
		margin: 20px auto;
	}
	.f00nav2 {
		width: 100%;
		padding: 0 15px;
		margin-bottom: 50px;
	}
	.f00nav2 li {
		margin: 0 8px;
		width: 44%;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  知れば知るほど 2 / f02
* --------------------------------------------------------------------------------------------------*/
.f02 .leadArea {
	background: #ff7113;
	background: -moz-linear-gradient(top,  #ff7113 1%, #ff7113 70%, #67432b 70%, #67432b 70%);
	background: -webkit-linear-gradient(top,  #ff7113 1%,#ff7113 70%,#67432b 70%,#67432b 70%);
	background: linear-gradient(to bottom,  #ff7113 1%,#ff7113 70%,#67432b 70%,#67432b 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7113', endColorstr='#67432b',GradientType=0 );
}
.f02 .leadArea p {
	color: #fff;
	width: 600px;
}
.f02 > .inner {
	width: 686px;
	padding: 80px 0 180px;
}
.f02 > .inner h3 {
	margin-bottom: 10px;
}
.f02Ol li {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ff5300;
	padding: 0 20px;
	margin-bottom: 106px;
	position: relative;
}
.f02Ol li:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -98px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 111px;
	height: 80px;
	background: url(../common/img/ico_arrow06.png) no-repeat;
	background-size: contain;
}
.f02Ol li:last-child:after {
	content: normal;
}
.f02Ol li > div {
	display: table-cell;
	min-height: 280px;
}
.f02Ol li > div:first-child {
	vertical-align: top;
	padding: 30px 50px 40px 0;
	width: 365px;
}
.f02Ol li > div:last-child {
	vertical-align: middle;
	padding: 25px 0 50px;
}
.f02Ol li h4 {
	font-size: 25px;
	font-weight: bold;
	color: #ff5300;
	margin-bottom: 16px;
}
.f02 .detail h3 {
	margin-bottom: 66px;
}
.f02 .detail p {
	width: 640px;
	margin: 0 auto 48px;
}
@media screen and (max-width:768px) {
	.f02 .leadArea {
		background: #ff7113;
		padding-bottom: 0;
	}
	.f02 .leadArea p {
		width: auto;
		background: #67432b;
		padding: 20px 30px;
	}
	.f02 > .inner {
		width: auto;
		padding: 30px 25px;
	}
	.f02Ol li {
		display: block;
		padding: 0 10px 20px;
		margin-bottom: 60px;
	}
	.f02Ol li:after {
		bottom: -54px;
		width: 56px;
		height: 40px;
	}
	.f02Ol li > div {
		display: block;
		min-height: 1px;
	}
	.f02Ol li > div:first-child {
		padding: 0;
		width: auto;
		margin-bottom: 15px;
	}
	.f02Ol li > div:last-child {
		padding: 0;
	}
	.f02Ol li h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.f02 .detail h3 {
		margin-bottom: 30px;
	}
	.f02 .detail p {
		margin-bottom: 40px;
		width: auto;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  知れば知るほど 3 / f03
* --------------------------------------------------------------------------------------------------*/
.f03 .leadArea {
	background: #e4b084;
	background: -moz-linear-gradient(top,  #e4b084 1%, #e4b084 70%, #67432b 70%, #67432b 70%);
	background: -webkit-linear-gradient(top,  #e4b084 1%,#e4b084 70%,#67432b 70%,#67432b 70%);
	background: linear-gradient(to bottom,  #e4b084 1%,#e4b084 70%,#67432b 70%,#67432b 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4b084', endColorstr='#67432b',GradientType=0 );
}
.f03 .leadArea p {
	color: #fff;
}
.f03 > .inner {
	width: 650px;
	padding: 100px 0 170px;
}
.f03 > .inner h3 {
	margin-bottom: 44px;
}
.f03 > .inner p + h3 {
	margin-top: 150px;
}
.f03 > .inner p.photo {
	margin: 40px -28px 0;
}
.f03 > .inner p.btn01 {
	margin-top: 60px;
}
.f03 > .inner p.photo + h3,
.f03 > .inner p.btn01 + h3 {
	margin-top: 120px;
}
@media screen and (max-width:768px) {
	.f03 .leadArea {
		background: #e4b084;
		padding-bottom: 0;
	}
	.f03 .leadArea p {
		width: auto;
		background: #67432b;
		padding: 20px 30px;
	}

	.f03 > .inner {
		width: auto;
		padding: 30px 25px;
	}
	.f03 > .inner h3 {
		margin-bottom: 30px;
	}
	.f03 > .inner p + h3 {
		margin-top: 70px;
	}
	.f03 > .inner p.photo {
		margin: 20px 0;
	}
	.f03 > .inner p.btn01 {
		margin-top: 30px;
	}
	.f03 > .inner p.photo + h3,
	.f03 > .inner p.btn01 + h3 {
		margin-top: 60px;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  知れば知るほど 4 / f04
* --------------------------------------------------------------------------------------------------*/
.f04 .leadArea {
	background: #c3c174;
	background: -moz-linear-gradient(top,  #c3c174 2%, #c3c174 70%, #053e27 70%, #053e27 70%);
	background: -webkit-linear-gradient(top,  #c3c174 2%,#c3c174 70%,#053e27 70%,#053e27 70%);
	background: linear-gradient(to bottom,  #c3c174 2%,#c3c174 70%,#053e27 70%,#053e27 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c174', endColorstr='#053e27',GradientType=0 );
}
.f04 .leadArea p {
	color: #fff;
	width: 630px;
}
.f04 > .inner {
	width: 650px;
	padding: 136px 0 200px;
}
.f04Ul {
	width: 604px;
	margin: 0 auto 85px;
}
.f04Ul li:after {
	content: "";
	display: block;
	clear: both;
}
.f04Ul li:first-child {
	margin-bottom: 120px;
}
.f04Ul li div.fl {
	width: 330px;
}
.f04Ul li p.fr {
	padding-top: 18px;
}
.f04Ul h3 {
    padding-bottom: 30px;
}
.f04Ul2 {
	margin: 80px -125px 90px;
	letter-spacing: -0.4em;
	text-align: center;
}
.f04Ul2 li {
	display: inline-block;
	margin: 0 25px 60px;
}
.f04 .clearfix {
	margin-bottom: 110px;
}
.f04 .clearfix .fl {
	width: 330px;
	padding-top: 44px;
}
@media screen and (max-width:768px) {
	.f04 .leadArea {
		background: #c3c174;
		padding-bottom: 0;
	}
	.f04 .leadArea p {
		width: auto;
		background: #053e27;
		padding: 20px 30px;
	}
	.f04 > .inner {
		width: auto;
		padding: 30px 25px;
	}
	.f04 h3.f04ttl3{
		padding-bottom: 0;
	}
	.f04 h3 {
		padding-bottom: 30px;
	}

	.f04Ul {
		width: auto;
		margin: 0 auto 40px;
	}
	.f04Ul li:first-child {
		margin-bottom: 40px;
	}
	.f04Ul li div.fl {
		width: auto;
	}
	.f04Ul2 {
		margin: 40px 0;
	}
	.f04Ul2 li {
		display: block;
		margin: 0 0 20px;
	}
	.f04 .clearfix {
		margin-bottom: 50px;
	}
	.f04 .clearfix .fl {
		width: auto;
		padding-top: 0px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  知れば知るほど 5 / f05
* --------------------------------------------------------------------------------------------------*/
.f05 .leadArea {
	background: #ffb499;
	background: -moz-linear-gradient(top,  #ffb499 2%, #ffb499 70%, #67432b 70%, #67432b 70%);
	background: -webkit-linear-gradient(top,  #ffb499 2%,#ffb499 70%,#67432b 70%,#67432b 70%);
	background: linear-gradient(to bottom,  #ffb499 2%,#ffb499 70%,#67432b 70%,#67432b 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb499', endColorstr='#67432b',GradientType=0 );
}
.f05 .leadArea p {
	color: #fff;
	width: 630px;
}
.f05 > .inner {
	width: 750px;
	padding: 62px 0 180px;
}
.f05 > .inner h3 {
	border-bottom: 1px solid #054b27;
}
.f05 > .inner ul + h3 {
	margin-top: 100px;
}
.f05 > .inner ul {
	text-align: center;
	letter-spacing: -0.4em;
	margin: 0 -5px;
}
.f05 > .inner ul li {
	text-align: left;
	letter-spacing: normal;
	width: 326px;
	margin: 0 26px;
	display: inline-block;
	vertical-align: top;
}
@media screen and (max-width:768px) {
	.f05 .leadArea {
		background: #ffb499;
		padding-bottom: 0;
	}
	.f05 .leadArea p {
		width: auto;
		background: #67432b;
		padding: 20px 30px;
	}
	.f05 > .inner {
		width: auto;
		padding: 30px 25px;
	}
	.f05 > .inner ul + h3 {
		margin-top: 50px;
	}
	.f05 > .inner ul {
		margin: 0;
	}
	.f05 > .inner ul li {
		width: auto;
		margin: 0 0 25px;
		display: block;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  おこナビ TOP / g00
* --------------------------------------------------------------------------------------------------*/
.g00 {
	background: #fff;
}
.g00 .breadcrumb {
	width: 1000px;
	margin: 20px auto;
}
.g00nav {
	text-align: center;
	letter-spacing: -0.4em;
	margin-bottom: 20px;
}
.g00nav li {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
	letter-spacing: normal;
}
.g00nav li a {
	display: block;
	padding: 0 20px;
}
.recommend {
	width: 864px;
	margin: 0 auto 40px;
}
.recommendTtl {
	width: 100%;
	height: 136px;
	position: relative;
	margin-bottom: 24px;
	padding: 58px 0 0 294px;
}
.recommendTtl h3 {
	font-size: 31px;
}
.recommendTtl ul.btnArea {
	letter-spacing: -0.4em;
	text-align: center;
	width: 190px;
	position: absolute;
	top: 58px;
	right: 46px;
}
.recommendTtl ul.btnArea li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin-left: 5px;
}
.recommend h3:before {
	content: "";
	display: block;
	width: 230px;
	height: 136px;
	background: url(../img/g/00/g00_rec_ico01.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 36px;
}
.recommend .itemArea {
	text-align: center;
	letter-spacing: -0.4em;
}
.recommend .itemArea li {
	width: 180px;
	margin: 0 18px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
.recommend .itemArea li p {
	text-align: left;
	margin-bottom: 18px;
	text-decoration: underline;
}
.recommend .itemArea li a {
	display: block;
	color: #4d504f;
}
.recommend .itemArea li a img {
	display: block;
	margin: 0 auto 25px;
}
.g00 #footer {
	padding-top: 20px;
	text-align: center;
	font-size: 14px;
	letter-spacing: normal;
}
.g00 #footer p:first-child {
	font-size: 15px;
	margin-bottom: 20px;
	white-space: nowrap;
}

.g00 .inner { 
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.g00 #mainImage { 
	width: 100%;
	margin-bottom: 51px;
}
.g00 #mainImage img { 
	width: 100%;
}

.g00 .part1 { 
	margin-bottom: 42px;
}
.g00 .part1 .fL { 
	width: 41.666666%;
	/*width: 450px;*/
}
.g00 .part1 .fR { 
	width: 55.740740%;
	/*width: 602px;*/
}
.g00 .part1 .fR img { 
	width: 100%;
	max-width: 602px;
}
.g00 .part1 h2.news { 
	border-bottom: solid 4px #8f807e;
	text-align: left;
	margin-bottom: 23px;
}
.g00 .part1 h2.news img { 
	display: inline-block;
}
.g00 .part1 .fL div:first-of-type { 
	margin-bottom: 37px;
}
.g00 .part1 .fL .pic { 
	width: 8%;
	/*max-width: 36px;*/
}
.g00 .part1 .fL .text { 
	/*width: 336px;*/
	width: 74.666666%;
	font-size: 16px;
}
.g00 .part1 .text dt,
.g00 .part1 .text .link a:link,
.g00 .part1 .text .link a:visited { 
	color: #f00;
}
.g00 .part2 { 
	margin-bottom: 55px;
}
.g00 .part2 li { 
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.g00 .part2 li:nth-child(3n) { 
	margin-right: 0;
}


@media screen and (max-width:768px) {
	.g00nav {
		padding-top: 5%;
	}
	.g00nav li {
		width: 40%;
		margin: 0 5px 5px;
	}
	.g00nav li a {
		width: 100%;
		padding: 0;
	}
	.g00nav li a img {
		width: auto;
		height: 30px;
	}
	.recommend {
		width: auto;
		margin-bottom: 20px;
	}
	.recommendTtl {
		height: 136px;
		margin-bottom: 20px;
		height: auto;
		padding: 0;
	}
	.recommendTtl h3 {
		font-size: 16px;
		text-align: center;
		margin-bottom: 10px;
	}
	.recommendTtl ul.btnArea {
		position: static;
		width: 100%;
		text-align: center;
	}
	.recommendTtl ul.btnArea li {
		margin: 0 5px;
	}
	.recommend h3:before {
		width: 115px;
		height: 68px;
		position: static;
		display: inline-block;
		vertical-align: middle;
	}
	.recommend .itemArea {
		padding: 0 15px;
	}
	.recommend .itemArea li {
		width: 44%;
		margin: 0 1% 20px;
	}
	.recommend .itemArea li a img {
		margin: 0 auto 10px;
	}
	.g00 #footer p:first-child {
		font-size: 11px;
		margin-bottom: 10px;
	}

	.g00 .inner {
		width: auto;
	}
	.g00 #mainImage { 
		margin-bottom: 20px;
	}
	.g00 .part1 { 
		margin-bottom: 21 px;
	}
	.g00 .part1 .fL,
	.g00 .part1 .fR { 
		width: auto;
		float: none;
	}
	.g00 .part1 .fL {
		margin-bottom: 20px;
	}
	.g00 .part1 .fL .pic { 
		float: left;
		width: 15%;
	}
	.g00 .part1 .fL .text { 
		float: right;
		width: 81.15942%;
		/*max-width: 336px;*/
		font-size: 14px;
	}
	.g00 .logo img { 
		max-width: 260px;
	}
	.g00 .part2 li { 
		width: 100%;
	}
	.g00 .part2 li:nth-child(3),
	.g00 .part2 li:nth-child(4) { 
		margin-right:0;
		width: 50%;
	}
	.g00 .part2 li:nth-child(3) img,
	.g00 .part2 li:nth-child(4) img { 
		width: 98%;
	}
	.g00 .part2 li:nth-child(3) { 
		text-align: left;
	}
	.g00 .part2 li:nth-child(4) { 
		text-align: right;
	}

}

/* ----------------------------------------------------------------------------------------------------
*  プロジェクト（学園祭） / g01
* --------------------------------------------------------------------------------------------------*/
.g01 .g00nav {
	margin-bottom: 66px;
}

.g01 .inner { 
	width: 747px;
	margin: 0 auto;
}
.g01 .title { 
	margin-bottom: 44px;
}
.g01 .title img { 
	max-width: 260px;
}
.g01 .part1 { 
	margin-bottom: 14px;
}
.g01 .part2 .block div { 
	position: relative;
}
.g01 .part2 .block { 
	padding: 4px 3px 4px 4px;
	background: #fffeec;
	margin-bottom: 9px;
}

.g01 .part2 .block div #oubo {
	position: absolute;
	top: 479px;
	left: 445px;
	display: block;
	width: 240px;
	height: 50px;
	text-indent: -9999px;
}
.g01 .part2 .block div #ouboCheck {
	position: absolute;
	top: 559px;
	left: 445px;
	display: block;
	width: 240px;
	height: 30px;
	text-indent: -9999px;
}
.g01 .part2 .block div #download {
	position: absolute;
	top: 292px;
	left: 150px;
	display: block;
	width: 200px;
	height: 35px;
	text-indent: -9999px;
}
.g01 .part2 .block:last-child {
	margin-bottom: 16px;
}
.g01 .part2 .block:last-child .contest {
	margin-bottom: 20px;
}
.g01 .part2 .block .info {
	padding: 0 3px;
}

@media screen and (max-width:768px) {
	.g01 .g00nav {
		margin-bottom: 33px;
	}
	.g01 .inner {
		width: auto;
	}
	.g01 .title { 
		margin-bottom: 22px;
	}
	.g00 .part2 { 
		margin-bottom: 25px;
	}
	.g01 .part2 .block { 
		margin-bottom: 0;
	}
	.g01 .part2 .block div #oubo {
		top: 77.4%;
		left: 60%;
		width: 33.128514%;
		height: 8.2%;
	}
	.g01 .part2 .block div #ouboCheck {
		top: 89.832663%;
		left: 59.571619%;
		width: 33.128514%;
		height: 6%;
	}
	.g01 .part2 .block div #download {
		top: 45.089692%;
		left: 20.080321%;
		width: 27.773761%;
		height: 5.885408%;
	}
	.g01 .part2 .block .info .fL,
	.g01 .part2 .block .info .fR {
		width: auto;
		float: none;
	}
	.g01 .part2 .block .info .fL {
		margin-bottom: 20px;
	}
	.g01 .part2 .block .info .fR {
		padding-bottom: 17px;
	}

}

/* ----------------------------------------------------------------------------------------------------
*  アレンジ / g02
* --------------------------------------------------------------------------------------------------*/
.g02 .g00nav {
	margin-bottom: 66px;
}
.g02 .inner {
	width: 766px;
	margin: 0 auto;
	color: #000;
}
.g02 .title { 
	margin-bottom: 28px;
}
.g02 .title img { 
	max-width: 260px;
}
.g02 .part1 { 
	margin-bottom: 30px;
}
.g02 .part1 h2 { 
	margin-bottom: 37px;
}
.g02 .part1 .menu { 
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.g02 .part1 .menu .box { 
	font-size: 16px;
	width: 360px;
	margin-bottom: 43px;
	padding-bottom: 23px;
}
.g02 .part1 .menu .box div { 
	margin-bottom: 24px;
}

.g02 .part1 .menu .menu01 { 
	background: #f4e69f;
}
.g02 .part1 .menu .menu02 { 
	background: #bce9e2;
}
.g02 .part1 .menu .menu03 { 
	background: #f4bd9f;
}
.g02 .part1 .menu .menu04 { 
	background: #c6d690;
}
.g02 .part1 .menu .box p { 
	padding: 0 23px;
}
.g02 .part1 .menu .box .name { 
	color: #fff;
	font-size: 21px;
	text-align: center;
	margin-bottom: 23px;
	line-height: 2.2;
}
.g02 .part1 .menu .menu01 .name { 
	background: #b09c2e;
}
.g02 .part1 .menu .menu02 .name { 
	background: #00b1b4;
}
.g02 .part1 .menu .menu03 .name { 
	background: #d47c77;
}
.g02 .part1 .menu .menu04 .name { 
	background: #8fa452;
}
.g02 .part2 { 
	padding-top: 39px;
	background-image: url(../img/g/06/bg_line01.png);
	background-repeat: repeat-x;
	background-position: top left;
}
.g02 .part2 h2 {
	margin-bottom: 20px;
}
.g02 .part2 h2+p {
	color: #00b1b4;
	font-size: 21px;
	line-height: 2;
	text-align: center; 
	margin-bottom: 26px;
}
.g02 .part2 .fL {
	width: 369px;
	margin-top: 10px;
	margin-left: 21px;
}
.g02 .part2 .fR {
	font-size: 16px;
	width: 310px;
	margin-right: 50px;
}
.g02 .part3 { 
	padding-top: 56px;
	padding-bottom: 47px;
	background-image: url(../img/g/06/bg_line01.png),url(../img/g/06/bg_line01.png);
	background-repeat: repeat-x,repeat-x;
	background-position: top left,bottom left;
	margin-bottom: 100px;
}
.g02 .part3 h2 {
	margin-bottom: 43px;
}
.g02 .part3 h2+p {
	padding: 0 89px 0 71px;
	margin-bottom: 30px;
}
.g02 .part3 p {
	font-size: 16px;
}
.g02 .part3 .goods {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.g02 .part3 .goods .box {
	width: 350px;
	background: #e3cfb7;
	padding: 0 30px 26px;
	margin-bottom: 33px;
}
.g02 .part3 .goods .box .name {
	color: #94031e;
	font-size: 20px;
	line-height: 2.2;
	text-align: center;
}
.g02 .part3 .goods .box .fR {
	width: 158px;
}
.g02 .part3 .comment {
	padding: 0 69px;
}

@media screen and (max-width:768px) {
	.g02 .g00nav {
		margin-bottom: 33px;
	}
	.g02 .inner {
		width: auto;
	}
	.g02 .part1 h2 { 
		margin-bottom: 18px;
	}
	.g02 .part1 h2 img { 
		width: 90%;
		max-width: 586px;
	}
	.g02 .part1 .menu { 
		display: block;
	}
	.g02 .part1 .menu .box { 
		font-size: 13px;
		width: auto;
		margin: 0 auto 20px;
	}
	.g02 .part1 .menu .box img { 
		width: 80%;
		max-width: 360px;
	}
	.g02 .part1 .menu .box .name { 
		font-size: 15px;
	}
	.g02 .part2,
	.g02 .part3 { 
		background-size: 4px auto, 4px auto;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}
	.g02 .part2 h2 img {
		width: 80%;
		max-width: 415px;
	}
	.g02 .part3 h2 img {
		width: 80%;
		max-width: 437px;
	}
	.g02 .part2 h2+p {
		font-size: 13px;
	}
	.g02 .part2 .fL,
	.g02 .part2 .fR {
		width: auto;
		float: none;
	}
	.g02 .part2 .fL {
		margin-top: 0;
		margin-left: auto;
	}
	.g02 .part2 .fR {
		font-size: 13px;
		margin-right: auto;
	}
	.g02 .part3 h2+p {
		padding: 0 20px;
		font-size: 13px;
	}
	.g02 .part3 p {
		font-size: 13px;
	}
	.g02 .part3 .goods {
		display: block;
	}
	.g02 .part3 .goods .box {
		width: auto;
		padding: 0 15px 5px;
		margin-bottom: 10px;
	}
	.g02 .part3 .goods .box .name {
		font-size: 15px;
	}
	.g02 .part3 .goods .box .fL {
		width: 26%;
	}
	.g02 .part3 .goods .box .fR {
		width: 70%;
	}
	.g02 .part3 .comment {
		padding: 0 20px;
	}
	.g02 .recommend {
		padding-top: 30px;
		background-size:95%;
	}

}

/* ----------------------------------------------------------------------------------------------------
*  アレンジ / g03
* --------------------------------------------------------------------------------------------------*/
.g03 .g00nav {
	margin-bottom: 66px;
}
.g03 .inner {
	width: 735px;
	margin: 0 auto;
	color: #000;
}
.g03 .title { 
	margin-bottom: 34px;
}
.g03 .title img { 
	max-width: 260px;
}
.g03 .part1 h2 { 
	margin-bottom: 62px;
}
.g03 .part1 h2+h3 { 
	margin-bottom: 31px;
}
.g03 #movie { 
	margin-bottom: 55px;
}
.g03 #movie #player { 
	margin-bottom: 30px;
}
.g03 #movie #player+p { 
	margin-bottom: 29px;
}
.g03 #movie .otherList ul { 
	width: 679px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.g03 #movie .otherList ul:after { 
	content: none;
}
.g03 .part2 h3 { 
	margin-bottom: 32px;
}
.g03 .part2 p { 
	font-size: 16px;
	padding-left:1em;
	text-indent:-1em;
}
.g03 .part2 h3+p { 
	text-align: center;
	margin-bottom: 25px;
}
.g03 .part2 .material .title { 
	border-bottom: solid 6px #8c0000;
	color: #8c0000;
	font-size: 26px;
	text-align: center;
	padding-bottom:5px;
	margin-bottom: 22px;
}
.g03 .part2 .material .title span { 
	color: #000;
	font-size: 16px;
	vertical-align: middle;
}
.g03 .part2 .material .caption { 
	color: #8c0000;
	font-size: 21px;
	text-align: center;
}
.g03 .part2 .material .list { 
	background: #f0eadd;
	border: solid 1px #bfc2c1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 40px;
	margin-bottom: 37px;
}
.g03 .part2 .material .box:last-child .list { 
	margin-bottom: 8px;
}
.g03 .part2 .material .list .listBox { 
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.g03 .part2 .material .detail { 
	width: 287px;
	margin-bottom: 31px;
}
.g03 .part2 .material .listBox:last-child .detail { 
	margin-bottom: 0;
}

.g03 .part2 .material .detail .fR { 
	width: 66.898954%;
}

@media screen and (max-width:768px) {
	.g03 .g00nav {
		margin-bottom: 33px;
	}
	.g03 .inner {
		width: auto;
	}
	.g03 .part1 h2 img {
		width: 70%;
		max-width: 441px;
	}
	.g03 .part1 h3 img,
	.g03 .part2 h3 img { 
		width: 60%;
		max-width: 320px;
	}
	.g03 .part1 h2 { 
		margin-bottom: 31px;
	}
	.g03 .part1 h2+h3 { 
		margin-bottom: 15px;
	}
	.g03 #movie #player { 
		margin-bottom: 15px;
	}
	.g03 #movie .otherList ul { 
		width: auto;
		display: block;
	}
	.g03 .part2 p { 
		font-size: 13px;
	}
	.g03 .part2 .material .title { 
		border-bottom: solid 3px #8c0000;
		font-size: 20px;
		margin-bottom: 12px;
	}
	.g03 .part2 .material .title span { 
		font-size: 13px;
	}
	.g03 .part2 .material .caption { 
		font-size: 16px;
	}
	.g03 .part2 .material .list { 
		padding: 5% 5% 0 5%;
		margin-bottom: 5%;
	}
	.g03 .part2 .material .list .listBox { 
		display: block;
	}
	.g03 .part2 .material .detail { 
		width: 100%;
		margin-bottom: 5%;
	}
	.g03 .part2 .material .listBox:last-child .detail { 
		margin-bottom: 5%;
	}

}


/* ----------------------------------------------------------------------------------------------------
*  お好み焼きの起源 / g04
* --------------------------------------------------------------------------------------------------*/
.g04 .inner{
	width: 784px;
	background: url(../img/g/06/bg_line01.png) repeat-x bottom right;
}
.g04 .inner .title{
	padding: 50px 0;
}
.g04 .inner .title img{
	max-width: 260px;
}
.g04 .inner section{
	padding-bottom: 85px;
	margin-bottom: 50px;
}
.g04 .inner section h1{
	margin-bottom: 45px;
}
@media screen and (max-width:768px) {
	.g04 .inner{
		width: auto;
		padding-left:5%;
		padding-right:5%;
	}
	.g04 .inner .title{
		padding: 30px 0;
	}
	.g04 .inner section{
		padding-bottom: 30px;
		margin-bottom: 50px;
	}
	.g04 .inner section h1{
		margin: 0 auto 30px;
		width: 70%;
	}
	.g04 .inner section h1 img {
		width: 70%;
		max-width: 283px;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  お好み焼きのご当地マップ / g05
* --------------------------------------------------------------------------------------------------*/
.g05 .inner{
	width: 738px;
	color: #000;
	font-size: 16px;
	background: url(../img/g/06/bg_line01.png) repeat-x bottom right;
}
.g05 .inner .title{
	padding: 50px 0;
}
.g05 .inner .title img{
	max-width: 260px;
}
.g05 .inner section{
	padding-bottom: 85px;
	margin-bottom: 50px;
}
.g05 .inner .lead{
	padding: 35px 0 80px;
	text-align: center;
}
.g05 .inner section p:last-child{
	margin: 65px auto 0;
	width: 542px;
}


@media screen and (max-width:768px) {
	.g05 .inner{
		width: auto;
		font-size: 14px;
		padding-left:5%;
		padding-right:5%;
	}
	.g05 .inner .title{
		padding: 30px 0;
	}
	.g05 .inner section{
		padding-bottom: 30px;
		margin-bottom: 50px;
	}
	.g05 .inner .lead{
		padding: 20px 0 30px;
		text-align: center;
	}
	.g05 .inner section p:last-child{
		margin-top: 30px;
		width: 90%;
	}
	.g05 .inner section h1 img {
		width: 70%;
		max-width: 443px;
	}

}


/* ----------------------------------------------------------------------------------------------------
*  お好み焼き協会 / g06
* --------------------------------------------------------------------------------------------------*/
.g06 .inner{
	width: 738px;
	color: #000;
}
.g06 .inner .title{
	padding: 50px 0;
}
.g06 .inner .title img{
	max-width: 260px;
}
.g06 .sec01{
	background: #E9D8C4;
	padding: 50px 60px;
	font-size: 16px;
	margin-bottom: 70px;
}
.g06 .sec01 h2{
	margin-bottom: 60px;
	text-align: center;
}
.g06 .sec01 h2 img{
	display: inline-block;
	vertical-align: top;
}
.g06 .sec01 h2 span{
	color: #860000;
	font-size: 36px;
	display: inline-block;
	vertical-align: top;
	padding-left: 5px;
}
.g06 .sec01 dl{
	margin-bottom: 50px;
}
.g06 .sec01 dt{
	color: #D10000;
}
.g06 .sec01 .fL{
	width: 245px;
}
.g06 .sec01 .name{
	color: #94031E;
	margin: 20px 0 25px 15px;
}
.g06 .sec01 .prof{
	font-size: 14px;
	line-height: 1.8;
}
.g06 .sec01 .fR{
	width: 306px;
}
.g06 .sec01 .fR p + p{
	margin-top: 30px;
}
.g06 .sec02{
	margin-bottom: 100px;
}
.g06 .sec02 h2{
	color: #94031E;
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px;
}
.g06 .sec02 .borderArea{
	background-image: url(../img/g/06/bg_line01.png), url(../img/g/06/bg_line01.png);
	background-repeat: repeat-x, repeat-x;
	background-position: top left, bottom right;
	overflow: hidden;
	padding: 40px 0;
	font-size: 16px;
}
.g06 .sec02 .fL{
	width: 50%;
}
.g06 .sec02 .fL .btn01{
	margin-top: 25px;
}
.g06 .sec02 .fR{
	width: 50%;
	padding-right: 60px;
}
.g06 .sec02 .fR p + p{
	margin-top: 1.5em;
}
.kyoukaiBtn{
	width: 520px;
	margin: auto;
	text-align: center;
	padding: 30px 0 10px;
}
.kyoukaiBtn a{
	display: block;
	background: #E9D8C4;
	border-radius: 13px;
	color: #000;
	padding: 13px 0;
}
.kyoukaiBtn img{
	display: inline-block;
	vertical-align: middle;
}
.kyoukaiBtn span{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	padding-left: 1em;
	text-decoration: underline;
}
@media screen and (max-width:768px) {
	.g06 .inner{
		width: auto;
		color: #000;
	}
	.g06 .inner .title{
		padding: 30px 0;
	}
	.g06 .sec01{
		padding: 30px 5%;
		font-size: 14px;
		margin-bottom: 50px;
	}
	.g06 .sec01 h2{
		margin-bottom: 20px;
	}
	.g06 .sec01 h2 img{
		display: block;
		margin-bottom: 5px;
	}
	.g06 .sec01 h2 span{
		font-size: 25px;
		display: block;
		padding-left:0;
	}
	.g06 .sec01 dl{
		margin-bottom: 20px;
	}
	.g06 .sec01 .fL,
	.g06 .sec01 .fR{
		float: none;
		width: auto;
	}
	.g06 .sec01 .fL{
		margin-bottom: 20px;
	}
	.g06 .sec01 .name{
		margin: 10px 0 ;
		text-align: center;
	}
	.g06 .sec01 .prof{
		font-size: 12px;
	}
	.g06 .sec01 .fR p + p{
		margin-top: 20px;
	}
	.g06 .sec02{
		margin-bottom: 50px;
	}
	.g06 .sec02 h2{
		color: #94031E;
		font-size: 20px;
		text-align: center;
		margin-bottom: 5px;
	}
	.g06 .sec02 .borderArea{
		background-size: 4px auto, 4px auto;
		padding: 20px 5%;
		font-size: 14px;
	}
	.g06 .sec02 .fL,
	.g06 .sec02 .fR{
		width: auto;
		float: none;
		padding: 0;
	}
	.g06 .sec02 .fL .btn01{
		margin-top: 20px;
	}
	.g06 .sec02 .fR p{
		margin-top: 1.5em;
	}
	.kyoukaiBtn{
		width:90%;
		padding: 0;
	}
	.kyoukaiBtn a{
		background: #E9D8C4;
		border-radius: 13px;
		color: #000;
		padding: 10px 5%;
		font-size: 0;
	}
	.kyoukaiBtn img{
		max-width: 27%;
	}
	.kyoukaiBtn span{
		width: 70%;
		font-size: 16px;
		text-align: left;
		padding-left: 3%;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  会社情報・IR
* --------------------------------------------------------------------------------------------------*/
.companyList{
	padding-bottom: 20px;
	border-bottom:6px solid #f0e9df; 
	margin-bottom: 20px;
}
.btop{
	border-top:6px solid #f0e9df; 
	padding-top: 20px;
}
.companyList dl{
	display: flex;
	flex-flow: wrap;
	margin-bottom: 15px;
}
.companyList--block dl{
	display: block;
}
.companyList dt{
	position: relative;
	padding-left: 20px;
	font-weight: bold;
	font-size: 16px;
	width: 165px;
}
.companyList--block dt{
	width:100%;
	margin-bottom: 15px;
}
	

.companyList dt:after{
	content: "●";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #f0e9df;
	position: absolute;
	left: 0px;
	top: 0px;
}
.companyList dt.small:after{
	content: "・";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #595757;
	position: absolute;
	left: 0px;
	top: 0px;
}
.companyList dt.none:after{
	content: "";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #595757;
	position: absolute;
	left: 0px;
	top: 0px;
}
.companyList dd{
	font-size: 16px;
	width: 575px;
}
.companyList--block dd{
	width:100%;
}
.companyList dd a{
	color: #c63f5f;
	font-size: 16px;
	text-decoration: underline;
}
.companyList dd .txt{
	float:left;
	display:block;
}
.companyList dd .img{
	float:right;
	display:block;
}
.companySidenav dt{
	background: none !important;
	padding: 20px 0px !important;
	text-align: center;
	color: #b30029;
}
.companySidenav .company02 dt{
	color: #c63f5f;
}
.companySidenav dd a{
	font-size: 13px;
}
#side .company dl:not(:last-child) dd {
	border-bottom:none !important;
}
.company_bannerArea{
	margin-top: 25px;
}
.slide_company{
	display: none;
}
.company_bannerArea_sp{
	display: none;
}
@media screen and (max-width:768px) {
.companyList{
	width: 100%;
	box-sizing: border-box;
	padding: 0px 20px;
	border-bottom:none; 
	margin-bottom: 20px;
}
.btop{
	border-top:none; 
	padding-top: 0px;
}
.companyList dl{
	display: block;
	margin-bottom: 15px;
}
.companyList dt{
	padding-left: 20px;
	font-size: 16px;
	width:100%;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.companyList--block dt{
	width:100%;
	margin-bottom: 5px;
}
	

.companyList dt:after{
	font-size:14px; 
}
.companyList dt.small:after{
	font-size:14px; 
}
.companyList dt.none:after{
	font-size:14px; 
}
.companyList dd{
	font-size: 16px;
	width: 100%;
	padding-left: 20px;
	box-sizing: border-box;
}
.companyList--block dd{
	width:100%;
	padding-left: 20px;
	box-sizing: border-box;
}
.companyList dd a{
	font-size: 16px;
}
.companyList dd .img{
	width: 100%;
	float:none;
	display:block;
	text-align: center;
	margin-top:15px;
}
.companyList dd .img img{
		width: auto;
		display:inline;
		margin: 10px 0 0;
	}
.companySidenav dt{
	background: none !important;
	padding: 20px 0px !important;
	text-align: center;
	color: #b30029;
}
.companySidenav .company02 dt{
	color: #c63f5f;
}
.companySidenav dd a{
	font-size: 13px;
}
#side .company dl:not(:last-child) dd {
	border-bottom:none !important;
}
.company_bannerArea{
	margin-top: 25px;
}
.slide_company{
	margin-top: 50px;
		padding:10px;
		display: block;
	}
.slide_companyIn{
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	padding:10px;
	margin-bottom:25px;
	}
	.slide_companyInin{
		display: flex;
	justify-content: space-between;
	}
.slide_companyIn p{
	background: url(../common/img/icon_arrow08.png) 0px 3px no-repeat;
	background-size: 12px 12px;
	font-size: 13px;
	font-weight: bold;

	padding:0px 0px 7px 15px;
	margin-bottom: 7px;
	border-bottom: 1px solid #818181;
}
	.slide_companyIn p a{
	color: #b30029;
	}
	.slide_companyIn p.pnone{
	padding:0px 0px 0px 15px;
	margin-bottom: 0px;
	border-bottom: none;
	}
	.slide_companyIn p.p02 a{
	color: #45212f;
	}
	.slide_companyIn p.pnone a{
		color: #916f54 !important;
	}
	.slide_companyIn ul{
		width: 48%;
		float: left;
	}
.clear {
  clear: both;
  height: 5px;
}
	.slide_companyIn li{
	background:url(../common/img/ico_arrow04.png) 0px 3px no-repeat;
	background-size: 7px 14px;
	font-size: 13px;
	padding:0px 0px 10px 15px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #818181;
}
.slide_companyIn--var02 li{
	background:url(../common/img/ico_arrow09.png) 0px 3px no-repeat;
	background-size: 7px 14px;
	font-size: 13px;
	padding:0px 0px 10px 15px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #818181;
}
	.slide_companyIn li:nth-child(5n){
		padding:0px 0px 0px 15px;
	margin-bottom: 0px;
	border-bottom: none;
		
	}
.company_bannerArea_sp{
		display: block;
		margin-bottom: 15px;
	}
.companySidenav{
		display: none !important;
	}
}
/* --------------20170405mako------------*/
#side .sideList ul li.companySidenavtop {
	padding: 20px 0 20px ;
	border-bottom: solid 1px #441f2e;
	text-align: center;
}
.companySidenav li a {
    font-size: 13px;
}
.companySidenav li.companySidenavtop a {
    font-size: 16px;
}
#side .sideList ul p + p {
	border-top: dashed 1px #595757;
}
#side .sideList ul p a {
	display: block;
	padding: 10px 0 10px 35px;
}
.companySidenav .company02 li.companySidenavtop a {
    color: #b30029;
}
.companySidenav .company li.companySidenavtop a {
    color: #b30029;
}
#side .sideList .company02 li p:nth-last-child(1) a {
    background: none !important;
    padding-left: 20px;
    color: #cca008;
    font-weight: bold;
}



/* ----------------------------------------------------------------------------------------------------
*  会社概要
* --------------------------------------------------------------------------------------------------*/
.companyListtop{
	margin-top: 20px;
	border-top: 6px solid #f0e9df;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom:6px solid #f0e9df; 
	margin-bottom: 20px;
}
@media screen and (max-width:768px) {
	.companyListtop{
	width: 100%;
	box-sizing: border-box;
	padding: 0px 20px;
	border-bottom:none; 
	margin-bottom: 20px;
	border-top:none; 
	margin-top: 20px;

	}
}

/* ----------------------------------------------------------------------------------------------------
*  役員紹介
* --------------------------------------------------------------------------------------------------*/
.bdmbList{
	padding-bottom: 20px;
	border-bottom:6px solid #f0e9df; 
	margin-bottom: 20px;
}
.bdmbList dl{
	display: flex;
	flex-flow: wrap;
}
.bdmbList--block dl{
	display: block;
}
.bdmbList dt{
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	width: 465px;
	color: #660000;
}
.bdmbList dt span{
	font-size: 13px;
}
.bdmbList--block dt{
	width:100%;
	margin-bottom: 15px;
}
	

.bdmbList dt:after{
	content: "●";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #f0e9df;
	position: absolute;
	left: 0px;
	top: 0px;
}
.bdmbList dt.small:after{
	content: "・";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #595757;
	position: absolute;
	left: 0px;
	top: 0px;
}
.bdmbList dt.none:after{
	content: "";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #595757;
	position: absolute;
	left: 0px;
	top: 0px;
}
.bdmbList dd{
	font-size: 16px;
	width: 255px;
}
.bdmbList--block dd{
	width:100%;
}
.bdmbList dd a{
	color: #c63f5f;
	font-size: 16px;
	text-decoration: underline;
}
.bdmbList dd .img{
	float:right;
	display:block;
}
.bdmbList dd p img{
	margin: 0 0 10px;
}
.bdmbList dd p.b_name{
	padding-left: 20px;
}
@media screen and (max-width:768px) {
.bdmbList{
	width: 100%;
	box-sizing: border-box;
	padding: 0px 20px;
	border-bottom:none; 
	margin-bottom: 20px;
}
.bdmbList dl{
	display: block;
	margin-bottom: 15px;
}
.bdmbList dt{
	padding-left: 20px;
	font-size: 14px;
	width:100%;
	box-sizing: border-box;
	margin-bottom: 5px;
	color: #660000;
}
.bdmbList--block dt{
	width:100%;
	margin-bottom: 5px;
}
	

.bdmbList dt:after{
	font-size:14px; 
}
.bdmbList dt.small:after{
	font-size:14px; 
}
.bdmbList dt.none:after{
	font-size:14px; 
}
.bdmbList dd{
	font-size: 14px;
	width: 100%;
	padding-left: 20px;
	box-sizing: border-box;
}
.bdmbList--block dd{
	width:100%;
	padding-left: 20px;
	box-sizing: border-box;
}
.bdmbList dd a{
	font-size: 13px;
}
.bdmbList dd .img{
	width: 100%;
	float:none;
	display:block;
	text-align: center;
	margin-top:15px;
}
.bdmbList dd .img img{
		width: auto;
		display:inline;
	}
.bdmbList dd p img{
	margin: 15px 0;
}
.bdmbList dd p.b_name{
	padding-left: 0px;
}
}

/* ----------------------------------------------------------------------------------------------------
*  沿革
* --------------------------------------------------------------------------------------------------*/
.hstryList {
	padding-top: 15px;
	}
.hstryListtop {
	border-top:6px solid #f0e9df; 
}
.hstryListbottom {
	border-bottom:6px solid #f0e9df; 
	padding-bottom: 25px;
}
.hstryList dl{
	display: flex;
	flex-flow: wrap;
										}
.hstryList--block dl{
	display: block;
}
.hstryList dt{
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	width: 145px;
}
.hstryList--block dt{
	width:100%;
	margin-bottom: 15px;
}

.hstryList dt:after{
	content: "●";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #f0e9df;
	position: absolute;
	left: 0px;
	top: 0px;
}
.hstryList dt.small:after{
	content: "・";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #595757;
	position: absolute;
	left: 0px;
	top: 0px;
}
.hstryList dt.none:after{
	content: "";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #595757;
	position: absolute;
	left: 0px;
	top: 0px;
}
.hstryList dd{
	font-size: 16px;
}
.hstryList--block dd{
	width:100%;
}
.hstryList01{
    padding-left: 145px;
    padding-top: 15px;
	}

.hstryList dd a{
	color: #c63f5f;
	font-size: 16px;
	text-decoration: underline;
}
.hstryList dd .img{
	float:right;
	display:block;
}
@media screen and (max-width:768px) {
	.hstryList{
		width: 100%;
		box-sizing: border-box;
		padding: 0px 20px;
		border-bottom:none; 
		margin-bottom: 20px;
	}
	.hstryListtop {
		border-top:none; 
	}

	.hstryList dl{
		display: block;
		margin-bottom: 15px;
	}
	.hstryList dt{
		padding-left: 20px;
		font-size: 14px;
		width:100%;
		box-sizing: border-box;
		margin-bottom: 5px;
	}
	.hstryList--block dt{
		width:100%;
		margin-bottom: 5px;
	}


	.hstryList dt:after{
		font-size:14px; 
	}
	.hstryList dt.small:after{
		font-size:14px; 
	}
	.hstryList dt.none:after{
		font-size:14px; 
	}
	.hstryList dd{
		font-size: 14px;
		width: 100%;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.hstryList--block dd{
		width:100%;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.hstryList dd a{
		font-size: 14px;
	}
	.hstryList dd .img{
		width: 100%;
		float:none;
		display:block;
		text-align: center;
		margin-top:15px;
	}
	.hstryList dd .img img{
			width: auto;
			display:inline;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  環境方針
* --------------------------------------------------------------------------------------------------*/
.environmentText{
	border-top:6px solid #f0e9df; 
	border-bottom:6px solid #f0e9df; 
	padding-bottom: 25px;
	padding-top: 25px;
}
.environmentText01 p{
    font-weight: bold;
	line-height: 36px;
	padding: 0 20px;
	margin-bottom: 40px;
}
.environmentList{
    font-weight: bold;
    color: #660000;
    line-height: 36px;
    padding: 0px 20px;
	margin-bottom: 40px;
}
.environmentList p{
    color: #666666;
    font-weight: normal;
}
li.environmentLink {
    background-color: #fCC;
    padding: 5px 25px;
    margin-bottom: 50px;
}

@media screen and (max-width:768px) {
	.environmentText{
		border-top:none; 
		border-bottom:none; 
		padding: 20px;
	}
	.environmentText01 p{
		font-weight: bold;
		line-height: 2.2em;
		padding: 0;
		margin-bottom: 15px;
	}
	.environmentList{
		font-weight: bold;
		color: #660000;
		line-height: 2.2em;
		padding: 0;
		margin-bottom: 15px;
	}
	.environmentList p{
		color: #666666;
		font-weight: normal;
}
	li.environmentLink{
	    padding: 5px 15px;
		margin-bottom: 0;
		margin-top: 50px;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  ニュースリリース
* --------------------------------------------------------------------------------------------------*/

.newsrList {
	padding-top: 15px;
	}
.newsrListbox {
	border-top:6px solid #f0e9df;
	border-bottom:6px solid #f0e9df; 
	padding-bottom: 25px;

}
.newsrList ul{
	display: flex;
	flex-flow: wrap;
	padding: 15px;
}
.newsrList--block ul{
	display: block;
}
.newsrList li{
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	width:100%;
	line-height: 36px;
}
.newsrList--block li{
	width:100%;
	margin-bottom: 15px;
}

.newsrList li:after{
	content: "●";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #f0e9df;
	position: absolute;
	left: 0px;
	top: 0px;
}
.newsrList li.none:after{
	content: "";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #595757;
	position: absolute;
	left: 0px;
	top: 0px;
}
.newsrList li a{
	color: #c63f5f;
	font-size: 16px;
	text-decoration: underline;
}
.newsrList02 {

}
.newsrList02 ul{
	display: flex;
	flex-flow: wrap;
}
.newsrList02--block ul{
	display: block;
}
.newsrList02 li{
	position: relative;
	padding-left: 35px;
	font-size: 16px;
	width:100%;
	line-height: 36px;
	border-bottom:6px solid #f0e9df; 

}
.newsrList02--block li{
	width:100%;
	margin-bottom: 15px;
}

.newsrList02 li:after{
	content: "●";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #f0e9df;
	position: absolute;
	left: 15px;
	top: 0px;
}
.newsrList02 li.none:after{
	content: "";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #595757;
	position: absolute;
	left: 0px;
	top: 0px;
}
.newsrList02 li a{
	color: #c63f5f;
	font-size: 16px;
	text-decoration: underline;
}
@media screen and (max-width:768px) {
	.newsrListtop {
		border-top:none; 
	}
	.newsrListbox {
		border:none; 
	}
	.newsrList{
		width: 100%;
		box-sizing: border-box;
		padding: 0px 20px;
		border-bottom:none; 
		margin-bottom: 20px;
	}
	.newsrList ul{
		display: block;
		margin-bottom: 15px;
		padding: 0;
	}
	.newsrList li{
		padding-left: 20px;
		padding-right: 10px;
		font-size: 13px;
		width:100%;
		box-sizing: border-box;
		margin-bottom: 5px;
		line-height: 2.2em;
	}
	.newsrList--block li{
		width:100%;
		margin-bottom: 5px;
	}
	.newsrList li:after{
		font-size:14px; 
	}
	.newsrList02 li{
		border: none;
		line-height: 2.2em;
		padding-bottom: 0px;
	}
	.newsrList02 li a{
		font-size: 14px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  反社会的勢力排除宣言
* --------------------------------------------------------------------------------------------------*/
.antiasList{
    list-style-type: decimal;
    margin-left: 30px;
    line-height: 36px;
    padding-left: 20px;
}
.antiasText01{
    border-top: 6px solid #f0e9df;
    border-bottom: 6px solid #f0e9df;
    padding-bottom: 25px;
    padding-top: 25px;
}
.antiasText02{
	padding-top: 20px;
	line-height: 36px;
}
@media screen and (max-width:768px) {
	.antiasText01{
		border-top: none;
		border-bottom: none;
		padding: 10px;
		margin: 0 10px;
	}
	.antiasList{
		list-style-type: decimal;
		margin-left: 20px;
		line-height: 2.2em;
		padding-left: 0px;
	}
	.antiasText02{
		padding-top: 20px;
		line-height: 2.2em;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  コーポレート・ガバナンス方針
* --------------------------------------------------------------------------------------------------*/

.policyText01{
    padding-bottom: 25px;
    font-size: 14px;
    line-height: 1.8em;
}
.policyText01 h5{
	padding-top: 20px;
	font-size: 16px;
}
.policyText01 h4{
	padding-top: 20px;
	font-size: 16px;
}
.policyText01 ul{
	padding-bottom: 15px;
}
.policyText01 li > p{
	padding-left: 15px;
}
@media screen and (max-width:768px) {
	.policyText01{
		border-top: none;
		border-bottom: none;
		padding: 10px;
		margin: 0 10px;
		font-size: 14px;
		line-height: 2.2em;
	}
	.policyText01 h4{
		font-size: 14px;
		font-weight: bold;
	}
	.policyText01 h5{
		font-size: 14px;
		font-weight: bold;
	}
}
	
/* ----------------------------------------------------------------------------------------------------
*  コーポレートガバナンス報告書 / 有価証券報告書 / 電子広告 
* --------------------------------------------------------------------------------------------------*/
.governaText01 ul li {
    margin-left: 1.8em;
    list-style-type: disc;
}
/* リストのマーカーを三角にする :before とセットで利用 */
.governaText01 ul.triStyle li {
    margin-left: 1.8em;
    list-style-type: none;
	line-height: 2.2em;
}
.governaText01 ul.triStyle li:before{
    content: ' ';
    border: transparent solid 0.5em;
    border-left-color: #666;
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    margin: 0px;
    margin-top: 0.5em;
    padding: 0px;
}
.governaText01{
    border-top: 6px solid #f0e9df;
    border-bottom: 6px solid #f0e9df;
    padding-bottom: 25px;
    padding-top: 25px;
}
.governaText02{
	padding-top: 20px;
	margin-left: 15px;
	line-height: 36px;
}
.governaText01 a{
	color: #c63f5f;
	text-decoration: underline;
}
.governaText01 img{
	margin-left: 15px;
	margin-top: 100px;
}
@media screen and (max-width:768px) {
	.governaText01{
		border-top: none;
		border-bottom: none;
		padding: 10px;
		margin: 0 10px;
		font-size: 14px;
	}
	.governaText01 img{
		margin-left: 0;
	}
	.governaText02{
		padding-top: 20px;
		line-height: 2.2em;
		margin: 0;
	}
	.governaText01 ul.triStyle li:before{
		left:2em;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  株主総会
* --------------------------------------------------------------------------------------------------*/
.soukaiText01{
    border-top: 6px solid #f0e9df;
    border-bottom: 6px solid #f0e9df;
    padding-bottom: 25px;
    padding-top: 25px;
}
.soukaiText01 img{
	margin-top: 100px;
	margin-left:15px;
	text-align:left;
}
.soukaiText02 {
    padding-top: 20px;
    margin-left: 15px;
    line-height: 36px;
}
.soukaiText01 h4{
	font-weight: bold;
    font-size: 14pt;
    margin: 0 15px 30px;
}
.soukaiList ul{
	display: flex;
	flex-flow: wrap;
	padding: 15px;
}
.soukaiList--block ul{
	display: block;
}
.soukaiList li{
	position: relative;
	padding-left: 20px;
	font-size: 12px;
	width:100%;
	line-height: 36px;
	list-style-type: none;
}
.soukaiList li a{
	font-size: 16px;
}
.soukaiList--block li{
	width:100%;
	margin-bottom: 15px;
}
.soukaiList li:after{
	content: "●";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #f0e9df;
	position: absolute;
	left: 0px;
	top: 0px;
}
.soukaiList li.none:after{
	content: "";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #595757;
	position: absolute;
	left: 0px;
	top: 0px;
}
.soukaiList li a{
	color: #c63f5f;
	font-size: 16px;
	text-decoration: underline;
}
@media screen and (max-width:768px) {
	.soukaiText01{
		border-top: none;
		border-bottom: none;
		padding-bottom: 10px;
		padding-top: 10px;
		margin: 0 10px;
	}
	.soukaiText02 {
		padding-top: 20px;
		margin-left: 0;
		line-height: 2.2em;
	}
	.soukaiList{
		width: 100%;
		box-sizing: border-box;
		padding: 0px 20px;
		border-bottom:none; 
		margin-bottom: 20px;
	}
	.soukaiList ul{
		display: block;
		margin-bottom: 15px;
		padding: 0;
	}
	.soukaiList li{
		padding-left: 20px;
		font-size: 13px;
		width:100%;
		box-sizing: border-box;
		margin-bottom: 5px;
		line-height: 2.2em;
	}
	.soukaiList--block li{
		width:100%;
		margin-bottom: 5px;
	}
	.soukaiList li:after{
		font-size:13px; 
	}
	.soukaiList dt.none:after{
		font-size:13px; 
	}
	.soukaiList02 li{
		border: none;
	}
	.soukaiList li a{
		font-size: 14px;
	}
	.soukaiText01 h4{
		font-size: 14px;
	}
	.soukaiText01 img{
		margin-left: 0;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  決算短信
* --------------------------------------------------------------------------------------------------*/
.kessanText01{
    border-top: 6px solid #f0e9df;
    border-bottom: 6px solid #f0e9df;
	line-height: 36px;
}
.kessanText01 img{
	margin-top: 100px;
	margin-left:15px;
	text-align:left;
}
.kessanText02 {
    padding-top: 20px;
    margin-left: 15px;
    line-height: 36px;
}
.kessanList h4{
	width: 100%;
	position: relative;
    padding: 0 0 0 20px;
	margin-top: 25px;
    font-weight: bold;
	border-bottom: 2px solid #f0e9df;
}
.kessanList h4:after {
    content: "●";
    width: 14px;
    height: 14px;
    font-size: 16px;
    display: block;
    color: #f0e9df;
    position: absolute;
    left: 0px;
    top: 0px;
}
.kessanList dl{
	display: flex;
	flex-flow: wrap;
	margin-bottom: 15px;
}
.kessanList--block dl{
	display: block;
}
.kessanList dt{
	position: relative;
	font-size: 16px;
	width: 250px;
	border-bottom: 2px solid #f0e9df;
	padding-left: 5px;
}
.kessanList--block dt{
	width:100%;
	margin-bottom: 15px;
}
.kessanList dd{
	font-size: 16px;
	width: 490px;
}
.kessanList li{
	border-bottom: 2px solid #f0e9df;
}
.kessanList p{
	border-bottom: 2px solid #f0e9df;
}
.kessanList--block dd{
	width:100%;
}
.kessanList dd a{
	color: #c63f5f;
	font-size: 16px;
	text-decoration: underline;
}
.kessanList li.small{ 
    position: relative;
    padding-left: 15px;
}
.kessanList li.small:after{
	content: "・";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #595757;
	position: absolute;
	left: 0px;
	top: 0px;
}
.kessanGroup{
	border-bottom: none;
}
@media screen and (max-width:768px) {
	.kessanText01{
		border-top: none;
		border-bottom: none;
		padding-bottom: 0;
		padding-top: 0;
		margin: 0;
	}
	.kessanText02 {
		padding-top: 20px;
		line-height: 2.2em;
		margin: 0;
	}
	.kessanText01 img{
		margin-left: 0;
	}
	.kessanList{
		padding: 0 20px;
	}
	.kessanList h4{
		width: 100%;
		position: relative;
		padding: 0 0 0 15px;
		margin-top: 25px;
		font-weight: bold;
		border-bottom: none;
	}
	.kessanList h4:after {
		content: "●";
		width: 2.2em;
		height: 2.2em;
		font-size: 13px;
	}
	.kessanList dl{
		display: flex;
		flex-flow: wrap;
		margin-bottom: 0;
	}
	.kessanList--block dl{
		display: block;
	}
	.kessanList dt{
		width: 100%;
		border-bottom:none;
		font-size: 14px;
		padding-left: 15px;
		line-height: 2.2em;
	}
	.kessanList--block dt{
		width:100%;
		margin-bottom: 15px;
	}
	.kessanList dd{
		font-size: 14px;
		width:100%;
		padding-left: 15px;
		line-height: 2.2em;
	}
	.kessanList li{
		border-bottom: none;
	}
	.kessanList p{
		border-bottom:none;
	}
	.kessanList--block dd{
		width:100%;
	}
	.kessanList dd a{
		font-size: 14px;
	}
	.kessanList li.small{ 
		position: relative;
		padding-left: 15px;
	}
	.kessanGroup{
		border-bottom: none;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  その他開示情報
* --------------------------------------------------------------------------------------------------*/
.sonotaText01 h4{
    font-size: 18px;
    font-weight: bold;
	margin-left: 15px;
    margin-bottom: 30px;
}
.sonotaText01 ul li {
    margin-left: 1.8em;
    list-style-type: disc;
}
/* リストのマーカーを三角にする :before とセットで利用 */
ul.triStyle {
    margin-bottom: 50px;
}
.sonotaText01 ul.triStyle li {
    margin-left: 1.8em;
	font-size: 13px;
    list-style-type: none;
	line-height: 2.6em;
}
.sonotaText01 ul.triStyle li:before{
    content: ' ';
    border: transparent solid 0.6em;
    border-left-color: #666;
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    margin: 0px;
    margin-top: 0.6em;
    padding: 0px;
}
.sonotaText01{
    border-top: 6px solid #f0e9df;
    border-bottom: 6px solid #f0e9df;
    padding-bottom: 25px;
    padding-top: 25px;
}
.sonotaText02{
	padding-top: 20px;
	margin-left: 15px;
	line-height: 36px;
}
.sonotaText01 a{
	color: #c63f5f;
	font-size: 16px;
	text-decoration: underline;
}
.sonotaText01 img{
	margin-left: 15px;
	margin-top: 100px;
}
@media screen and (max-width:768px) {
	.sonotaText01{
		border-top: none;
		border-bottom: none;
		padding: 10px;
		margin: 0 10px;
	}
	.sonotaText02{
		padding-top: 20px;
		line-height: 2.2em;
	}
	.sonotaText01 h4{
		font-size: 14px;
	}
	ul.triStyle {
		margin-bottom: 30px;
	}
	.sonotaText01 a{
		font-size: 14px;
	}
	.sonotaText01 ul.triStyle li {
		margin-left: 1.8em;
		list-style-type: none;
		line-height: 2.2em;
	}
	.sonotaText01 ul.triStyle li:before{
		left: 1.5em;
	}
	.sonotaText01 img{
		margin-left: 0;
	}
	.sonotaText02{
		margin-left: 0;
		line-height: 2.2em;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  食品安全方針
* --------------------------------------------------------------------------------------------------*/
.safetyList{
    list-style-type: decimal;
    margin-left: 30px;
    line-height: 36px;
    padding-left: 20px;
}
.safetyText01{
    border-top: 6px solid #f0e9df;
    border-bottom: 6px solid #f0e9df;
	padding: 25px 15px 25px 0;
}
.safetyText02{
	padding-top: 20px;
	line-height: 36px;
}
.safetyText03{
	padding-top: 40px;
	line-height: 36px;
	padding-bottom: 40px;
}
@media screen and (max-width:768px) {
	.safetyText01{
		border-top: none;
		border-bottom: none;
		padding: 0 10px;
		margin: 0 10px;
	}
	.safetyList{
		list-style-type: decimal;
		margin-left: 20px;
		line-height: 2.2em;
		padding-left: 5px;
	}
	.safetyText02{
		padding-top: 20px;
		line-height: 2.2em;
	}
	.safetyText03{
		line-height: 2.2em;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  株主メモ
* --------------------------------------------------------------------------------------------------*/
.memoList{
	padding-bottom: 20px;
	border-bottom:6px solid #f0e9df; 
	margin-bottom: 20px;
}
.memoList dl{
	display: flex;
	flex-flow: wrap;
}
.memoList--block dl{
	display: block;
}
.memoList dt{
	position: relative;
	padding-left: 20px;
	margin-left: 15px;
	font-size: 16px;
	line-height: 2.2em;
	width: 240px;
	color: #660000;
}
.memoList--block dt{
	width:100%;
	margin-bottom: 15px;
}
.memoList dt:after{
	content: "●";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #f0e9df;
	position: absolute;
	left: 0px;
	top: 0px;
}
.memoList02 dd{
	width: 240px;
	color: #660000;
}

.memoList02 li{
	position: relative;
	padding-left: 20px;
	margin-left: 15px;
	font-size: 16px;
	width: 240px;
	color: #660000;
}
.memoList02--block li{
	width:100%;
	margin-bottom: 15px;
}
	

.memoList02 li:after{
	content: "●";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #f0e9df;
	position: absolute;
	left: 0px;
	top: 0px;
}

.memoList dd{
	font-size: 16px;
	width: 490px;
}
.memoList--block dd{
	width:100%;
}
.memoList dd a{
	color: #c63f5f;
	font-size: 16px;
	text-decoration: underline;
}
.memoList dd .img{
	float:right;
	display:block;
}
.memoText{
	margin-left: 10px;
	font-size: 16px;
	line-height: 2.2em;
}
@media screen and (max-width:768px) {
	.memoList{
		width: 100%;
		box-sizing: border-box;
		padding: 0px 20px;
		border-bottom:none; 
		margin-bottom: 20px;
	}
	.memoList dl{
		display: block;
		margin-bottom: 15px;
	}
	.memoList dt{
		padding-left: 20px;
		margin-left: 0px;
		font-size: 14px;
		width:100%;
		box-sizing: border-box;
		margin-bottom: 5px;
		color: #660000;
	}
	.memoList--block dt{
		width:100%;
		margin-bottom: 5px;
	}


	.memoList dt:after{
		font-size:14px; 
	}
	.memoList dt.small:after{
		font-size:14px; 
	}
	.memoList dt.none:after{
		font-size:14px; 
	}
	.memoList dd{
		font-size: 14px;
		width: 100%;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.memoList--block dd{
		width:100%;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.memoList dd a{
		font-size: 14px;
	}
	.memoList dd .img{
		width: 100%;
		float:none;
		display:block;
		text-align: center;
		margin-top:15px;
	}
	.memoList dd .img img{
			width: auto;
			display:inline;
	}
	.memoText{
		margin:0 20px;
		font-size: 14px;
	}
	
}
/* ----------------------------------------------------------------------------------------------------
*  よくあるご質問
* --------------------------------------------------------------------------------------------------*/
.faqArea{
    border-top: 6px solid #f0e9df;
    border-bottom: 6px solid #f0e9df;
    padding-bottom: 25px;
    padding-top: 25px;
}
.faqArea dt{
	overflow: hidden;
	position: relative;
	margin-top: 40px;
	font-size: 16px;
	line-height: 2.3em;
	color: #600;
    font-weight: bold;
	cursor: pointer;
}
.faqArea dt.active::after{
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
	background: url("../img/company/img-minus.png") no-repeat;
	background-size: contain;
    vertical-align: middle;
    float:right;
}
.faqArea--block dt{
	width:100%;
	margin-bottom: 15px;
}
.faqArea dd{
	position: relative;
    padding-left: 35px;
	line-height: 1.8em;
    margin-left: 45px;
    margin-top: 30px;
    font-size: 16px;
    display:none;
}
.faqArea--block dd{
	width:100%;
	margin-bottom: 15px;
}
.faqArea dd a{
	color: #c63f5f;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}

.faqArea dd:after{
	content:"";
	width:27px;
	height: 27px;
	font-size:16px; 
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url("../img/company/pic_company22.jpg") no-repeat;
	background-size: 27px 27px;
	background-position: 0 2px;
}
@media screen and (max-width:768px) {
	.faqArea{
		border-top: none;
		border-bottom: none;
		padding: 0 20px;
		font-size: 14px;
	}
	.faqArea dt{
		margin-top: 10px;
		font-size: 14px;
		line-height: 2.4em;
		color: #600;
		font-weight: bold;
	}
	.faqArea dd{
		font-size: 14px;
		width: 80%;
		margin: 0 auto;
		padding-left: 25px;
		margin-top: 10px;
	}
	.faqArea dd:after{
		content:"";
		width:20px;
		height: 20px;
		font-size:16px; 
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		background: url("../img/company/pic_company22.jpg") no-repeat;
		background-size: 19px;
		background-position: 0 2px;
	}
.faqArea dd a{
	font-size: 14px;
	}
}
.faqArea dt::before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
	background: url("../img/company/img_q.png") no-repeat;
	background-size: contain;
    vertical-align: middle;
    float: left;
}
.faqArea dt::after {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
	background: url("../img/company/img-plus.png") no-repeat;
	background-size: contain;
    vertical-align: middle;
    float:right;
}
.faqArea dt{
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
}
@media screen and (max-width:768px) {
.faqArea dt span {
    display:inline-block;
    width: 80%;
    line-height: 2.4em;
    float:left;
}
.faqArea dt::before {
    width: 25px;
    height: 25px;
	margin-top: 3px;
}
.faqArea dt::after {
    width: 25px;
    height: 25px;
	margin-top: 3px;
}
	.faqArea dt.active::after {
    width: 25px;
    height: 25px;
	margin-top: 3px;
}
}




/* ----------------------------------------------------------------------------------------------------
*  index.html
* --------------------------------------------------------------------------------------------------*/
#container.index {
	width: 100%;
	max-width: 1360px;
	padding-top: 5px;
	/*background: #fff;*/
}
.index > ul {
	overflow: hidden;
}
.index > ul > li {
	float: left;
}
.index > ul li img {
	width: 100%;
} 
.index .umasauce {
	width: 59.6%;
	max-width: 810px;
	margin: 0 0.7% 10px 0;
	float: left;
}
.index .linkList01 {
	width: 39.7%;
	max-width: 540px;
}
.index .linkList02 {
	width: 100%;
	max-width: 1360px;
	margin-bottom: 60px;
	clear: left;
}
.index .linkList02 li {
	margin: 0 0.5% 7px 0;
	float: left;
}
.index .linkList02 .instagram,
.index .linkList02 .contact {
	margin-right: 0;
}
.index .linkList02 .w356 {
	width: 26.3%;
	max-width: 356px;
}
.index .linkList02 .w266 {
	width: 19.6%;
	max-width: 266px;
}
.index .linkList02 .w540 {
	width: 39.7%;
}
.index .news {
	width: 100%;
	max-width: 795px;
	margin: 0 auto;
}
.index .news .ttlStyle16 {
	margin: 0 0 20px;
	padding: 0 0 10px;
	color: #d00f37;
	text-align: center;
	border-bottom: solid 1px #494849;
}
.index .news .newsList {
	margin-bottom: 40px;
	color: #494849;
	overflow: hidden;
}
.index .news .newsList li {
	width: 100%;
	clear: left;
}
.index .news .newsList .date {
	display: block;
	width: 100px;
	line-height: 1.7;
	transition: .2s;
	float: left;
}
.index .news .newsList .title {
	width: 695px;
	transition: .2s;
	float: left;
}
.index .news .newsList a:hover span,
.index .news .newsList span:hover {
	opacity: 0.8;
}
.index .news .link {
	text-align: center;
}
.index .news .link a {
	padding-right: 25px;
	color: #999;
	letter-spacing: .1em;
	font-size: 19px;
	position: relative;
}
.index .news .link a:after {
	content: '';
	width: 17px;
	height: 17px;
	position: absolute;
	top: 4px;
	right: 0;
	background: url(../img/index/ico_arrow03.png) no-repeat;
}
#footer .index_fLogo {
	text-align: left;
	margin-top: 12px;
}
#footer .index_fLogo img {
	display: inline;
}
#footer .index_fLogo .ft_logo03 {
	margin-top: 38px;
}
@media screen and (max-width:768px) {
	#container.index {
		width: 100%;
		max-width: none;
	}
	.index > ul > li {
		float: none;
	}
	.index .umasauce {
		width: 100%;
		max-width: none;
		margin: 0 0 20px 0;
		padding-bottom: 40px;
		float: none;
	}
	.index .umasauce .slick-track {
		margin-bottom: 5px;
	}
	.index .slick-next {
		width: 20px;
		height: 20px;
		position: absolute;
		top: 96%;
		bottom: 0;
	}
	.index .slick-prev { left: 3.125%; }
	.index .slick-next { right: 3.125%; }

	.index .slick-prev:before,
	.index .slick-next:before {
		width: 20px;
		height: 20px;
	}
	.index .slick-prev:before {
		background: url(../img/index/ico_arrow04.png) no-repeat;
		background-size: 100%;
	}
	.index .slick-next:before {
		background: url(../img/index/ico_arrow05.png) no-repeat;
		background-size: 100%;
	}
	.index .slick-dots {
		width: 100%;
		padding: 10px 0;
		text-align: center;
		z-index: 990;
	}
	.index .linkList01 {
		width: 100%;
		max-width: none;
		/*margin-bottom: 10px;*/
		padding: 0 3.125%;
	}
	.index .linkList01 li {
		margin: 0 0 10px 0;
	}
	.index .linkList02 {
		width: 100%;
		max-width: none;
		padding: 0 3.125%;
		clear: left;
		margin-bottom: 30px;
	}
	.index .linkList02 li {
		margin: 0 0 10px 0;
		float: none;
	}
	.index .linkList02 .w540 {
		width: 100%;
		max-width: none;
	}
	.index .linkList02 .w266 {
		width: 48.5%;
		max-width: none;
		margin: 0 3% 10px 0;
		float: left;
	}
	.index .linkList02 .since,
	.index .linkList02 .contact {
		margin-right: 0;
	}
	.index .news {
		width: 100%;
		max-width: none;
		margin: 0 auto;
	}
	.index .news .ttlStyle16 {
		font-size: 16px;
	}
	.index .news .newsList {
		margin-bottom: 20px;
		padding: 0 3.125%;
	}
	.index .news .newsList li {
		font-size: 14px;
	}
	.index .news .newsList .date {
		width: 25%;
	}
	.index .news .newsList .title {
		width: 75%;
		padding-bottom: 15px;
	}
	.index .news .link a {
		padding-right: 25px;
		font-size: 16px;
	}
	.index .news .link a:after {
		top: 2px;
	}
	#footer .index_fLogo {
		text-align: center;
	}
	#footer .index_fLogo img {
		width: 100px;
	}
	#footer .index_fLogo .ft_logo03 {
		margin-top: 19px;
	}
	.index .linkList02 .w356 {
		width: auto;
		max-width: none;
	}
}

@media screen and (max-width:600px) {
	
	.index .slick-prev,
	.index .slick-next {
		top: 93%;
	}
	.index .slick-dots {
		padding: 8px 0;
	}
}
@media screen and (min-width: 600px) and (max-width: 768px)  {
	#header .index_hLogo li {
		width: 26%;
	}
	#header .index_hLogo img {
		width: 100%;
	}
}



/* ----------------------------------------------------------------------------------------------------
*  通販トップ / order
* --------------------------------------------------------------------------------------------------*/
/* 全体 */
body.order {
	background: #fff none;
}
.order .inner {
	margin: 0 auto;
}

.order #container {
	text-align: left;
}
.order #container > .inner {
	max-width: 880px;
}

.order h2 {
	padding-bottom: 0.75em;
	background: url(../common/img/bg_border01.png) repeat-x left bottom;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	color: #e20000;
}

.order img {
	display: inline;
	max-width: 100%;
	margin: 0;
	vertical-align: middle;
}
.order input[type="text"],
.order textarea {
	box-sizing: border-box;
	border: solid 1px #000;
	font-size: inherit;
	font-family: inherit;
}
.order button {
	box-sizing: border-box;
	max-width: 100%;
	background: transparent none;
	border: none;
	outline: none;
	font-size: inherit;
	font-family: inherit;
	cursor: pointer;
	transition: 0.2s;
}
.order button:hover {
	opacity: 0.75;
}

@media screen and (min-width:769px) {
}

@media screen and (max-width:768px) {
	.order h2 {
		padding-bottom: 0.6em;
		font-size: 17px;
	}
}

/* &bull-dog送料無料キャンペーン / secBanner */
.order .secBanner {
	margin-top: 65px;
}

@media screen and (max-width:768px) {
	.order .secBanner {
		margin-top: 8.3%;
		padding: 0 5%;
	}
}

/* 冒頭連絡先 / secTel01 */
.order .secTel01 {
	margin-top: 65px;
}

.order .secTel01 img {
	vertical-align: baseline;
}
.order .secTel01 .tel {
	width: 280px;
	max-width: 337px;
	margin-right: 10px;
}
.order .secTel01 .time {
	width: 430px;
	max-width: 516px;
}

@media screen and (min-width:769px) {
}

@media screen and (max-width:768px) {
	.order .secTel01 {
		margin-top: 8.3%;
		padding-left: 6.9%;
	}
	.order .secTel01 .tel {
		width: 70%;
		max-width: 337px;
	}
	.order .secTel01 .time {
		width: 90%;
		max-width: 516px;
	}
}

/* 注文方法 / secTypes */
.order .secTypes {
	margin-top: 30px;
	padding: 50px 0 25px;
	background-color: #FFD000;
	text-align: center;
}

.order .secTypes h1 img {
	width: 255px;
	max-width: 335px;
}
.order .secTypes p {
	margin-top: 60px;
	font-size: 19px;
	color: #000;
}

.order .secTypes ul {
	display: inline-block;
	margin-top: 50px;
}
.order .secTypes li {
	float: left;
	/*width: 30%;*/
	width: 46%;
	margin-right: 5%;
}
.order .secTypes li:last-child {
	margin-right: 0;
}

@media screen and (min-width:769px) {
}

@media screen and (max-width:768px) {
	.order .secTypes {
		margin-top: 10%;
		padding: 10% 3.9% 5.9%;
	}

	.order .secTypes h1 img {
		width: 55%;
	}
	.order .secTypes p {
		margin-top: 10%;
		font-size: 14px;
	}

	.order .secTypes ul {
		margin-top: 7%;
	}
	.order .secTypes li {
/*		width: 32%;*/
		width: 49%;
		margin-right: 2%;
	}
}

/* インターネットで注文 / secWebOrder */
.order #secWebOrder {
	padding: 55px 0 60px;
	background: url(../common/img/bg_border01.png) repeat-x left bottom;
}

.order #secWebOrder .flowLink {
	text-align: center;
}
.order #secWebOrder .flowLink a {
	font-size: 19px;
	color: #5C96FF;
	text-decoration: underline;
}

.order #secWebOrder .inner {
	max-width: 656px;
}
.order #secWebOrder h3 {
	font-size: 19px;
	font-weight: bold;
	color: #000;
}
.order #secWebOrder h3::before {
	content: "";
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	margin-right: 0.15em;
	background-color: #a5a4a4;
}
.order #secWebOrder h3 span {
	margin-left: 2.0em;
	font-size: 15px;
	font-weight: normal;
	color: #595757;
}
.order #secWebOrder .part_title {
	margin-top: 75px;
	font-size: 24px;
}
.order #secWebOrder .part00 {
	margin-top: 40px;
	text-align: center;
	padding: 0 36px;
}
.order #secWebOrder .part00 p {
	display: inline-block;
	vertical-align:middle;
}
.order #secWebOrder .part00 p.tit01 {
	float: left;
}
.order #secWebOrder .part00 p.tit02 {
	font-size: 23px;
	padding-top: 7px;
}
.order #secWebOrder .part00 p.tit03 {
	float: right;
}
@media screen and (max-width:768px) {
	.order #secWebOrder .part_title {
		margin: 15% 5% 0;
		font-size: 20px;
	}
	.order #secWebOrder .part00 p {
		display: block;
	}
	.order #secWebOrder .part00 p.tit01 {
		float: none;
	}
	.order #secWebOrder .part00 p.tit02 {
		font-size: 20px;
		padding: 7px 0;
	}
	.order #secWebOrder .part00 p.tit03 {
		float: none;
	}
}

.order #secWebOrder .part00_2 {
    margin-top: 40px;
    background-color: #02814e;
    padding: 13px;
	text-align: center;
}
.order #secWebOrder .part00_2 p {
	display: inline-block;
	vertical-align:middle;
}
.order #secWebOrder .part00_2 p.tit01 {
    font-size: 22px;
    color: #fff;
    margin-right: 5px;
}
.order #secWebOrder .part00_2 p.tit02 .set {
	font-size: 15px;
}

@media screen and (max-width:768px) {
	.order #secWebOrder .part00_2 {
		margin: 10% 5% 0;
	}
	.order #secWebOrder .part00_2 p.tit01 {
	    font-size: 20px;
	}
}

.order #secWebOrder .part00items {
    margin-top: 30px;
}
.order #secWebOrder .part00items .setitem {
	display: none;
    margin-top: 5px;
    background-color: #b3daca;
    padding: 0 54px 36px;
    border-radius: 10px;
    height: auto;
}
.order #secWebOrder .part00items .tit {
    background-color: #b3daca;
    padding: 12px 54px;
    text-align: center;
    font-size: 20px;
}
.order #secWebOrder .part00items .items_and li {
	float: left;
    display: inline-block;
    background-color: #fff;
    padding: 16px;
    margin-right: 1%;
    width: 32.6%;
    text-align: center;
    border-radius: 5px;
}
.order #secWebOrder .part00items .items_and li:last-child {
	margin-right: 0;
}

.order #secWebOrder .part00items .items_and li .sel {
	margin: 5px 0;
}
.order #secWebOrder .part00items .items_and li .sel .product_and {
	font-size: 16px;
	width: 200px;
}

@media screen and (max-width:768px) {
	.order #secWebOrder .part00items {
		margin: 15% 5% 0;
	}
	.order #secWebOrder .part00items .setitem {
	    margin-top: 5px;
	    padding: 0 20px 36px;
	}
	.order #secWebOrder .part00items .tit {
	    padding: 12px 20px;
	    font-size: 16px;
	}
	.order #secWebOrder .part00items .items_and li {
	    display: block;
	    background-color: #fff;
	    padding: 16px;
	    margin-right: 0;
	    margin-top: 5px;
	    width: 100%;
	    text-align: center;
	    border-radius: 5px;
	}
	.order #secWebOrder .part00items .items_and li .sel .product_and {
		font-size: 10px;
		width: 100%;
	}
}


.order #secWebOrder .part01 {
	margin-top: 40px;
}
.order #secWebOrder .part01 h3 {
	font-weight: normal;
	text-align: center;
}
.order #secWebOrder .part01 .nav {
	margin-top: 40px;
}
.order #secWebOrder .part01 .nav li {
	float: left;
	width: 19.2%;
	margin-right: 1%;
	transition: 0.2s;
	cursor: pointer;
}
.order #secWebOrder .part01 .nav li:hover {
	opacity: 0.75;
}
.order #secWebOrder .part01 .nav li:last-child {
	margin-right: 0;
}
.order #secWebOrder .part01 .items {
	margin-top: 35px;
}
.order #secWebOrder .part01 .items li {
	margin-top: 15px;
}
.order #secWebOrder .part01 .tag img {
	max-width: 75px;
}
.order #secWebOrder .part01 .frame {
	margin-top: 10px;
	padding: 20px;
	border: solid 1px #000;
	border-radius: 10px;
}
.order #secWebOrder .part01 .frame::after {
	content: "";
	display: block;
	clear: both;
}
.order #secWebOrder .part01 .frame .item {
	float: left;
	width: 45.8%;
}
.order #secWebOrder .part01 .frame .text {
	float: right;
	width: 52.2%;
}
.order #secWebOrder .part01 .frame .item .priceArea,
.order #secWebOrder .part01 .frame .item .totalLink {
	margin-top: 10px;
	padding-left: 13%;
	color: #000;
}
.order #secWebOrder .part01 .frame .item .number {
	font-size: 15px;
}
.order #secWebOrder .part01 .frame .item .price {
	display: inline-block;
	min-width: 5em;
	margin-left: 10px;
	font-size: 19px;
	text-align: right;
}
.order #secWebOrder .part01 .frame .item .totalLink a {
	color: #000;
}
.order #secWebOrder .part01 .frame .item .totalLink a::after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: 5px;
	background: url(../img/order/order_secWebOrder_arrow01.png) no-repeat center center/contain;
	vertical-align: middle;
}
.order #secWebOrder .part01 .frame .text .name {
	font-size: 17px;
	line-height: 1.3em;
}
.order #secWebOrder .part01 .frame .text .name span:first-of-type {
	font-weight: bold;
}
.order #secWebOrder .part01 .frame .text .name span:nth-of-type(2) {
	font-size: 16px;
	margin-left: -0.5em;
}
.order #secWebOrder .part01 .frame .text .price {
	margin-top: 0.5em;
	font-size: 20px;
}
.order #secWebOrder .part01 .frame .text .limit {
	margin-top: 0.8em;
	font-size: 13px;
	line-height: 1.3em;
}
.order #secWebOrder .part01 .frame .text .detail {
	margin-top: 0.6em;
	font-size: 15px;
}

.order #secWebOrder .part02 {
	padding-top: 100px;
}
.order #secWebOrder .part02 table {
	width: 100%;
	margin-top: 20px;
	font-size: 19px;
	color: #000;
	text-align: right;
	table-layout: fixed;
}
.order #secWebOrder .part02 th,
.order #secWebOrder .part02 td {
	padding: 12px 0;
	border: solid 1px #000;
	width: 33.333333%;
}
.order #secWebOrder .part02 th {
	text-align: center;
}
.order #secWebOrder .part02 th:nth-child(3) {
	color: #e20000;
}
.order #secWebOrder .part02 td {
	padding-right: 2.0em;
}
.order #secWebOrder .part02 ul {
	margin-top: 15px;
	font-size: 15px;
}
.order #secWebOrder .part02 li {
	margin-top: 0.2em;
}

.order #secWebOrder .part03 {
	margin-top: 80px;
}
.order #secWebOrder .part03 h3 span {
	margin-left: 1.0em;
	color: #e20000;
}
.order #secWebOrder .part03 table {
	width: 100%;
	margin-top: 10px;
	color: #000;
	font-size: 15px;
	table-layout: fixed;
}
.order #secWebOrder .part03 th {
	width: 13em;
	padding: 0.7em 0 0;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}
.order #secWebOrder .part03 .must th::after {
	content: "※";
	display: inline;
	margin-left: 0.3em;
	color: #e20000;
	font-weight: normal;
}
.order #secWebOrder .part03 td {
	padding: 0.2em 0 0.5em 0.3em;
}
.order #secWebOrder .part03 .error td,
.order #secWebOrder .part01 .error p,
.order #secWebOrder .part00 .error p,
.privacyArea .error p {
	padding-top: 1.0em;
	color: #e20000;
	font-weight: bold;
	font-size: 18px;
}
.order #secWebOrder .part03 input[type="text"],
.order #secWebOrder .part03 textarea {
	width: 100%;
	padding: 0.3em 3px;
}
.order #secWebOrder .part03 .post input[type="text"],
.order #secWebOrder .part03 .tel input[type="text"],
.order #secWebOrder .part03 .fax input[type="text"] {
	width: 6.0em;
}
.order #secWebOrder .part03 .post span,
.order #secWebOrder .part03 .tel span,
.order #secWebOrder .part03 .fax span {
	margin: 0 5px;
}
.order #secWebOrder .part03 textarea {
	height: 9.0em;
	resize: none;
}

.order #secWebOrder .privacyArea {
	margin-top: 35px;
}
.order #secWebOrder .privacyArea .frame {
	margin-top: 20px;
	padding: 20px 0;
	border: solid 1px #000;
	text-align: center;
	font-size: 15px;
}
.order #secWebOrder .privacyArea .policy {
	font-weight: bold;
}
.order #secWebOrder .privacyArea .policy a {
	text-decoration: underline;
	color: #e20000;
}
.order #secWebOrder .privacyArea .check {
	margin-top: 20px;
}
.order #secWebOrder .privacyArea input[type="checkbox"] {
	margin-right: 10px;
	vertical-align: middle;
}

.order #secWebOrder .submitArea {
	position: relative;
	margin-top: 50px;
	font-size: 15px;
	text-align: center;
}
.order #secWebOrder .submitArea .button {
	width: 245px;
	max-width: 320px;
	margin: 0 auto;
}
.order #secWebOrder .submitArea .text {
	display: inline-block;
	margin-top: 45px;
	text-align: left;
}

@media screen and (min-width:769px) {
	.order #secWebOrder .part01 .items li {
		float: left;
		width: 49.5%;
	}
	.order #secWebOrder .part01 .items li:nth-child(2n) {
		float: right;
	}
	
	.order #secWebOrder .submitArea .banner {
		position: absolute;
		top: 0;
		right: 0;
	}
}

@media screen and (max-width:768px) {
	.order #secWebOrder {
		padding: 5% 0 20%;
	}

	.order #secWebOrder h3 {
		font-size: 13.5px;
	}
	.order #secWebOrder h3 span {
		font-size: 13px;
	}

	.order #secWebOrder .flowLink a {
		font-size: 13px;
	}

	.order #secWebOrder .part01 {
		margin: 10% 5% 0;
	}
	.order #secWebOrder .part01 .nav {
		margin-top: 2%;
	}
	.order #secWebOrder .part01 .nav li {
		width: 32.333333%;
		margin-top: 2%;
		margin-right: 1.5%;
	}
	.order #secWebOrder .part01 .nav li:nth-child(3n),
	.order #secWebOrder .part01 .nav li:last-child {
		margin-right: 0;
	}
	.order #secWebOrder .part01 .nav li:nth-child(4) {
		margin-left: 33.833333%;
	}
	.order #secWebOrder .part01 .items {
		margin-top: 11%;
	}
	.order #secWebOrder .part01 .items li {
		display: none;
		margin-top: 7%;
	}
	.order #secWebOrder .part01 .tag img {
		width: 18%;
	}
	.order #secWebOrder .part01 .frame {
		margin-top: 2%;
		padding: 4%;
	}
	.order #secWebOrder .part01 .frame .item .priceArea,
	.order #secWebOrder .part01 .frame .item .totalLink {
		margin-top: 6%;
		padding-left: 13%;
	}
	.order #secWebOrder .part01 .frame .item .number {
		font-size: 12px;
	}
	.order #secWebOrder .part01 .frame .item .price {
		min-width: 4em;
		margin-left: 5%;
		font-size: 14px;
	}
	.order #secWebOrder .part01 .frame .item .totalLink a::after {
		width: 20px;
		height: 20px;
		margin-left: 3%;
	}
	.order #secWebOrder .part01 .frame .text .name {
		font-size: 13px;
	}
	.order #secWebOrder .part01 .frame .text .name span:nth-of-type(2) {
		font-size: 14px;
	}
	.order #secWebOrder .part01 .frame .text .price {
		font-size: 14px;
	}
	.order #secWebOrder .part01 .frame .text .detail {
		font-size: 14px;
	}
	.order #secWebOrder .part01 .frame .text .limit{
		font-size: 10px;
	}

	.order #secWebOrder .inner {
		padding: 0 3%;
	}

	.order #secWebOrder .part02 {
		padding-top: 18%;
	}
	.order #secWebOrder .part02 table {
		margin-top: 6%;
		margin-left: 1.5%;
		font-size: 14px;
	}
	.order #secWebOrder .part02 tr.spOnly {
		display: table-row;
	}
	.order #secWebOrder .part02 th,
	.order #secWebOrder .part02 td {
		padding: 2% 0;
		width: 50%;
	}
	.order #secWebOrder .part02 tr.spOnly th,
	.order #secWebOrder .part02 tr.spOnly td {
		padding-top: 5%;
		border: none;
	}
	.order #secWebOrder .part02 tr.spOnly th {
		color: #e20000;
	}
	.order #secWebOrder .part02 td {
		padding-right: 1.0em;
	}
	.order #secWebOrder .part02 ul {
		margin-top: 4%;
		margin-left: 1.5%;
		font-size: 13px;
	}

	.order #secWebOrder .part03 {
		margin-top: 23%;
	}
	.order #secWebOrder .part03 table,
	.order #secWebOrder .part03 tbody,
	.order #secWebOrder .part03 tr,
	.order #secWebOrder .part03 th,
	.order #secWebOrder .part03 td {
		display: block;
		width: auto;
	}
	.order #secWebOrder .part03 table {
		margin-top: 4%;
		margin-left: 1.5%;
		font-size: 12px;
	}
	.order #secWebOrder .part03 tr.error {
		float: right;
		max-width: 62%;
	}
	.order #secWebOrder .part03 th {
		width: auto;
		padding: 0.5em 0 0;
		text-align: left;
	}
	.order #secWebOrder .part03 td {
		padding: 0;
		clear: both;
	}
	.order #secWebOrder .part03 .error td {
		padding-top: 0.5em;
	}

	.order #secWebOrder .privacyArea {
		margin-top: 19%;
	}
	.order #secWebOrder .privacyArea .frame {
		margin-top: 2%;
		padding: 5%;
		text-align: left;
		font-size: 14px;
	}
	.order #secWebOrder .privacyArea .check {
		margin-top: 4%;
		text-align: center;
	}

	.order #secWebOrder .submitArea {
		margin-top: 14%;
		font-size: 14px;
	}
	.order #secWebOrder .submitArea .button {
		width: 53%;
	}
	.order #secWebOrder .submitArea .text {
		width: 94%;
		margin-top: 8%;
	}
	.order #secWebOrder .submitArea .banner {
		margin: 7% auto 0;
		width: 25%;
		max-width: 115px;
	}
	.order #secWebOrder .part03 .error td,
	.order #secWebOrder .part01 .error p,
	.order #secWebOrder .part00 .error p,
	.privacyArea .error p {
		font-size: 15px;
	}
}

/* 電話/FAXで注文 / secTel02 */
.order #secTel02 {
	margin-top: 35px;
}

.order #secTel02 dl {
	font-size: 17px;
	font-weight: bold;
	color: #000;
}
.order #secTel02 dt,
.order #secTel02 dd {
	float: left;
	padding-top: 25px;
}
.order #secTel02 dt {
	clear: both;
}
.order #secTel02 dd {
	margin-left: 35px;
}
.order #secTel02 .jsTelLink {
	display: inline-block;
	margin-top: 30px;
}
.order #secTel02 #secTel02Fax + dd > :first-child {
	margin-top: 7px;
}
.order #secTel02 .download {
	margin-top: 1.0em;
}
.order #secTel02 .download span {
	text-decoration: underline;
	margin-right: 1.0em;
}
.order #secTel02 .download img {
	max-width: 255px;
}

@media screen and (min-width:769px) {
}

@media screen and (max-width:768px) {
	.order #secTel02 {
		margin-top: 1%;
	}

	.order #secTel02 dl {
		position: relative;
		margin: 0 5%;
		font-size: 13px;
	}
	.order #secTel02 dt,
	.order #secTel02 dd {
		padding-top: 5%;
	}
	.order #secTel02 dt {
		position: absolute;
		top: 0;
		left: 0;
		width: 29%;
		max-width: 179px;
	}
	.order #secTel02 dd {
		float: none;
		margin-left: 0;
	}
	.order #secTel02 .jsTelLink {
		display: block;
		width: 66%;
		margin: 3% 0 0 auto;
	}
	.order #secTel02 .jsTelLink img {
		display: inline-block;
		max-width: 352px;
		width: 87%;
	}
	.order #secTel02 #secTel02Fax {
		top: 33%;
	}
	.order #secTel02 #secTel02Fax + dd > :first-child {
		width: 66%;
		margin: 1% 0 0 auto;
	}
	.order #secTel02 #secTel02Fax + dd > :first-child img {
		display: inline-block;
		width: 100%;
		max-width: 419px;
	}
	.order #secTel02 .download {
		margin-top: 10%;
		text-align: center;
	}
	.order #secTel02 .download span {
		display: block;
		margin-right: 0;
		margin-bottom: 6%;
	}
	.order #secTel02 .download img {
		width: 60%;
	}
}

/* お買い物ガイド / secGuide */
.order .secGuide {
	margin-top: 60px;
	font-size: 15px;
}
.order #container .secGuide .inner {
	max-width: 765px;
	margin: 0 auto;
}

.order .secGuide [class^="part"] {
	margin-top: 45px;
}
.order .secGuide dt {
	font-size: 19px;
	font-weight: bold;
	color: #000;
}
.order .secGuide dd {
	margin-top: 7px;
}
.order .secGuide .part02 li > p:first-child {
	position: relative;
	padding-left: 1.1em;
}
.order .secGuide .part02 li > p:first-child::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.6em;
	left: 0;
	transform: translateY(-50%);
	width: 1.0em;
	height: 1.0em;
	background-color: #595757;
	border-radius: 50%;
}
.order .secGuide .part02 li:first-child {
	margin-bottom: 30px;
}
.order .secGuide .part02 li:first-child > p:first-child {
	font-weight: bold;
	color: #e20000;
}
.order .secGuide .part02 li:first-child > p:first-child::before {
	background-color: #e20000;
}

@media screen and (min-width:769px) {
	.order .secGuide [class^="part"] {
		float: left;
		width: 340px;
	}
	.order .secGuide .part02 {
		float: right;
	}
	.order .secGuide .return {
		margin-top: 40px;
	}
	.order .secGuide .privacy {
		margin-top: 5px;
	}
}

@media screen and (max-width:768px) {
	.order .secGuide {
		margin-top: 23%;
		font-size: 14px;
	}
	.order #container .secGuide .inner {
		width: 87%;
	}

	.order .secGuide [class^="part"] {
		margin-top: 17%;
	}
	.order .secGuide .part02 {
		margin-top: 0;
	}
	.order .secGuide dl {
		line-height: 1.6em;
	}
	.order .secGuide dt {
		margin-top: 6%;
		font-size: 14px;
	}
	.order .secGuide dd {
		margin-top: 0.5%;
	}
	.order .secGuide .part02 li > p:first-child {
		padding-left: 0;
	}
	.order .secGuide .part02 li > p:first-child::before {
		content: "";
		display: inline-block;
		position: static;
		transform: translateY(10%);
		margin-right: 0.1em;
	}
	.order .secGuide .part02 li:first-child {
		margin-bottom: 6%;
	}
}

/* インターネットでのご注文の流れ / secWebOrderFlow */
.order #secWebOrderFlow {
	margin-top: 60px;
	font-size: 15px;
	color: #000;
}

.order #secWebOrderFlow ol {
	margin-top: 30px;
}
.order #secWebOrderFlow li {
	float: left;
	position: relative;
	width: 27.8%;
	height: 220px;
	margin-right: 8.3%;
	margin-bottom: 50px;
}
.order #secWebOrderFlow li:nth-child(3) {
	margin-right: 0;
}

.order #secWebOrderFlow .title {
	font-size: 17px;
	font-weight: bold;
	color: #e20000;
	text-decoration: underline;
}
.order #secWebOrderFlow .title::before {
	content: "\002460";
	display: inline;
}
.order #secWebOrderFlow li:nth-child(2) .title::before {
	content: "\002461";
}
.order #secWebOrderFlow li:nth-child(3) .title::before {
	content: "\002462";
}
.order #secWebOrderFlow li:nth-child(4) .title::before {
	content: "\002463";
}
.order #secWebOrderFlow li:nth-child(5) .title::before {
	content: "\002464";
}
.order #secWebOrderFlow .image {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.order #secWebOrderFlow img {
	border: solid 1px #000;
}
.order #secWebOrderFlow .notice {
	color: #e20000;
}

@media screen and (min-width:769px) {
	.order #secWebOrderFlow li:nth-child(4),
	.order #secWebOrderFlow li:nth-child(5) {
		height: 245px;
		margin-bottom: 0
	}
}

@media screen and (max-width:768px) {
	.order #secWebOrderFlow {
		margin-top: 20%;
		font-size: 10px;
	}

	.order #secWebOrderFlow ol {
		margin: 9% 7% 0;
	}
	.order #secWebOrderFlow li {
		width: 45%;
		height: auto;
		margin-right: 0;
		margin-bottom: 3%;
	}
	.order #secWebOrderFlow li:nth-child(2n) {
		float: right;
	}

	.order #secWebOrderFlow p + p {
		margin-top: 3%;
		font-size: 14px;
	}
	.order #secWebOrderFlow .title {
		font-size: 14px;
		text-decoration: none;
	}
	.order #secWebOrderFlow .title::before {
		display: inline-block;
	}
	.order #secWebOrderFlow .image {
		position: static;
	}
}

/* お問合せ先 / secContact */
.order .secContact {
	margin-top: 70px;
	font-size: 15px;
}
.order #container .secContact .inner {
	max-width: 550px;
	margin: 0 auto;
}

.order .secContact p:first-child {
	margin-top: 20px;
	text-align: center;
}
.order .secContact .image,
.order .secContact .address {
	margin-top: 50px;
}
.order .secContact .image {
	max-width: 405px;
}
.order .secContact .address {
	color: #000;
}

@media screen and (min-width:769px) {
	.order .secContact .image {
		float: left;
		width: 250px;
	}
	.order .secContact .address {
		float: right;
	}
}

@media screen and (max-width:768px) {
	.order .secContact {
		margin-top: 10%;
		font-size: 14px;
	}
	.order #container .secContact .inner {
		width: 73%;
		text-align: center;
	}

	.order .secContact p:first-child {
		margin-top: 8%;
		text-align: left;
	}
	.order .secContact .image {
		width: 82%;
		margin: 12% auto 0;
	}
	.order .secContact .address {
		display: inline-block;
		margin-top: 11%;
		text-align: left;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  ご注文内容のご確認　　20170308
* --------------------------------------------------------------------------------------------------*/
.order3 {
    background-color: #FFD000;
    margin: 60px auto 50px;
    text-align: center;
    padding: 30px 0;
}
.order #secWebOrder .part01-01, .order #secWebOrder .part02-02, .order #secWebOrder .part03-01{
	width: 665px;
	margin: 0 auto;
}
.order #secWebOrder .part01-01 table{
	margin-top: 6%;
    margin-left: auto;
	margin-right: auto;
    font-size: 14px;
    width: 100%;
}
.order #secWebOrder .part01-01 th{
	padding: 2% 0;
	text-align: center;
	border: solid 1px #000;
}
.order #secWebOrder .part01-01 td{
	padding: 2% 10px;
	text-align: center;
	border: solid 1px #000;
	vertical-align: middle;
}
.order #secWebOrder .part01-01 th.orderpBox01{
	width: 50%;
}
.order #secWebOrder .part01-01 th.orderpBox02, .order #secWebOrder .part01-01 th.orderpBox04{
	width: 20%;
}
.order #secWebOrder .part01-01 th.orderpBox03{
	width: 10%;
}
.order #secWebOrder .part01-01 td.orderpBox05{
	text-align: left;
}
.order #secWebOrder .part02-02 {
	padding-top: 10px;
}
.order #secWebOrder .part02-02 table {
	width: 100%;
	margin-top: 20px;
	font-size: 19px;
	color: #000;
	text-align: right;
	table-layout: fixed;
}
.order #secWebOrder .part02-02 th,
.order #secWebOrder .part02-02 td {
	padding: 12px 0;
	border: solid 1px #000;
	width: 33.333333%;
}
.order #secWebOrder .part02-02 th {
	text-align: center;
}
.order #secWebOrder .part02-02 td {
	padding-right: 2.0em;
}
.order #secWebOrder .part02-02 ul {
	margin-top: 15px;
	font-size: 15px;
}
.order #secWebOrder .part02-02 li {
	margin-top: 0.2em;
}
.order #secWebOrder .part03-01{
	margin-top: 60px;
}
.order #secWebOrder .part03-01 table{
	margin-top: 6%;
    margin-left: auto;
	margin-right: auto;
    font-size: 14px;
	width: 100%;
}
.order #secWebOrder .part03-01 th{
	padding: 2% 30px;
	border: solid 1px #000;
	width: 25%;
	min-width: 160px;
}
.order #secWebOrder .part03-01 td{
	padding: 2% 10px;
	border: solid 1px #000;
	vertical-align: middle;
}
.order3Box p {
    font-size: 16px;
	margin-top: 50px;
    margin-bottom: 50px;
}
.orderpBox06{
	clear: left;
	margin: 0px 60px 150px 60px;
	
}
@media screen and (max-width:768px) {
	.order #secWebOrder .part01-01, .order #secWebOrder .part02-02, .order #secWebOrder .part03-01{
	width: 94%;
	margin: 0 auto;
}
	.order #secWebOrder .part01-01 {
		margin: 0 auto;
	}
	.order #secWebOrder .part02-02 {
		padding-top: 0;
	}
	.order #secWebOrder .part02-02 table {
		margin-top: 6%;
		margin-left: 0;
		font-size: 14px;
	}
	.order #secWebOrder .part02-02 tr.spOnly {
		display: table-row;
	}
	.order #secWebOrder .part02-02 th,
	.order #secWebOrder .part02-02 td {
		padding: 2%;
		width: 50%;
	}
	.order #secWebOrder .part02-02 tr.spOnly th,
	.order #secWebOrder .part02-02 tr.spOnly td {
		padding-top: 5%;
		border: none;
	}
	.order #secWebOrder .part02-02 tr.spOnly th {
		color: #e20000;
	}
	.order #secWebOrder .part02-02-02 td {
		padding-right: 1.0em;
	}
	.order #secWebOrder .part02-02 ul {
		margin-top: 4%;
		margin-left: 1.5%;
		font-size: 11px;
	}

	.order #secWebOrder .part03-01 {
		margin-top: 23%;
	}
	
	.order3Box p {
		font-size: 13px;
	}
	.order #secWebOrder .part03-01 table{
		margin-top: 6%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
		width: 100%;
	}
.order #secWebOrder .part03-01 th{
	padding: 2% 5px;
	border: solid 1px #000;
	width: 25%;
	min-width: 160px;
	}
.order #secWebOrder .submitArea .fR{
		float: none;
		margin-bottom: 15px;
	}
.order #secWebOrder .submitArea .fL{
		float: none;
		width: 45%;
	}
	
}
/* ----------------------------------------------------------------------------------------------------
*  注文完了　　20170307
* --------------------------------------------------------------------------------------------------*/
.order2{
	background-color: #FFD000;
	margin: 60px auto 100px;
	text-align: center;
	padding: 30px 0;
}
.order2Box{
	width: 660px;
	margin: 0 auto;
}
.order2Box p{
	font-size: 16px;
	margin-bottom: 100px;
}
.order2Text01{
	font-size: 20px;
	font-weight: bold;
	line-height: 2.2em;
}
.order2Box img{
	display: block;
	margin: 0 auto;
}
.order2Box a:hover {
	opacity: 0.75;
}
@media screen and (max-width:768px) {
	.order2, .order3{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.order2Box{
	width: 94%;
	margin: 0 3%;
}
.order2Box p{
	font-size: 14px;
	margin-bottom: 100px;
}
.order2Text01{
	font-size: 16px;
	font-weight: bold;
	line-height: 2.2em;
}
.txtRed04{
	color: #e20000;
	font-weight: bold;
	line-height: 1.8em;
}
.order2Box img{
	width: 60%;
	max-width: 288px;
	}
.order #secWebOrder .part03-01 th{
	min-width: 120px;
	border: none;
	}
	.order #secWebOrder .part03-01 td{
		margin: 2% 5px;
		border: none;
	}
}



/* ----------------------------------------------------------------------------------------------------
*  採用情報
* --------------------------------------------------------------------------------------------------*/
.recruitText{
	border-top:6px solid #f0e9df; 
	width: 100%;
	border-bottom:6px solid #f0e9df; 
	padding-bottom: 25px;
	padding-top: 25px;
}
.recruitText p{
    margin-left: 15px;
    line-height: 36px;
}
.recruitText img{
	margin-left: 0;
	margin-top: 45px;
    margin-bottom: 30px;
	border: solid 1px #0093FF;
}
.recruitBox{
	margin-top: 60px;
}
.recruitText a{
    color: #c63f5f;
    font-size: 16px;
    text-decoration: underline;
}
@media screen and (max-width:768px) {
	.recruitText{
		border-top:none; 
		border-bottom:none; 
	}
	.recruitText p{
		margin-left: 5px;
		line-height: 2.2em;
		text-align: center;
	}
	.recruitText img{
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.recruitText p.recruitBox {
		text-align: left;
		margin: auto;
		width: 310px;
	}
	.recruitText a{
		font-size: 13px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  株主のみなさまへトップ
* --------------------------------------------------------------------------------------------------*/
.shareindexBox01 dl{
	display: flex;
	flex-flow: wrap;
	border: solid 0.25px #999;
	padding-bottom: 15px;
}
.shareindexBox01 dt{
	width:100px;
	font-size: 16px;
	margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-left: 35px;
}
.shareindexBox01 dd{
	width:  550px;
	font-size: 16px;
	margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
}
.shareindexBox02 dl{
	display: flex;
	flex-flow: wrap;
	margin: 15px 2px;
}
.shareindexBox02 dd{
    font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif・ｿ;
	width: 235px;
	height: 100px;
	margin: 6px;
	text-align: center;
	font-weight: bold;
}
.shareMenu02 p{
	margin: 0px 0px;
	position: relative;
}
.shareMenu01 p{
	margin: 0px 0px;
	position: relative;
}
.shareindexBox02 a{
	width: 235px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0;
	padding-top:40px;
}
.shareindexBox02 .shareMenu01 a{
	padding-top: 30px;
}
.shareBtn01{
	background: url(../img/company/shareholder/bg04.jpg) no-repeat bottom center;
}
.shareBtn02{
	background: url(../img/company/shareholder/bg02.jpg) no-repeat bottom center;
}
.shareBtn03{
	background: url(../img/company/shareholder/bg03.jpg) no-repeat bottom center;
}
.shareBtn04{
	background: url(../img/company/shareholder/bg02.jpg) no-repeat bottom center;
}
.shareBtn05{
	background: url(../img/company/shareholder/bg03.jpg) no-repeat bottom center;
}
.shareBtn06{
	background: url(../img/company/shareholder/bg04.jpg) no-repeat bottom center;
}
.shareBtn07{
	background: url(../img/company/shareholder/bg03.jpg) no-repeat bottom center;
}
.shareBtn08{
	background: url(../img/company/shareholder/bg04.jpg) no-repeat bottom center;
}
.shareBtn09{
	background: url(../img/company/shareholder/bg02.jpg)no-repeat bottom center;
}
.shareBtn10{
	background: url(../img/company/shareholder/bg04.jpg)no-repeat bottom center;
}

.shareBox03{
	display: flex;
	flex-flow: wrap;
}
.shareBox03 h3{
	width:300px;
	margin-right:280px;
	margin-bottom: 0;
}
.shareBox03 p{
	width:150px;
	margin-top: 15px;
}
.shareBox03 a{
	text-decoration: underline;
}
.shareLink{
	margin-top: 30px;
}
@media screen and (max-width:768px) {
	.shareindexBox01 dl{
		padding-bottom: 15px;
		margin: 0 10px;
	}
	.shareindexBox01 dt{
		width:25%;
		font-size: 14px;
		margin-top: 15px;
		margin-right: 10px;
		margin-bottom: 0px;
		margin-left: 5px;
	}
	.shareindexBox01 dd{
		width:100%;
		max-width: 450px;
		font-size: 14px;
		margin-top: 15px;
		margin-right: 5px;
		margin-bottom: 0px;
		margin-left: 5px;
	}
	.shareindexBox02{
		margin: 0 auto;
	}
	.shareindexBox02 dl{
		display: flex;
		flex-flow: wrap;
		margin: 15px auto;
		font-size: 15px;
		max-width: 590px;
	}
	.shareindexBox02 dd{
		width:40%;
		max-width: 235px;
		height:100px;
		margin: 5%;
		text-align: center;
		font-weight: bold;
		float: left;
	}
	.shareMenu02 p{
		margin: 0;
		position: relative;
	}
	.shareMenu01 p{
		margin: 0;
		position: relative;
	}
	.shareMenu01 a{
		width: 100%;
		height: 100px;
		display: block;
		position: absolute;
		top: 0;
		padding-top: 25px;
	}
	.shareMenu02 a{
		width: 100%;
		height: 100px;
		display: block;
		position: absolute;
		top: 0;
		padding-top: 38px;
		}
		.shareBox03{
		display: block;
		flex-flow: nowrap;
	}
	.shareBox03 h3{
		width:100%;
		margin-right:0;
		margin-bottom: 0;
	}
	.shareBox03 p{
		width:0;
		margin-top: 0;
	}
	.shareLink{
		margin-top: 30px;
		font-size: 18px;
	}
	.shareLink a{
		text-decoration: underline;
	}
	.shareBtn01{
		background: url(../img/company/shareholder/bg04.jpg) no-repeat bottom right;
	}
	.shareBtn04{
		background: url(../img/company/shareholder/bg04.jpg) no-repeat bottom center;
	}
	.shareBtn05{
		background: url(../img/company/shareholder/bg02.jpg) no-repeat bottom center;
	}
	.shareBtn06{
		background: url(../img/company/shareholder/bg03.jpg) no-repeat bottom center;
	}
	.shareBtn07{
		background: url(../img/company/shareholder/bg04.jpg) no-repeat bottom center;
	}
	.shareBtn08{
		background: url(../img/company/shareholder/bg03.jpg) no-repeat bottom center;
	}
	.shareBtn09{
		background: url(../img/company/shareholder/bg02.jpg)no-repeat bottom center;
	}
	.shareBtn10{
		background: url(../img/company/shareholder/bg04.jpg)no-repeat bottom center;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  会社情報・ＩＲトップ
* --------------------------------------------------------------------------------------------------*/
.compindexBox img{
}
.compindexBox p>img{
	margin-right: 7px;
	padding-bottom: 3px;
	display: inline;
	vertical-align: middle;
}
.compindexMenu01 p{
	line-height: 30px;
	margin: 5px ;
}
.compindexMenu01 ul{
	display: flex;
	flex-flow: wrap;
	padding-bottom: 30px;
}
.compindexMenu01 li{
	font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif・ｿ;
	font-size: 18px;
	font-weight: bold;
    width: 234px;
    padding-bottom: 30px;
    margin: 7px;
}
.compindexMenu02 p{
	line-height: 22px;
	margin: 5px ;
	text-align: center;
}
.compindexMenu02 ul{
	display: flex;
	flex-flow: wrap;
	padding-bottom: 30px;
}
.compindexMenu02 li{
    font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif・ｿ;
	font-size: 18px;
	font-weight: bold;
	width:234px;
	height:86px;
	padding-bottom: 30px;
    margin-top: 7px;
    margin-right: 7px;
    margin-bottom: 37px;
    margin-left: 7px;
	position: relative;
}
.compindexMenu02 a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 86px;
}
.compindexBtn01{
	width: 235px;
	height: 85px;
	background: url(../img/company/index/bg05.jpg) no-repeat bottom center;
}
.compindexBtn01 a{
	padding-top: 30px;
}
.compindexBtn02{
	width: 235px;
	height: 85px;
	background: url(../img/company/index/bg06.jpg) no-repeat bottom center;
}
.compindexBtn02 a{
	padding-top: 30px;
}
.compindexBtn03{
	width: 235px;
	height: 85px;
	background: url(../img/company/index/bg07.jpg) no-repeat bottom center;
}
.compindexBtn03 a{
	padding-top: 22px;
}
.compindexMenu03 p{
	line-height: 30px;
	margin: 5px ;
}
.compindexMenu03 ul{
	display: flex;
	flex-flow: wrap;
	padding-bottom: 30px;
}
.compindexMenu03 li{
	font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif;
	font-size: 18px;
	font-weight: bold;
    width: 363px;
    padding-bottom: 30px;
    margin: 4px;
}
@media screen and (max-width:768px) {
	.compindexBox p{
		font-size: 14px;
		line-height: 22px;
		margin: 0;
	}
	.compindexBox p>img{
		width: 16px;
	}
	.compindexBox img{
		width: 100%;
	}
	.compindexMenu01 ul{
		width: 100%;
		margin: 0 auto;
	}
	.compindexMenu01 li{
		width: 46%;
		margin: 2%;
		float: left;
	}
	.compindexMenu02 ul{
		width: 100%;
		margin:0 auto 30px auto;
	}
	.compindexMenu02 li{
		width: 46%;
		margin: 2%;
		margin-bottom: 15px;
		float: left;
	}
	.compindexBtn04 p{
		line-height: 86px;
	}
	.compindexBtn04 img{
		display: inline;
		vertical-align: middle;
		max-width: 220px;
		margin: auto 0;
	}
	.compindexBtn04 a{
		height: 65px;
	}
	.compindexMenu03 ul{
		display: block;
		flex-flow: nowrap;
		width: 100%;
		margin: 0 auto;
	}
	.compindexMenu03 li{
		width: 94%;
		margin: auto 3%;
		float: left;
	}
	
}
/* ----------------------------------------------------------------------------------------------------
*  社名&マークの由来
* --------------------------------------------------------------------------------------------------*/
.nameBox h4{
	font-weight: bold;
	color: #C30;
	font-size: 18px;
	padding-bottom: 15px;
}
.nameBox p{
	font-size: 16px;
	line-height: 36px;
}
.nameBox img{
	margin-bottom: 30px;
}
.nameText01{
	border-top:6px solid #f0e9df;
	padding-top: 30px;
	padding-bottom: 45px;
	padding-left: 30px;
	padding-right: 30px;
}
.nameText02{
	border-top: 6px solid #f0e9df;
	border-bottom:  6px solid #f0e9df;
	padding-top: 30px;
	padding-bottom: 45px;
	padding-left: 30px;
	padding-right: 30px;
}
.nameBd{
	color: #C30;
	position: relative;
	font-weight: bold;
	margin-top: 30px;
}
.nameBd:before{
	border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
.nameBd span{
    background-color: white;
    display: inline-block;
    padding: 0;
    position: relative;
}
.nameRed{
	color: #C30;
	font-weight: bold;
}
@media screen and (max-width:768px) {
	.nameBox{
		padding: 0 20px;
	}
	.nameBox h4{
		font-weight: bold;
		color: #C30;
		font-size: 14px;
		padding-bottom: 15px;
	}
	.nameBox p{
		font-size: 14px;
		line-height: 2.2em;
	}
	.nameText01{
		border-top:none;
		padding-top: 30px;
		padding-bottom: 45px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.nameText02{
		border-top:none;
		border-bottom:none;
		padding-top: 30px;
		padding-bottom: 45px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.nameImgsmall{
		width: 40%;
		max-width: 155px;
	}
	.nameText01 img{
		max-width: 120px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  月島もんじゃトップ
* --------------------------------------------------------------------------------------------------*/
.mindexMenu{
	width: 900px;
	margin: auto;
}
.mindexMenu ul{
	display: flex;
	flex-flow: wrap;
}
.mindexMenu li{
	margin: 5px auto;
}
.tukisimaBtn {
	width:316px;
	margin: 100px auto;
}

@media screen and (max-width:768px) {
	.mindexMenu{
	width: 100%;
	margin: auto;
}
.mindexMenu ul{
	display: flex;
	flex-flow: wrap;
	width: 96%;
	margin: 0 auto;
}
.mindexMenu li{
	width: 70%;
	margin: 3% auto ;
	float: none;
}
.mindexMenu li>a{
    display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.tukisimaBtn {
	width:65%;
	margin: 30px auto;
}
	.monjyaImages{
		width: 50%;
		max-width: 210px;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  もんじゃ焼について
* --------------------------------------------------------------------------------------------------*/
.maboutText img {
	margin-top: 40px;
    margin-bottom: 40px;
}
.maboutBox01 {
    display: block;
    position: relative;
    width: 800px;
    margin: 0 auto 60px auto;
}
.maboutBox01 p {
    float: left;
    width: 450px;
	padding-right: 70px;
}
.maboutText p {
    font-size: 16px;
    line-height: 36px;
}
.maboutBox02 {
    width: 800px;
    margin: 0 auto;
    display: block;
    position: relative;
}
.maboutBox02 p {
    float: right;
    width: 350px;
}
.maboutBox02 img {
    width: 400px;
    display: block;
    margin: 0;
}

@media screen and (max-width:768px) {
	.maboutText img	{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.maboutImage{
		width: 56%;
		max-width: 280px;
	}
	.maboutBox01{
		width: 100%;
	}
	.maboutBox01 p{
		width: 80%;
		margin: 0 auto;
		padding: 10px;
		font-size: 14px;
		line-height: 2.2em;
		position: relative;
		float: none;
	}
	.maboutBox02{
		width: 100%;
	}
	.maboutBox02 p{
		width: 80%;
		margin: 0 auto;
		padding: 10px;
		font-size: 14px;
		line-height: 2.2em;
		position: relative;
		float: none;
	}
	.maboutBox02 img{
		margin: 0 auto;
	}
	h2.monja img{
		width: 80%;
		max-width: 440px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  月島もんじゃ店舗情報
* --------------------------------------------------------------------------------------------------*/
.mosusumeText {
    width: 800px;
    margin: 0 auto;
}
.mosusumeText p {
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 45px;
}
.mosusumeText img {
    margin-bottom: 40px;
    margin-top: 40px;
}
.mosusumeText dl {
    display: flex;
    flex-flow: wrap;
}
.mosusumeText dd {
    width: 230px;
    font-size: 16px;
    text-align: center;
	margin: 0 85px;
}
.tukisimaBtn02 {
	width:316px;
	margin: 100px auto;
}
@media screen and (max-width:768px) {
	.mosusumeText {
		width: 100%;
	}
	.mosusumeText p{
		font-size: 14px;
	}
	.mosusumeText dd {
		width: 100%;
		margin: 0 10px;
	}
	.mosusumeImages{
		width:50%;
		max-width: 210px;
	}
	.tukisimaBtn02 {
	width:75%;
	margin: 30px auto;
}
}
/* ----------------------------------------------------------------------------------------------------
*  おいしいもんじゃ焼の作り方
* --------------------------------------------------------------------------------------------------*/
.moisiiText {
    width: 700px;
    margin: 0 auto;
	font-size: 18px;
	line-height: 28px;
}
.moisiiText img {
    margin: 40px auto;
}
.moisiiBox01 p {
    width: 490px;
	padding: 10px;
}
.moisiiBox01 {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}
.moisiiBox01 img {
    margin: auto;
}
dl.mrecipeBox01 {
    display: flex;
    flex-flow: wrap;
}
dl.mrecipeBox01 dt {
    width: 100%;
}
.mrecipeBox01 img {
    margin: 40px 0 10px;
}
.mrecipeBox01 .mrecipe01 {
    width: 490px;
    padding: 10px;
}
.mrecipe02 {
    width: 200px;
}
.mrecipe02 img {
    margin: 0 15px;
}
.moisiiText02{
	width: 700px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 28px;
}
.moisiiText02 img {
    margin: 40px auto;
}
.mhiketsuBox{
	display: flex;
	flex-flow: wrap;
	margin-bottom: 100px;
}
.mhiketsuBox02{
	width: 320px;
	padding: 0 15px;
}
.mhiketsuBox03{
	width: 350px;
}
.mhiketsuBox03 img{
	margin: 0 0 30px 30px;
}
.mhiketsuBox04{
	width: 350px;
}
.mhiketsuBox04 img{
	margin: 0 30px 0 0;
}
.moisiiList02{
	display: flex;
	flex-flow: wrap;
	margin-top: 60px;
	margin-bottom: 30px;
}
.moisiiList02 dt {
    width: 100px;
}
.moisiiList02 img{
    margin: 0 15px 30px 0;
}
.moisiiList02 dd {
    width: 600px;
    padding:5px 10px;
}
img.oisiiImg {
    margin: 0 0 0 auto;
}
.oisiiLink a{
	text-decoration: underline;
	color: #C00;
}
@media screen and (max-width:768px) {
	.moisiiText {
		width: 96%;
		margin: 0 auto;
		font-size: 14px;
		line-height: 2.2em;
	}
	.moisiiText img {
		margin: 20px auto;
	}
	.moisiiBox01 p {
		width: 90%;
		padding: 10px;
		margin: 0 auto;
	}
	.moisiiBox01 {
		width: 100%;
		margin-bottom: 30px;
		display: flex;
		flex-flow: wrap;
	}
	.moisiiBox01 img {
		margin: auto;
	}
	dl.mrecipeBox01 dt {
		width: 100%;
		margin-top: 30px;
	}
	.mrecipeBox01 img {
		margin: 15px auto ;
	}
	.mrecipeBox01 .mrecipe01 {
		width: 90%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.mrecipe02 {
		width: 100%;
	}
	.mrecipe02 img {
		margin: auto;
	}
	.moisiiText02{
		width: 96%;
    	margin: 0 auto;
		font-size: 14px;
		line-height: 2.2em;
	}
	.moisiiText02 img {
		margin: 40px auto;
	}
	.mhiketsuBox{
		margin-bottom: 100px;
	}
	.mhiketsuBox02{
		width: 90%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.mhiketsuBox03{
		width: 100%;
	}
	.mhiketsuBox03 img{
		margin: 5px auto;
	}
	.mhiketsuBox04{
		width: 100%;
	}
	.mhiketsuBox04 img{
		margin: 5px auto;
	}
	.moisiiList02{
		margin-top: 60px;
		margin-bottom: 30px;
	}
	.moisiiList02 dt {
		width: 100%;
	}
	.moisiiList02 img{
		margin: auto;
	}
	.moisiiList02 dd {
		width: 90%;
		padding:5px 0;
		text-align: center;
		margin: 0 auto;
	}
	img.oisiiImg {
		margin: auto;
	}
	.moisiiText03{
		padding: 0 10px;
		width: 90%;
		margin: 0 auto;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  パーティー気分でもんじゃ
* --------------------------------------------------------------------------------------------------*/

.moisii02Box01{
	display: flex;
	flex-flow: wrap;
	width:750px;
	margin: 0 auto;
}
.moisii02Box01 p{
	font-size: 18px;
	width: 700px;
	margin: 50px auto;
	text-align: center;
}
.moisii02Box01 dl{
	width: 230px;
	height:296px;
	margin: 10px;
	position: relative;
}
.moisii02Box01 dt{
	font-size: 18px;
	text-align: center;
	padding-top: 58%;
}
.moisii02Box01 a{
	color: #C00;
	text-decoration: underline;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	padding-top: 50%;
}
.moisii02Box01 dd{
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	color: #000;
	height: 100px;
}
.cont01-01{
	background: url(../img/monjya/oisii2/oisii2_bg01.jpg)no-repeat center top;
}
.cont01-02{
	background: url(../img/monjya/oisii2/oisii2_bg02.jpg)no-repeat center top;
}
.cont01-03{
	background: url(../img/monjya/oisii2/oisii2_bg03.jpg)no-repeat center top;
}
.cont01-04{
	background: url(../img/monjya/oisii2/oisii2_bg04.jpg)no-repeat center top;
}
.cont01-05{
	background: url(../img/monjya/oisii2/oisii2_bg05.jpg)no-repeat center top;
}
.cont01-06{
	background: url(../img/monjya/oisii2/oisii2_bg06.jpg)no-repeat center top;
}
.cont01-07{
	background: url(../img/monjya/oisii2/oisii2_bg07.jpg)no-repeat center top;
}
.cont01-08{
	background: url(../img/monjya/oisii2/oisii2_bg08.jpg)no-repeat center top;
}
.cont01-09{
	background: url(../img/monjya/oisii2/oisii2_bg09.jpg)no-repeat center top;
}

.moisii02Box02{
	display: flex;
	flex-flow: wrap;
	width: 750px;
	margin: 0 auto;
}
.moisii02Box02 p{
	font-size: 18px;
	width: 700px;
	margin: 50px auto;
	text-align: center;
}
.moisii02Box02 ul{
	display: flex;
	flex-flow: wrap;
	width: 750px;
	margin: 0 auto;
}
.moisii02Box02 ul li{
	width: 365px;
	margin: 5px;
	float: left;
}
.moisii02Box03{
	display: flex;
	flex-flow: wrap;
	width:750px;
	margin: 0 auto;
}
.moisii02Box03 dl{
	background: url(../img/monjya/oisii2/oisii2_bg16.jpg) no-repeat center;
	width: 215px;
	height: 190px;
	margin: 17px;
}
.moisii02Box03 dd{
	text-align: center;
	font-size: 16px;
}
.moisii02Box03 span{
	font-size: 18px;
	font-weight: bold;
	color: #C00;
}
.moisii02Box03 ul{
	display: flex;
	flex-flow: wrap;
	width:750px;
	margin: 0 auto;
}
.moisii02Box03 ul li{
	width: 216px;
	margin: 15px 17px;
	float: left;
}
@media screen and (max-width:768px) {
	.moisii2Text{
		margin: 0 10px;
		}
	.moisiiImage{
		width: 65%;
		max-width: 280px;
		}
	.moisii02Box01{
		width:100%;
		max-width: 750px;
		margin: 0 auto;
	}
	.moisii02Box01 p{
		font-size: 14px;
		line-height: 1.8em;
		width: 100%;
		max-width: 700px;
		margin: 50px auto;
	}
	.moisii02Box01 dl{
		margin: 10px auto;
		height: 235px;
	}
	.moisii02Box01 dt{
		font-size: 16px;
	}
	.moisii02Box01 dd{
		font-size: 13px;
		margin-top: 10px;
	}
	.moisii02Box02{
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
	}
	.moisii02Box02 p{
		font-size: 14px;
		line-height: 1.8em;
		width: 100%;
		max-width: 700px;
		margin: 50px auto;
	}
.moisii02Box02 ul{
	display: block;
	width: 96%;
	margin: 0 auto;
}
.moisii02Box02 ul li{
	width: 100%;
	margin: 0 0 15px 0;
	float: none;
}
	
	.moisii02Box03{
		width: 100%;
		max-width:750px;
		margin: 0 auto;
	}
	.moisii02Box03 ul{
	width: 96%;
	margin: 0 auto;
}
.moisii02Box03 ul li{
	width: 46%;
	margin: 0 2% 15px ;
}

	.moisii02Box03 img.moisiiImage {
		display: block;
		width: 243px;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  キャベツの効能
* --------------------------------------------------------------------------------------------------*/
.moisii03Text {
    width: 750px;
    margin: 0 auto;
}
.moisii03Image {
	margin-top: 40px;
    margin-bottom: 40px;
}
.moisii03Box01 {
    display: flex;
    flex-flow: wrap;
}
.moisii03Box01 dl {
    width: 50%;
}
.moisii03Box01 img {
    margin : 15px 0;
}
.moisii03Box01 dd{
    margin: 0 30px 30px 0;
    font-size: 16px;
}
.moisii03Box01 .txtRed01{
    font-size: 20px;
}
.moisii03Box02 p {
    font-size: 18px;
    line-height: 2.2em;
    width: 400px;
    padding: 20px;
}
.moisii03Box02 {
    display: flex;
    flex-flow: wrap;
}
.moisii03Box02 img {
    margin: 0 auto;
}
@media screen and (max-width:768px) {
	.moisii03Text {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		padding: 0 5px;
	}
	.moisii03Image{
		width: 65%;
		max-width: 280px;
		margin: 0 auto;
	}
	.moisii03Box01 dl{
		width: 100%;
	}
	.moisii03Box01 img{
		width: 60%;
		max-width: 211px;
	}
	.moisii03Box01 .txtRed01{
		font-size: 16px;
	}
	.moisii03Box01 dd{
		font-size: 14px;
		margin: 5px;
	}
	.moisii03Box02 p{
		font-size: 14px;
		padding: 10px;
		text-align: center;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  おすすめの商品紹介
* --------------------------------------------------------------------------------------------------*/
.msetText img {
	margin-top: 40px;
    margin-bottom: 40px;
}
.msetBox01 p {
    font-size: 18px;
    text-align: center;
    line-height: 36px;
}
.msetText {
    width: 900px;
    margin: 0 auto;
}
.msetBox02 dl {
    display: flex;
    flex-flow: wrap;
}
.msetBox02 dt {
    width: 170px;
}
.msetBox02 .msetList01 dd {
    font-size: 16px;
    line-height: 28px;
    padding-top: 100px;
    padding-left: 50px;
    width: 530px;
}
.msetBox02 .msetList02 dd {
    font-size: 16px;
    line-height: 28px;
    padding-top: 60px;
    padding-left: 50px;
    width: 530px;
}
.msetBox02 .txtRed01{
	font-size: 18px;
}
.msetBox02 {
    width: 700px;
    margin: 0 auto;
}
.msetBox03 {
    border: solid 3px #C00;
    background-color: #FFEEA2;
    text-align: center;
    padding:5px 30px;
    width: 400px;
    margin: 40px auto 0 auto;
	line-height: 36px;
}
.msetContact{
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width:768px) {
	.msetText {
    width: 95%;
    margin: 0 auto;
}
.msetBox01 p {
    font-size: 14px;
    text-align: center;
    line-height: 2.2em;
}
	.msetBox02{
		width: 100%;
	}
	.msetBox02 dt{
		margin: 0 auto;
	}
	.msetBox02 .msetList01 dd{
		padding: 0;
		text-align: center;
		width: 80%;
		margin: 0 auto;
		font-size: 14px;
	}
	.msetBox02 .msetList02 dd{
		padding: 0;
		text-align: center;
		width: 80%;
		margin: 0 auto;
		font-size: 14px;
	}
	.msetBox03{
		width: 100%;
		font-size: 14px;
		line-height: 1.8em;
	}
	.msetImage{
		width: 75%;
		max-width:280px; 
	}
}

/* ----------------------------------------------------------------------------------------------------
*  もっとソースを知る・楽しむトップ
* --------------------------------------------------------------------------------------------------*/
.spc{
	background: url(../img/f/special_bg.png) repeat;
}
.spc .inner{
	width: 1000px;
	margin: 0 auto;
}
dl.spcBox {
    display: flex;
    flex-flow: wrap;
    width: 640px;
    margin: 0 auto;
	padding-bottom: 150px;
}
dd.spcBtn01 {
    margin: 20px 0;
}
dl.spcBox dd{
	margin: 0 auto;
}
dl.spcBox dd p {
    line-height: 2.2em;
    font-size: 14px;
	padding-left: 5px;
	padding-bottom: 15px;
}
dl.spcBox dd img{
	box-shadow:1px 1px 3px 0px #666;
	-moz-box-shadow:1px 1px 3px 0px #666;
	-webkit-box-shadow:1px 1px 3px 0px #666;

}
.spcpl20{
	padding-left: 20px;
}
.spcpr20{
	padding-right: 20px;
}
@media screen and (max-width:768px) {
	.spc .inner {
    width: 98%;
    padding: 0 1%;
}
dl.spcBox {
    width: 100%;
    max-width: 640px;
	position: relative;
}
dl.spcBox dd p {
    font-size: 13px;
	line-height: 1.4em;
	padding-top: 5px;
}
.spcpl20{
	padding-left: 0;
}
.spcpr20{
	padding-right: 0;
}
	dl.spcBox dd{
		width: 48%;
		margin: 0 1%;
		float: left;
	}
	dl.spcBox dd.spcBtn01{
		float:none;
		width:100%;
		
	}
	
}

/* ----------------------------------------------------------------------------------------------------
*  フォームページ
* --------------------------------------------------------------------------------------------------*/
#main02 h2 {
    margin-top: 40px;
    padding-bottom: 30px;
}
.contact{
	width: 890px;
	margin: 0 auto 150px;
}
.contactBox {
    width: 670px;
    margin: 0 auto;
    font-size: 14px;
}
.contactBox th {
    width: 220px;
    text-align: right;
    padding-right: 15px;
    font-weight: bold;
    font-size: 16px;
}
.contactBox th.vam {
	vertical-align: middle;
}

.contactBox td {
    width: 450px;
    padding: 10px 0;
}
.contactBox .error{
    padding: 0 !important;
}
.contact .contactMsg {
    width: 550px;
    margin: 50px auto;
    line-height: 2.2em;
}
.contactBox input[type="text"] {
    border: solid 1px #999;
    width: 100%;
    height: 40px;
    padding: 5px;
}
.contactBox .contactSmall input[type="text"] {
	width: 100px;
}
.contactBox .contactSmall span{
	margin: 0 5px;
}
.contactBox .contactMiddle input[type="text"] {
    width: 190px;
}
.contactBox textarea {
    border: solid 1px #999;
	width: 100%;
	height: 130px;
}
.contactStrong{
	font-weight: bold;
	line-height: 3em;
}
.contact input[type="checkbox"]{
	vertical-align: middle;
}
.contact .pink{
	background-color: #FCF;
}
.contact .submitArea{
	text-align: center;
}
.contact .submitArea .button {
    width: 250px;
    max-width: 320px;
    margin: 0 auto;
}
.contact button {
	box-sizing: border-box;
	max-width: 100%;
	background: transparent none;
	border: none;
	outline: none;
	font-size: inherit;
	font-family: inherit;
	cursor: pointer;
	transition: 0.2s;
	padding: 0;
}
.contact button:hover {
	opacity: 0.75;
}
/* ---プルダウンデコ用---*/
.container > .dropdown {
  margin: 0;
  vertical-align: top;
}

.dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  width: 100px;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
.dropdown:before, .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
.dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.dropdownDeco {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  color: #62717a;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.dropdownDeco:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dropdownDeco > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
  z-index: 1;
}
.lt-ie9 .dropdownDeco {
  z-index: -1;
}
.lt-ie9 .dropdownDeco:focus {
  z-index: 3;
}
/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix(../contact/input.html) {
  .dropdownDeco {
    padding-left: 6px;
  }
	.dropdown:before, .dropdown:after{
		z-index: -1;
	}
}



@media screen and (max-width:768px) {
	.contact{
		width: 94%;
		margin: 0 auto;
	}
	.contactBox {
		width: 100%;
	}
	.contactBox td, .contactBox th{
		display: block;
		width: 100%;
	}
	.contactBox th{
		text-align: left;
		font-size: 14px;
	}
	.contact .contactMsg {
		width: auto;
		margin: 10px 0;
		line-height: 1.8em;
	}
	.contactBox input[type="text"] {
		height: auto;
	}
	.contactBox .contactMiddle input[type="text"] {
	    width: 100%;
	    text-align:left;
	    margn:0;
	}
	.contactBox td{
	    text-align:left;
	}
}


/* 確認ページ */
.contactTbl{
	border: solid 1px #CCC;
}
.contactTbl th{
	border: solid 1px #CCC;
	padding: 10px;
	text-align: left;
}
.contactTbl td{
	border: solid 1px #CCC;
	padding: 10px;
}

@media screen and (max-width:768px) {
	.contactTbl{
		width: 100%;
	}
.contact .submitArea .fR {
		width: auto;
		float: none;
		margin-bottom:15px;
		margin-top: 80px;
	}
.contact .submitArea .fL{
		width: 200px;
		float: none;
	}

}
/* 問合せトップページ */
.contactBox h3 {
    font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif・ｿ;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
    padding: 15px;
    border-bottom: solid 1px #999;
}
.contactBox p.contactTxt01 {
    font-size: 18px;
    font-weight: bold;
}
.contactBox a {
    text-decoration: underline;
	line-height: 2.2em;
	color: #C00;
}
.contactBox ul {
    margin: 15px;
}
.contactBox li {
    list-style-type: disc;
    margin-left: 10px;
    padding: 15px 0;
}
.contactBox dl {
    display: flex;
    flex-flow: wrap;
	margin: 50px 0;
}
.contactBox dt {
	width: 40px;
}
.contactBox dd {
	width: 630px;
	padding: 5px;
	line-height: 2.2em;
}
.contactBox dd.contactStrong02{
	font-weight: bold;
	font-size: 18px;
	padding: 0 5px;
	line-height: 2.1em;
}
.contactQA{
	margin-left: 45px;
}
.contactTtl{
	display: block;
	color: #C00;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}
@media screen and (max-width:768px) {
	.contactTtl{
		font-size: 12px;

	}
	.contactBox dd {
		width: auto;
	}
	.contactBox dd.contactStrong02{
		font-size: 14px;
		padding: 0 5px;
		line-height: 2.1em;
	}
	.contactBox dd img.spOnly{
		width: 20px;
		display: inline;
		vertical-align: middle;
		margin-right: 10px;
	}
	.comtactBox a{
	}
	.contactBox p.contactTxt01 {
		font-size: 14px;
	}
	.contactQA{
		margin: 0;
	}
	.contactBox h3 {
		font-size: 16px;
	}
}


/* 問合せ完了ページ */
.contactBox p.contactTxt02{
	font-size: 18px;
    font-weight: bold;
	margin: 60px 0;
}
.contactBox p.contactTxt03 {
    line-height: 1.8em;
    font-size: 16px;
    width: 550px;
    margin: 0 auto;
}
@media screen and (max-width:768px) {
	.contactBox p.contactTxt02{
		font-size: 14px;
		margin: 20px 0;
	}
	.contactBox p.contactTxt03 {
		font-size: 14px;
		width: 100%;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  プライバシーポリシー
* --------------------------------------------------------------------------------------------------*/
.privacyBox {
    width: 600px;
    margin: 0 auto;
    font-size: 16px;
}
.privacyBox p {
    margin: 50px 0;
    padding: 0 10px;
}
.privacyBox ul {
    border-top: solid 1px #ccc;
}
.privacyBox li {
    list-style-type: decimal;
    margin-left: 20px;
    margin-top: 20px;
    font-weight: bold;
}
.privacyBox ul li p {
    margin: 5px 0;
    font-weight: normal;
    padding: 0;
}
.privacyBox a {
    text-decoration: underline;
    color: #C00;
}
@media screen and (max-width:768px) {
	.privacyCon{
		width: 94%;
		margin: 0 auto;
	}
	.privacyBox{
		width: 100%;
		font-size: 14px;
	}
	.privacyBox p {
		margin: 20px 0;
	}

}


/* ----------------------------------------------------------------------------------------------------
*  philosophy.html
* --------------------------------------------------------------------------------------------------*/
#container.philosophy {
	width: 100%;
	background: url(../img/philosophy/bg_philosophy01.jpg) repeat-x top;
	position: relative;
}
.philosophy .breadcrumb {
	max-width: 1000px;
	margin: 0 auto 20px;
	padding: 20px 0 0;
}
.philosophy .breadcrumb li {
	color: inherit;
}
.philosophy section {
	max-width: 1200px;
	margin: 0 auto;
}
.philosophy section > .contentIn {
	width: 900px;
	margin: 0 auto;
}
.philosophy h1,
.philosophy h2 {
	color: #b00;
	font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif・ｿ;
	font-size: 27px;
	font-weight: bold;
}
.philosophy .bk {
	color: #000;
	font-size: 33px;
}
.philosophy h1 span,
.philosophy h2 span {
	font-size: 36px;
}
.philosophy > section > .contentIn > h1 {
	margin-bottom: 20px;
	text-align: center;
}
.philosophy section p {
	color: #000;
	font-size: 16px;
	line-height: 1.875;
}
@media screen and (max-width:768px) {
	#container.philosophy {
		padding: 0;
	}
	.philosophy section {
		width: auto;
	}
	.philosophy section > .contentIn {
		width: 100%;
		padding: 0;
	}
	.philosophy h1,
	.philosophy h2 {
		font-size: 18px;
	}
	.philosophy .bk {
		font-size: 18px;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
	}
	.philosophy h1 span,
	.philosophy h2 span {
		font-size: 24px;
	}
	.philosophy section p {
		font-size: 12px;
		line-height: 1.666666;
	}
	.philosophy > section > .contentIn > h1 {
		margin-bottom: 0;
	}
}

.philosophy > .sec01 {
	padding-bottom: 410px;
	text-align: center;
	background: url(../img/philosophy/bg_philosophy02.jpg) no-repeat bottom;
}
.philosophy > .sec01 h1 {
	padding: 140px 0 0;
}
.philosophy > .sec01 h1:before {
	content: '';
	display: block;
	width: 98px;
	height: 112px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: url(../img/philosophy/img_logo01.svg) no-repeat center center;
}
@media screen and (max-width:768px) {
	.philosophy > .sec01 h1:before {
		content: normal;
	}
	.philosophy > .sec01 {
		padding-bottom: 44%;
		background: url(../img/philosophy/bg_philosophy02_sp.jpg) no-repeat center bottom;
		background-size: 100% auto;
	}
}

.philosophy > .sec02 {
	padding: 70px 0 0 0;
	background: url(../img/philosophy/bg_philosophy03_pc.jpg) no-repeat top,
				url(../img/philosophy/bg_philosophy04_pc.jpg) no-repeat bottom;
}
.philosophy > .sec02 > .contentIn > h1 + p {
	width: 400px;
	margin: 0 auto 40px;
}
@media screen and (max-width:768px) {
	.philosophy > .sec02 {
		padding: 11% 0 0;
		background: url(../img/philosophy/bg_philosophy03_sp.jpg) no-repeat top;
		background-size: contain;
	}
	.philosophy > .sec02 > .contentIn > h1 + p {
		width: 60%;
		max-width: 275px;
		margin: 0 auto 4%;
	}
	.philosophy > .sec02 .acBody {
		background: url(../img/philosophy/bg_philosophy04_sp.jpg) no-repeat center bottom;
		background-size: cover;
		padding-bottom:50%;
		padding-top: 0;
	}
	.philosophy > .sec02 .acBtn:not(.active) {
		margin-bottom: 8%;
	}
}
.philosophy .acBtn {
	width: 70px;
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: center;
}
.philosophy .acBtn a {
	display: block;
	padding-top: 50px;
	font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif・ｿ;
	font-size: 12px;
	cursor: pointer;
	position: relative;
}
.philosophy .acBtn a:before {
	content: '';
	display: block;
	width: 37px;
	height: 37px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: url(../common/img/ico_arrow10.png) no-repeat center center;
}
.philosophy .acBody {
	display: none;
	padding: 110px 0 290px;
	position: relative;
}
.philosophy .acBody .closeBtn {
	width: 36px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 0;
}
.philosophy .acBody .closeBtn:hover {
	opacity: .75;
	transition: 0.2s;
}
.philosophy .acBody section h2 {
	margin-bottom: 20px;
	white-space: nowrap;
}
.philosophy .acBody .sec01,
.philosophy .acBody .sec02 {
	margin-bottom: 80px;
}
.philosophy .acBody .sec03 {
	margin-bottom: 40px;
}
.philosophy .acBody .sec01 .fL,
.philosophy .acBody .sec02 .fL,
.philosophy .acBody .sec03 .fR,
.philosophy .acBody .sec04 .fR {
	width: 450px;
}
.philosophy .acBody .sec01 .fL h2,
.philosophy .acBody .sec02 .fL h2 {
	margin-right: -70px;
}
.philosophy .acBody .sec01 .fR,
.philosophy .acBody .sec02 .fR {
	margin-right: 30px;
}
.philosophy .acBody .sec02 h2,
.philosophy .acBody .sec04 h2 {
	letter-spacing: -.1em;
}
.philosophy .acBody .sec02 .fR {
	margin-top: -40px;
}
.philosophy .acBody .sec03 .fL {
	margin-top: 100px;
}
.philosophy .acBody .sec04 h2 span {
	margin: 0 -15px;
}
@media screen and (max-width:768px) {
	.philosophy .acBtn {
		width: 12.5%;
		padding: 0;
	}
	.philosophy .acBtn a {
		padding-top: 100%;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../img/philosophy/btn_philosophy01.png) no-repeat;
		background-size: contain;
		height: 0;
	}
	.philosophy .acBtn a:before {
		content: normal;
	}
	.philosophy .acBody {
		padding: 11% 0 290px;
	}
	.philosophy .acBody .closeBtn {
		width: 5%;
		top: 24px;
		right: 5%;
	}
	.philosophy > .sec02 .acBody .closeBtn {
		top: 24px;
	}
	.philosophy .acBody section h2 {
		margin: 0 auto ;
		text-align: center;
	}
	.philosophy .acBody section h2 + p {
		width: 60%;
		max-width: 275px;
		margin: 0 auto;
	}
	.philosophy .acBody .sec01 {
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	}
	.philosophy .acBody .sec01,
	.philosophy .acBody .sec02 {
		margin-bottom: 0;
	}
	.philosophy .sec02 .acBody .sec01 {
		padding-top: 11%;
	}
	.philosophy .acBody .fL,
	.philosophy .acBody .fR {
		float: none;
	}
	.philosophy .acBody .sec01 .fL,
	.philosophy .acBody .sec02 .fL,
	.philosophy .acBody .sec03 .fR,
	.philosophy .acBody .sec04 .fR {
		width: auto;
	}
	.philosophy .acBody .sec01 .fL h2,
	.philosophy .acBody .sec02 .fL h2,
	.philosophy .acBody .sec01 .fR,
	.philosophy .acBody .sec02 .fR {
		margin-right: auto;
	}
	.philosophy .acBody .sec01 .fR {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	.philosophy .acBody .sec01 .fR p {
		width: 100%;
		margin-top: 0;
		float: none;
	}
	.philosophy .acBody .sec02 .fR {
		margin-top: 0;
	}
	.philosophy .acBody .sec03 {
		margin-bottom: 0;
	}
	.philosophy .acBody .sec03 .fL {
		margin-top: 20px;
	}
	.philosophy .acBody .sec03 .fL p {
		width: 60%;
		margin: 0 auto;
	}
	.philosophy .acBody .sec04 h2 span {
		margin: 0;
	}
}

.philosophy > .sec03 {
	padding-top: 380px;
	background: url(../img/philosophy/bg_philosophy05.jpg) no-repeat top,
				url(../img/philosophy/bg_philosophy06_pc.jpg) no-repeat bottom;
}
.philosophy > .sec03 > .contentIn {
	padding: 90px 0;
}
.philosophy > .sec03 > .contentIn > p {
	width: 400px;
	margin: 0 auto;
}
.philosophy > .sec04,
.philosophy > .sec05,
.philosophy > .sec06 {
	padding: 110px 0 0;
}
.philosophy > .sec04 .acBody p,
.philosophy > .sec05 .acBody p,
.philosophy > .sec06 .acBody p {
	width: 500px;
	margin: 0 auto;
}
.philosophy > .sec04 {
	background: url(../img/philosophy/bg_philosophy07_pc.jpg) no-repeat top;
}
.philosophy > .sec04 > .contentIn > h1 {
	margin-bottom: 40px;
	padding-left: 60px;
}
.philosophy > .sec04 .acBtn a,
.philosophy > .sec04 .acBody p {
	color: #fff;
}
.philosophy > .sec04 .acBtn {
	padding-bottom: 100px;
}
.philosophy > .sec04 .acBody {
	padding: 100px 0 70px;
}
.philosophy > .sec05 > .contentIn > h1,
.philosophy > .sec06 > .contentIn > h1 {
	margin-bottom: 60px;
}
.philosophy > .sec05 .acBtn,
.philosophy > .sec06 .acBtn {
	padding-bottom: 80px;
}
.philosophy > .sec05 .acBody,
.philosophy > .sec06 .acBody {
	padding: 100px 0 135px;
}
.philosophy > .sec05 {
	background: url(../img/philosophy/bg_philosophy08_pc.jpg) no-repeat top;
}
.philosophy > .sec06 {
	background: url(../img/philosophy/bg_philosophy09_pc.jpg) no-repeat top;
}
@media screen and (max-width:768px) {
	.philosophy > .sec03:before {
		content: '';
		display: block;
		padding-top: 40%;
		background: url(../img/philosophy/bg_philosophy05_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	.philosophy > .sec03 {
		padding-top: 0;
		background: none;
	}
	.philosophy > .sec03 .contentIn {
		background: url(../img/philosophy/bg_philosophy06_sp.jpg) no-repeat center top;
		background-size: cover;
	}
	.philosophy > .sec03 > .contentIn {
		padding: 0 0 13%;
	}
	.philosophy > .sec03 > .contentIn > p {
		width: 60%;
		max-width: 275px;
	}
	.philosophy > .sec04,
	.philosophy > .sec05,
	.philosophy > .sec06 {
		padding: 0;
	}
	.philosophy > .sec04 {
		background: url(../img/philosophy/bg_philosophy07_sp.jpg) no-repeat center top;
		background-size: cover;
	}
	.philosophy > .sec04 > .contentIn > h1 {
		margin-bottom: 0;
		padding-left: 0;
	}
	.philosophy > .sec04 .acBody,
	.philosophy > .sec05 .acBody {
		width: 100%;
		padding: 0;
	}
	.philosophy > .sec05 .acBody {
		padding: 16% 0 12%;
	}
	.philosophy > .sec05 .acBody .closeBtn {
		top: 40px;
	}
	.philosophy > .sec04 .acBtn {
		padding-bottom: 17%;
	}
	.philosophy > .sec04 .acBtn a {
		background: url(../img/philosophy/btn_philosophy02.png) no-repeat;
		background-size: contain;
	}
	.philosophy > .sec04 .acBody {
		padding-top: 5%;
		padding-bottom: 12%;
	}
	.philosophy > .sec04 .acBody .closeBtn {
		top: 0;
	}
	.philosophy > .sec04 .acBody p,
	.philosophy > .sec05 .acBody p,
	.philosophy > .sec06 .acBody p {
		width: 60%;
		max-width: 275px;
		margin: 0 auto;
	}
	.philosophy > .sec05 .acBtn {
		padding-bottom: 14%;
	}
	.philosophy > .sec06 .acBtn {
		padding-bottom: 16%;
	}
	.philosophy > .sec05 > .contentIn > h1,
	.philosophy > .sec06 > .contentIn > h1 {
		margin-bottom: 0;
	}
	.philosophy > .sec05 {
		background: url(../img/philosophy/bg_philosophy08_sp.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	.philosophy > .sec06 {
		background: url(../img/philosophy/bg_philosophy09_sp.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	.philosophy > .sec06 .acBody {
		margin: 0 auto;
		padding: 10% 0;
	}
	.philosophy > .sec06 .acBody .closeBtn {
		top: 10px;
	}
}
.philosophy > .sec07 {
	padding: 100px 0 60px;
	background-color: #9b031e;
	position: relative;
}
.philosophy > .sec07 .contentIn h1,
.philosophy > .sec07 .contentIn p,
.philosophy > .sec07 .contentIn .link {
	padding-left: 480px;
}
.philosophy > .sec07 .contentIn:before {
	content: '';
	display: block;
	width: 203px;
	height: 227px;
	margin: auto;
	position: absolute;
	top: -40px;
	left: 117px;
	bottom: 0;
	background: url(../img/philosophy/img_logo02.svg) no-repeat center center;
}
.philosophy > .sec07 .contentIn h1 {
	color: #ffc700;
	text-align: left;
	font-family: inherit;
	font-size: 24px;
	font-weight: inherit;
}
.philosophy > .sec07 .contentIn p {
	width: 840px;
	margin-bottom: 45px;
	color: #fff;
}
.philosophy > .sec07 .contentIn .link a {
	display: block;
	width: 230px;
	margin: 0 auto;
	padding: 5px 0 3px;
	color: #fff;
	font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif・ｿ;
	font-size: 20px;
	text-align: center;
	border: solid 1px #fff;
	border-radius: 3px;
}
.philosophy > .sec07 .contentIn .link a:after {
	content: '＞';
	padding-left: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.philosophy > .pageTop {
	position: fixed;
	left: 90%;
	bottom: 10%;
	z-index: 999;
}
.philosophy > .pageTop a:first-child {
	display: block;
	width: 65px;
	height: 49px;
	text-indent: -9999px;
	background: url(../img/philosophy/img_link01.png) no-repeat top;
}
.philosophy > .pageTop a:nth-child(2) {
	display: block;
	width: 65px;
	height: 60px;
	text-indent: -9999px;
	background: url(../img/philosophy/img_link01.png) no-repeat bottom;
}

@media screen and (max-width:768px) {
	.philosophy > .sec07 {
		padding: 60px 0 40px;
	}
	.philosophy > .sec07 .contentIn h1,
	.philosophy > .sec07 .contentIn p,
	.philosophy > .sec07 .contentIn .link {
		padding-left: 0;
	}
	.philosophy > .sec07 .contentIn:before {
		width: 86px;
		height: 98px;
		margin: 0 auto;
		top: 0;
		left: 0;
		right: 0;
	}
	.philosophy > .sec07 .contentIn h1 {
		padding: 120px 0 0;
		text-align: center;
		font-size: 18px;
		margin-bottom: 20px;
	}
	.philosophy > .sec07 .contentIn p {
		width: 70%;
		max-width: 275px;
		margin: 0 auto 25px;
	}
	.philosophy > .sec07 .contentIn .link a {
		width: 115px;
		font-size: 12px;
	}
	.philosophy > .pageTop {
		left: inherit;
		right: 0;
		bottom: 5%;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  115周年
* --------------------------------------------------------------------------------------------------*/
#container-115{
	width: auto;
    margin: 0 auto;
    position: relative;
}
#container-115 ul.breadcrumb{
	width: 1000px;
	margin: 20px auto;
}
#main03 p{
	font-size: 16px;
	line-height: 1.8em;
}
.aniBox01{
	background: url(../img/115th/115th_03.jpg) no-repeat bottom center;
}
.aniCon01-01 {
	background: url(../img/115th/115th_03.jpg) no-repeat bottom center;
}
.aniCon01-01 h1 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding-top: 368px;
}

.aniCon01-01 p {
    font-size: 16px;
    width: 500px;
    margin: 0 auto;
    padding: 15px 0 40px;
}
#container-115 .sec02  {
    width: auto;
    margin: 0 auto;
	background: url(../img/115th/115-bg02.jpg) repeat-x top;
}
#container-115 .sec02 .contentIn {
	width:900px;
}
.aniCon02-01 {
    float: left;
    width: 450px;
	padding: 10px 50px;
}
.aniCon02-01 h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
    padding-bottom: 20px;
}
.aniCon02-01 p {
    font-size: 16px;
    line-height: 1.8em;
}
.aniCon02-02 p {
    text-align: center;
    margin-left: 450px;
}
.aniCon02-03 {
    float: right;
    width: 450px;
    padding: 15px;
}
.aniCon02-04 {
    display: flex;
    width: 450px;
}
.aniCon02-05 {
    width: 450px;
}
.aniCon02-03 p {
    font-size: 16px;
    line-height: 1.8em;
    padding: 15px;
}
.aniCon02-04 p {
    padding: 0 20px;
	text-align: center;
}
.aniCon02-05 p {
    text-align: center;
}
.aniBox02-top {
    margin-bottom: 50px;
}
.aniCon02-bottom {
    clear: both;
    margin-top: 106px;
}
#container-115 .sec03  {
    width: auto;
    margin:0 auto;
	background: url(../img/115th/115-bg03.jpg) repeat-x top;
}
#container-115 .sec03 .contentIn {
	width:900px;
}
.aniBox03-01 h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
    padding-bottom: 20px;
    padding: 0 30px;
}
.aniBox03-02 {
    width: 450px;
    float: left;
}
.aniBox03-03 {
    width: 450px;
    float: right;
}
.aniBox03-03 p {
    text-align: center;
    padding-bottom: 15px;
}
.aniBox03-04 {
    width: 450px;
	float: left;
    display: flex;
}
.aniBox03-04 p {
    padding: 0 7px;
    text-align: center;
}
.aniBox03-02 p {
    padding: 15px 30px 55px;
}
.aniBox03-05 {
    width: 450px;
    float: right;
}
.aniBox03-05 p {
    padding: 8px 30px;
	text-align: center;
}
.aniBox03-06 {
    display: flex;
    width: 750px;
    margin: 0 auto;
	padding-top: 40px;
}
.aniBox03-06 p {
    text-align: center;
    padding: 0 10px;
}
.aniBox03-bottom {
    padding-top: 136px;
}
#container-115 .sec04  {
    width: auto;
    margin:0 auto;
	background: url(../img/115th/115-bg04.jpg) repeat-x top;
}
#container-115 .sec04 .contentIn {
	width:900px;
}
.aniBox04-01 h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
    padding-bottom: 20px;
    padding: 0 30px;
}
.aniBox04-02 {
	float: left;
    width: 450px;
    padding: 15px 30px;
}
.aniBox04-03 {
    width: 450px;
    float: right;
}
.aniBox04-03 p {
    padding-bottom: 15px;
    text-align: center;
}
.aniBox04-04 {
    width: 450px;
    float: left;
	padding-top: 30px;
}
.aniBox04-04 p{
	text-align: center;
}
.aniBox04-05 {
    float: right;
    width: 450px;
	padding: 0 15px;
}
.aniBox04-06 {
    width: 450px;
    float: left;
}
.aniBox04-06 {
    width: 450px;
    float: left;
	padding-top: 65px;
}
.aniBox04-07 {
    padding: 30px 0;
    width: 450px;
    float: right;
}
.aniBox04-07 p{
	text-align: center;
}
.aniBox04-bottom {
    clear: both;
    padding-top: 130px;
}
.aniBox05 {
    width: 900px;
    margin: 0 auto;
}
.aniBox05-01 {
    width: 450px;
    float: left;
	padding: 10px;
}
.aniBox05-02 {
    padding: 30px 0;
}
.aniBox05-02 p {
    color: #FFF;
}
.aniBox05-02 h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
    padding-bottom: 20px;
    padding: 0 30px;
    color: #FFF;
}
#container-115 p {
    line-height: 1.8em;
    font-size: 16px;
}
/* ----------------------------------------------------------------------------------------------------
*  115周年0323
* --------------------------------------------------------------------------------------------------*/
#container-115 .sec01 {
    background: url(../img/115th/115-bg01.jpg) repeat-x;
    background-position: 0 90px;
}
#container-115 > .sec05 {
	padding: 100px 0 60px;
	background-color: #9b031e;
	position: relative;
}
#container-115 > .sec05 .contentIn h1,
#container-115 > .sec05 .contentIn p,
#container-115 > .sec05 .contentIn .link {
	padding-left: 480px;
}
#container-115 > .sec05 .contentIn:before {
	content: '';
	display: block;
	width: 203px;
	height: 227px;
	margin: auto;
	position: absolute;
	top: -40px;
	left: 117px;
	bottom: 0;
	background: url(../img/philosophy/img_logo02.svg) no-repeat center center;
}
#container-115 > .sec05 .contentIn h1 {
	color: #ffc700;
	text-align: left;
	font-family: inherit;
	font-size: 24px;
	font-weight: inherit;
}
#container-115 > .sec05 .contentIn p {
	width: 840px;
	margin-bottom: 45px;
	color: #fff;
}
#container-115 > .sec05 .contentIn .link a {
	display: block;
	width: 230px;
	margin: 0 auto;
	padding: 5px 0 3px;
	color: #fff;
	font-family: Ryumin Medium KL, "リュウミン M-KL", HiraMinProN-W3, HiraMinPro-W3, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif・ｿ;
	font-size: 20px;
	text-align: center;
	border: solid 1px #fff;
	border-radius: 3px;
}
#container-115 > .sec05 .contentIn .link a:after {
	content: '＞';
	padding-left: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container-115 > .sec05 .contentIn {
    width: 900px;
}
#container-115 > .pageTop {
	position: fixed;
	left: 90%;
	bottom: 10%;
	z-index: 999;
}
#container-115 > .pageTop a:first-child {
	display: block;
	width: 65px;
	height: 49px;
	text-indent: -9999px;
	background: url(../img/philosophy/img_link01.png) no-repeat top;
}
#container-115 > .pageTop a:nth-child(2) {
	display: block;
	width: 65px;
	height: 60px;
	text-indent: -9999px;
	background: url(../img/philosophy/img_link01.png) no-repeat bottom;
}


@media screen and (max-width:768px) {
	#container-115 .sec01 .aniCon01-top img {
		width: 200px;
	}
	#container-115 img.small-115 {
		width: 60%;
	}
	#container-115 img.small2-115 {
		width: 75%;
	}
	#container-115 h1, #container-115 h2 {
		font-size: 18px;
		text-align: center;
		padding-bottom: 20px;
	}
	#container-115 p{
		font-size:14px;
		line-height:1.8em;
		width: 60%;
		margin: 0 auto;
		padding: 0 0 15px 0;
	}
	.aniCon01-01 {
		background: url(../img/115th/115th-sp_04.jpg) no-repeat bottom center;
		background-size:contain;
	}
	#container-115 .aniCon01-01 p{
		padding-bottom: 60px;
	}
	#container-115 .sec01 {
		background-position: 0 24px;
	}
	#container-115 .sec01 .contentIn {
		width: auto;
		padding: 0 0%;
	}
	#container-115 .sec02 .contentIn {
		width: auto;
		padding: 0 0%;
	}
	#container-115 .sec03 .contentIn {
		width: auto;
		padding: 0 0%;
	}
	#container-115 .sec04 .contentIn {
		width: auto;
		padding: 0 0%;
	}
	#container-115 .sec05 .contentIn {
		width: auto;
		padding: 0 0%;
	}

	.aniCon01-01 h1 {
		padding: 10px 10px 20px;
	}
	.aniCon01-01 p {
		max-width: 300px;
	}
	 .aniCon02-01, .aniCon02-02, .aniCon02-03, .aniCon02-04, .aniCon02-05{
		float: none;
		width: auto;
		padding: 0;
	}
	 .aniBox03-01, .aniBox03-02, .aniBox03-03, .aniBox03-04, .aniBox03-05, .aniBox03-06{
		float: none;
		width: auto;
	}
	.aniBox03-06{
		display: block;
	}
	 .aniBox04-01, .aniBox04-02, .aniBox04-03, .aniBox04-04, .aniBox04-05, .aniBox04-06, .aniBox04-07{
		float: none;
		width: auto;
		 margin: 0;
		 padding: 0;
	}
	.aniCon02-01, .aniBox04-02, .aniBox04-05{
		padding: 0;
		margin: 0 auto;
	}
	.aniBox03-02 p{
		padding: 0;
	}
	.aniBox03-05 p{
		padding: 0;
	}
	.aniCon02-bottom{
		padding-top: 30px;
		margin: 0;
	}
	.aniBox03-bottom {
		padding-top: 30px;
	}
	.aniBox04-bottom {
		padding-top: 30px;
	}

	#container-115 > .sec05 .contentIn h1,
	#container-115 > .sec05 .contentIn p,
	#container-115 > .sec05 .contentIn .link {
		padding-left: 0;
	}
	#container-115 > .sec05 .contentIn:before {
		width: 86px;
		height: 98px;
		margin: 0 auto;
		top: 0;
		left: 0;
		right: 0;
	}
	#container-115 > .sec05 .contentIn h1 {
		padding: 120px 0 0;
		text-align: center;
		font-size: 18px;
	}
	#container-115 > .sec05 .contentIn p {
		width: 70%;
		max-width: 275px;
		margin: 0 auto 25px;
	}
	#container-115 > .sec05 .contentIn .link a {
		width: 115px;
		font-size: 12px;
	}
	#container-115 .sec02  {
		background: url(../img/115th/115-bg02-sp.jpg) repeat-x top;
	}
	#container-115 .sec03  {
		background: url(../img/115th/115-bg03-sp.jpg) repeat-x top;
	}
	#container-115 .sec04  {
		background: url(../img/115th/115-bg04-sp.jpg) repeat-x top;
	}
		#container-115 > .pageTop {
		left: inherit;
		right: 0;
		bottom: 5%;
	}
	#container-115 .aniBox03-04 p{
		width: 50%;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  サイトマップ
* --------------------------------------------------------------------------------------------------*/
.sitemap{
	width: 900px;
	margin: 0 auto;
}
.sitemap .sitemapBox {
	width: 450px;
	float: left;
}
.sitemap .sitemapBox02 {
	width: 450px;
	float: right;
}
.sitemap .sitemapBox dt, .sitemap .sitemapBox02 dt{
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 2.2em;
}
.sitemap .sitemapBox dt:before, .sitemap .sitemapBox02 dt:before{
	content: "●";
	width:14px;
	height: 14px;
	font-size:16px; 
	display: block;
	color: #f0e9df;
	position: absolute;
	left: 0px;
	top: 0px;
}
.sitemap .sitemapBox dd, .sitemap .sitemapBox02 dd{
	line-height: 2.2em;
	padding-left: 20px;
}
.sitemap .sitemapBox ul, .sitemap .sitemapBox02 ul{
	padding-left: 30px;
}
@media screen and (max-width:768px) {
	.sitemap{
		width: 94%;
	}
	.sitemap .sitemapBox, .sitemap .sitemapBox02{
		float: none;
		width: 100%;
	}
	.sitemap .sitemapBox dt, .sitemap .sitemapBox02 dt{
		font-size: 14px;
	}
	.sitemap .sitemapBox ul, .sitemap .sitemapBox02 ul{
		padding-left: 20px;
	}
	.sitemap .sitemapBox dd, .sitemap .sitemapBox02 dd{
		padding-left: 0;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  社長挨拶更新20170327
* --------------------------------------------------------------------------------------------------*/
.msgText p span.text_center{
	display: block;
}
.msgText p span.bold{
	font-weight: bold;
}
@media screen and (max-width:768px) {
	.msgText{
		padding: 0 20px;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  トップページ
* --------------------------------------------------------------------------------------------------*/
.specialInfo {
	border: 1px solid #ff0000;
    background-color: #fff;
    padding: 20px;
    margin: 15px 0;
    text-align: center;
}
@media screen and (max-width:768px) {
	.specialInfo {
		font-size: 15px;
    	margin: 15px 10px;
    	text-align: left;
    }
}



/* ----------------------------------------------------------------------------------------------------
*  ページ名
* --------------------------------------------------------------------------------------------------*/

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