@charset "UTF-8";

/* ----------------------------------------------------------------------- 

 top detail

----------------------------------------------------------------------- */
.home #main{
	padding:45px 0 135px;
}

@media screen and (max-width: 767px) {
	.home #main{
		padding:0 0 10px;
	}
}

/* mainImg
----------------------------------------------------------------------- */
.home #mainImg{
	padding:30px 0 70px;
	background:url(common/img/bg_texture02.jpg) center center;
}

@media screen and (max-width: 767px) {
	.home #mainImg{
		padding:20px 0 30px;
		background:url(common/img/bg_texture03.jpg) center center;
		background-size:320px auto;
	}
	.home #mainImg .contentIn{
		padding:0;
	}
	.home #mainImg .bx-wrapper .bx-pager.bx-default-pager a {
		width: 11px;
		height: 11px;
		margin: 0 8px;
	}
	.home #mainImg .bx-wrapper .bx-pager{
		bottom: -28px;
	}
}

/* news
----------------------------------------------------------------------- */
.home #news:after{
	content:"";
	display:block;
	clear:both;
}
.home #news .contL{
	float:left;
	width:505px;
}
.home #news .newslistBox01{
	margin:0;
	font-size:13px;
}
.home #news .newslistBox01 dl{
	padding:12px 0;
}
.home #news .newslistBox01 .time{
/*	width:23%;*/
}
.home #news .btnStyle02{
	margin-top:20px;
}
.home #news .contR{
	float:right;
}
.home #news .contR .bnrArea{
	margin-top:-8px;
}

@media screen and (max-width: 767px) {
	.home #news .contL{
		float:none;
		width:auto;
		padding:0 15px;
	}
	.home #news .newslistBox01{
		font-size:11px;
	}
	.home #news .newslistBox01 dl{
		padding:10px 0;
	}
	.home #news .newslistBox01 dl:first-child{
		border-top:none;
		padding-top:0;
	}
	.home #news .newslistBox01 .time,
	.home #news .newslistBox01 .text{
		display:table-cell;
		vertical-align:top;
	}
	.home #news .btnStyle02{
		margin:20px auto;
	}
	.home #news .btnStyle02 a{
		display:inline-block;
	}
	.home #news .contR{
		float:none;
	}
	.home #news .contR .bnrArea{
		display:block;
		width:80%;
		margin:0 auto;
	}
}

/* products
----------------------------------------------------------------------- */
.home #products .productsBox{
	margin-top:45px;
}
.productsBox:after{
	content:"";
	display:block;
	clear:both;
}
.productsBox li{
	position:relative;
	float:left;
	width:252px;
	margin-right:17px;
	background:#FEFDF6;
	box-shadow:0 0 2px 0 rgba(0,0,0,0.1);
}
.productsBox li:nth-child(4n){
	margin-right:0;
}

.productsBox li:before,
.productsBox li:after{
	position:absolute;
	top:80%;
	bottom:0;
	left:10px;
	right:10px;
	content:"";
	z-index:-1;
	border-radius:50%;
	box-shadow:0 0 10px rgba(192,169,152,0.9);
}
.productsBox .image{
	display:block;
}
.productsBox .txtArea{
	margin:20px 0;
	padding-bottom:57px;
	text-align:center;
	font-size:13px;
}
.productsBox .title{
	margin:0 0 15px 0;
}

.productsBox .text{
	margin:0 10px;
}

.productsBox .title1{
	margin-bottom:2px;
}

.productsBox .btnStyle03{
	position:absolute;
	bottom:20px;
	left:20px;
	width:212px;
}

@media screen and (max-width: 767px) {
	.home #products .productsBox{
		margin-top:25px;
	}
	.productsBox li{
		float:none;
		width:100%;
		margin-right:0;
		background:none;
		box-shadow:none;
	}
	.productsBox li:before,
	.productsBox li:after{
		display:none;
	}
	.productsBox .txtArea{
		margin:20px 30px 25px;
		padding-bottom:0;
		font-size:12px;
	}
	.productsBox .btnStyle03{
		position:static;
		width:80%;
		margin:15px auto 0;
	}
	.productsBox .btnStyle03 a{
		font-size:12px;
	}
}



/* ----------------------------------------------------------------------- 

 news detail

----------------------------------------------------------------------- */

/* newslist
----------------------------------------------------------------------- */
.newslistBox01{
	margin:40px 0;
}
.newslistBox01 dl{
	width:100%;
	padding:15px 0;
	border-bottom:1px dotted #333;
}
.newslistBox01 dl:first-child{
	border-top:1px dotted #333;
}
.newslistBox01 dl > span.a,
.newslistBox01 dl > a{
	display:table;
	width:100%;
	text-decoration:none;
}
.newslistBox01 .time,
.newslistBox01 .cat,
.newslistBox01 .text{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	line-height: 1.4;
}
.newslist .newslistBox01 .time{
/*	width:12.7%;*/
	width:20%;
	font-weight:bold;
}
.newslistBox01 .cat{
	width:85px;
}
.cat span{
	display:inline-block;
	width:85px;
	padding:3px 0;
	text-align:center;
	color:#fff;
	font-size:10px;
}
.cat01 span{ background:#F45655; }
.cat02 span{ background:#339BD0; }
.cat03 span{ background:#00B22D; }
.newslistBox01 .text{
	padding-left:20px;
}

@media screen and (max-width: 767px) {
	.newslistBox01{
		margin:0;
	}
	.newslistBox01 dl{
		padding:10px 0;
	}
	.newslistBox01 a{
		display:block;
	}
	.newslistBox01 .time,
	.newslistBox01 .cat{
		display:inline-block;
	}
	.cat span{
		font-size:9px;
	}
	.newslistBox01 .time{
		width:auto;
		padding-right:10px;
	}
	.newslistBox01 .text{
		display:block;
		margin-top:8px;
		padding-left:0;
	}
}

/* newsdetail
----------------------------------------------------------------------- */
.newsArticle01{
	padding:40px 0 110px!important;
}
.newsArticle01 .headLine{
	margin-bottom:30px;
}
.newsArticle01 .headLine:after{
	content:"";
	display:block;
	clear:both;
}
.newsArticle01 .headLine .cat,
.newsArticle01 .headLine .time{
	float:left;
	line-height: 1.2;
	vertical-align:middle;
}
.newsArticle01 .headLine .cat{
	margin-top:2px;
}
.newsArticle01 .headLine dd{
	padding-left:100px;
}
.newsArticleBox{
	margin-bottom:60px;
}
.newsArticleBox p{
	margin:0 0 15px 0;
}
.newsArticleBox p:first-child{
	margin-top:0;
}
.newsArticleBox p:last-child{
	margin-bottom:0;
}
.newsArticleBox .alignleft img,
.newsArticleBox img.alignleft {
	float:left;
	margin:0 25px 60px 0;
}

.newsArticleBox .alignright img,
.newsArticleBox img.alignright {
	float:right;
	margin:0 0 60px 25px;
}

.newsArticleBox img.alignnone {
	margin-right:15px;
}


p.btnStyle01 {
	clear:both;
}

@media screen and (max-width: 767px) {
	.newsArticle01{
		padding:20px 0 40px!important;
	}
	.newsArticle01 .headLine{
		display:table;
		width:190px;
		margin-bottom:15px;
	}
	.newsArticle01 .headLine .cat{
		float:right;
	}
	.newsArticle01 .headLine dd{
		padding-left:0;
	}
	.newsArticleBox{
		margin-bottom:30px;
	}
	.newsArticleBox p{
		margin:0 0 15px 0;
	}
	.newsArticleBox img{
		margin:0 auto 15px;
	}
}

/* ----------------------------------------------------------------------- 

 gallery detail

----------------------------------------------------------------------- */
.gallery #main{
	padding:55px 0 150px;
}
.leadTxt02 + .galleryBox{
	margin-top:-25px;
}
.galleryBox:after{
	content:"";
	display:block;
	clear:both;
}
.galleryBox a,
.galleryBox img{
	display:block;
}
.galleryBox li{
	float:left;
	width:245px;
	height:163px;
	margin:25px 25px 0 0;
	overflow:hidden;
}

.galleryBox li img {
	width:100%;
}

.galleryBox li:nth-child(4n){
	margin-right:0;
}

@media screen and (max-width: 767px) {
	.gallery #main{
		padding:20px 0 30px;
	}
	.leadTxt02 + .galleryBox{
		margin-top:-10px;
	}
	.galleryBox li{
		width:31%;
		margin:10px 3.5% 0 0!important;
	}
	.galleryBox li:nth-child(3n){
		margin-right:0!important;
	}
}

/* ----------------------------------------------------------------------- 

 form detail

----------------------------------------------------------------------- */
#main.formArea{
	padding:55px 0 140px;
}
.formArea .lead{
	margin-bottom:30px;
	font-size:27px;
}
.telArea01{
	display:table;
	margin-bottom:25px;
}
.telArea01 dt,
.telArea01 dd{
	display:table-cell;
	text-align:left;
	line-height: 1.2;
	vertical-align:bottom;
}
.telArea01 dd{
	padding-left:10px;
}
.formArea .tableStyle01{
	margin-top:40px;
}
.formArea .tableStyle01 th{
	position:relative;
}
.formArea .req{
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-13px;
	display:inline-block;
	padding:5px 10px;
	color:#fff;
	font-size:12px;
	background:#FFA800;
	vertical-align:middle;
}
.formArea .textarea th{
	vertical-align:top;
}
.formArea .textarea .req{
	top:10px;
	margin-top:0;
}
.formArea .textarea textarea{
	height:170px;
}
.formArea input + .note{
	margin-left:10px;
}
.formArea .note{
	display:inline-block;
	font-size:13px;
}
.formArea .privacyTxt{
	margin:35px auto;
	font-size:13px;
	text-align:center;
	line-height: 1.2;
}
.formArea .privacyTxt a{
	position:relative;
	font-weight:bold;
}
.formArea .privacyTxt a:before{
	position:absolute;
	top:0.2em;
	left:-1em;
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 0 5px 8px;
	border-color:transparent transparent transparent #333;
}
.formArea .privacyTxt a + label{
	margin-left:20px;
}
.btnSubmit01{
	width:450px;
	font-size:26px!important;
}


@media screen and (max-width: 767px) {
	#main.formArea{
		padding:15px 0 30px;
	}
	.formArea .lead{
		margin-bottom:15px;
		line-height: 1.4;
		font-size:16px;
		font-weight:bold;
	}
	.telArea01{
		display:block;
		margin-bottom:15px;
	}
	.telArea01 dt,
	.telArea01 dd{
		display:block;
	}
	.telArea01 dd{
		padding:10px 0 0 0;
	}
	.formArea .tableStyle01{
		margin-top:15px;
	}
	.formArea .tableStyle01 th{
		padding-right:40px;
	}
	.formArea .req{
		position:absolute;
		right:5px;
		margin-top:-10px;
		padding:3px 5px;
		font-size:9px;
	}
	.formArea .textarea .req{
		top:5px;
	}
	.formArea .textarea textarea{
		height:90px;
	}
	.formArea input + .note{
		margin-left:5px;
	}
	.formArea .note{
		font-size:10px;
	}
	.formArea .privacyTxt{
		margin:20px auto;
		font-size:12px;
	}
	.formArea .privacyTxt a + label{
		display:block;
		margin-left:0;
		margin-top:5px;
	}
	.btnSubmit01{
		width:80%;
		font-size:16px!important;
	}

}



/* ----------------------------------------------------------------------- 

 profile detail

----------------------------------------------------------------------- */
.profile td{
	padding:12px 20px;
}
.profile .productsCell td{
	position:relative;
	padding-bottom:30px;
}
.profile .productsCell td > ul{
	display:inline-block;
}
.profile .productsCell td > ul > li{
	display:inline-block;
	margin-right:90px;
}
.profile .productsCell .title{
	display:inline-block;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #333;
}
.profile .productsCell li li{
	position:relative;
	display:block;
	margin:10px 0 0 5px;
	padding-left:1em;
	font-size:12px;
}
.profile .productsCell li li:before{
	position:absolute;
	top:0;
	left:0;
	content:"・";
}
.profile .productsCell td .note{
	position:absolute;
	bottom:30px;
	right:15px;
}
.gmap{
	position:relative;
	width:100%;
	height:0;
	margin-top:10px;
	padding-bottom:43%;
	overflow:hidden;
}
.gmap iframe,
.gmap object,
.gmap embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media screen and (max-width: 767px) {
	.profile th{
		width:22%;
	}
	.profile td{
		padding:10px 10px;
	}
	.profile .productsCell td{
		padding-bottom:10px;
	}
	.profile .productsCell td > ul{
		display:block;
	}
	.profile .productsCell td > ul > li{
		margin-right:10px;
		margin-bottom:15px;
	}
	.profile .productsCell td > ul > li:last-child{
		margin-right:0;
	}
	.profile .productsCell .title{
		margin-bottom:5px;
		font-size:14px;
	}
	.profile .productsCell li li{
		margin:5px 0 0 0;
		font-size:11px;
	}
	.profile .productsCell td .note{
		position:static;
		display:block;
		margin-top:10px;
		text-align:right;
	}
	.gmap{
		padding-bottom:80%;
	}
}


/* ----------------------------------------------------------------------- 

 use detail

----------------------------------------------------------------------- */
.use #main{
	padding-bottom:150px;
}
.use .leadTxt01{
	margin-bottom:50px;
}

@media screen and (max-width: 767px) {
	.use #main{
		padding-bottom:50px;
	}
	.use .leadTxt01{
		margin-bottom:25px;
	}
}


/* ----------------------------------------------------------------------- 

 privacy_policy detail

----------------------------------------------------------------------- */
.privacy_policy #main{
	padding-bottom:140px;
}
.privacy_policy .leadTxt01{
	margin-bottom:50px;
}

@media screen and (max-width: 767px) {
	.privacy_policy #main{
		padding-bottom:50px;
	}
	.privacy_policy .leadTxt01{
		margin-bottom:25px;
	}
}


/* ----------------------------------------------------------------------- 

※※※※※※※※※※※※※※※ bimi detail　※※※※※※※※※※※※※※※

----------------------------------------------------------------------- */
.bimi #pageTop{
	display:none!important;
}
#main.bimiArea{
	min-width:1300px;
	position:relative;
	padding:0;
	background:#aedde7 url(img/bimi/bg_main01_pc.jpg) no-repeat center center;
}
#main.bimiArea .contentIn{
	position:relative;
	padding:30px 0 0;
	height:3819px;
}
#main.bimiArea .breadcrumb,
#main.bimiArea .breadcrumb a{
	color:#fff;
}
#main.bimiArea .contentIn > .ttlStyle01{
	margin:90px 0 65px;
}
#main.bimiArea .contentIn > .text01 img{
	display:block;
	margin:0 auto;
}
.bimi #pageTopBimi{
	position:absolute;
	bottom:0;
	right:0;
	display:block;
}
.bimi #pageTopBimi img{
	display:block;
}
/*
@media screen and (max-width: 767px) {
	.bimi #pageTop{
		display:block!important;
	}
	#main.bimiArea{
		min-width:inherit;
		margin:0 auto;
		background-image:url(img/bimi/bg_main01_sp.jpg);
		background-size:320px auto;
	}
	#main.bimiArea .contentIn{
		width:320px!important;
		padding:35px 0 0;
		height:1293px;
	}
	#main.bimiArea .breadcrumb{
		display:none;
	}
	#main.bimiArea .contentIn > .ttlStyle01{
		margin:0 0 20px;
	}
	.bimi #pageTopBimi{
		display:none;
	}
}
*/
/* lineup
----------------------------------------------------------------------- */
#lineup{
	margin:155px 0 0;
	height:1142px;
	background:url(img/bimi/bg01_pc.png) no-repeat center center;
}
#lineup .changeImg{
	padding:40px 0 0 568px;
}
#lineup .changeImg img{
	display:block;
}
#lineup .titleArea{
	margin:313px 130px 25px 120px;
}
#lineup .titleArea:after{
	content:"";
	display:block;
	clear:both;
}
#lineup .titleArea .title{
	float:left;
}
#lineup .titleArea .note{
	float:right;
	margin-top:5px;
}
#main.bimiArea .slideArea a{
	display:block;
	color:#663919;
	text-decoration:none;
}
#main.bimiArea .slideArea img{
	display:block;
	margin-bottom:10px;
}
#main.bimiArea .slideArea li{
	text-align:center;
	font-weight:bold;
	color:#663919;
	line-height: 1.2;
}
#lineup .pcItemBox01:after{
	content:"";
	display:block;
	clear:both;
}
#lineup .pcItemBox01 li{
	float:left;
	width:130px;
	margin-right:47px;
	margin-bottom:20px;
}
#lineup .pcItemBox01 li:nth-child(4n){
	margin-right:0;
}
#main.bimiArea .bx-wrapper .bx-viewport{
	box-shadow:none;
}
#main.bimiArea .bx-wrapper .bx-controls-direction a{
	width:83px;
	height:83px;
	margin-top:-60px;
}
#main.bimiArea .bx-wrapper .bx-prev{
	left:-185px;
	background:url(img/bimi/btn_slide01.png) no-repeat;
	background-size:contain;
}
#main.bimiArea .bx-wrapper .bx-next{
	right:-155px;
	background:url(img/bimi/btn_slide02.png) no-repeat;
	background-size:contain;
}
.itemArea{
	position:relative;
	display:table;
	padding:45px 5%;
	background:url(common/img/bg_texture01.jpg) center center;
}
.itemArea .contL{
	display:table-cell;
	width:37.5%;
	vertical-align:top;
}
.itemArea .image{
	display:block;
	width:82%;
	border:4px solid #fff;
	border-radius:4px;
	box-shadow:5px 5px 10px 0 rgba(0,0,0,0.3);
}
.itemArea .logo{
	position:absolute;
	top:45px;
	right:5%;
	display:block;
}
.itemArea .contR{
	display:table-cell;
	font-size:16px;
	width:62.5%;
	vertical-align:top;
}
.itemArea .itemTtl{
	margin-bottom:30px;
	font-size:35px;
	font-weight:bold;
	color:#673806;
	text-align:left;
	line-height: 1.2;
}
.itemArea .contR p {
padding-right:19%;
}
.itemArea .tableStyle01{
	margin-top:35px;
	font-size:14px;
}
.itemArea .tableStyle01 th{
	width:23.4%;
	text-align:center;
	background:#693806;
}

@media screen and (max-width: 767px) {
	#lineup{
		margin:5px 0 0;
		height:329px;
		background-image:url(img/bimi/bg01_sp.png);
		background-size:320px auto;
	}
	#lineup .changeImg{
		padding:13px 0 105px 175px;
	}
	#lineup .changeImg img{
		width:82px;
	}
	#lineup .titleArea{
		display:none;
	}
	#main.bimiArea .slideArea li{
		font-size:7px;
	}
	#main.bimiArea .slideArea img{
		margin-bottom:5px;
	}
	#main.bimiArea .bx-wrapper .bx-controls-direction a{
		width:32px;
		height:32px;
		margin-top:-30px;
	}
	#main.bimiArea .bx-wrapper .bx-prev{
		left:-35px;
	}
	#main.bimiArea .bx-wrapper .bx-next{
		right:-35px;
	}

	.itemArea{
		padding:10px 5%;
	}
	.itemArea .contL{
		width:37.2%;
	}
	.itemArea .image{
		width:100%;
		border-width:2px;
		border-radius:2px;
		box-shadow:2px 2px 5px 0 rgba(0,0,0,0.3);
	}
	.itemArea .logo{
		position:static;
		width:60%;
		margin:10px auto;
	}
	.itemArea .contR{
		padding-left:5%;
		font-size:11px;
	}
	.itemArea .contR br{
		display:none;
	}
	.itemArea .itemTtl{
		margin-bottom:10px;
		font-size:12px;
	}
	.itemArea .tableStyle01{
		margin-top:10px;
		font-size:10px;
	}
	.itemArea .tableStyle01 th{
		width:32%;
	}
}


/* kurumi-mame
----------------------------------------------------------------------- */
#kurumi-mame{
	position:relative;
	margin:10px 0 0;
	height:1533px;
	background:url(img/bimi/bg02_pc.png) no-repeat center center;
}
#kurumi-mame > .title{
	position:absolute;
	top:-85px;
	right:167px;
}
#kurumi-mame > .text02 img,
#kurumi-mame > .text03 img{
	display:block;
}
#kurumi-mame > .text02{
	padding:202px 0 0 180px;
}
#kurumi-mame > .text03{
	padding:20px 0 0 178px;
}
/* letter */
#kurumi-mame #letter{
	position:relative;
	padding:180px 0 0 280px;
}
#kurumi-mame #letter .title{
	position:absolute;
	top:-86px;
	left:-57px;
}
#kurumi-mame #letter .letterBtn{
	position:relative;
	width:428px;
	height:252px;
	background:url(img/bimi/img_letter01_pc.png) no-repeat center center;
	background-size:contain;
}
#kurumi-mame #letter .leafBtn{
	display:block;
	position:absolute;
	top:80px;
	right:-80px;
}

#kurumi-mame #letter .leafBtn_fix{
	display:block;
	position:absolute;
	top:80px;
	right:-80px;
}


/* news */
#kurumi-mame #news{
	width:470px;
	margin-left:325px;
	padding:80px 0 0 0;
}
#kurumi-mame #news .newslistBox01{
	margin:5px 0 0;
}
#kurumi-mame #news .newslistBox01 dl{
	padding:10px 0;
	font-size:15px;
	border-color:#82BBD7;
	border-width:2px;
}
/* yamituki */
#kurumi-mame #yamituki{
	position:relative;
	margin:130px 0 0 210px;
	width:624px;
}
#kurumi-mame #yamituki .title{
	position:absolute;
	top:45px;
	right:-320px;
}
#kurumi-mame #yamituki .text04{
	padding:0 0 70px 20px;
}
#kurumi-mame #yamituki .text04 img{
	display:block;
}
#yamituki .slideArea li img{
	display:block;
	border:3px solid #fff;
	border-radius:3px;
	box-shadow:0 4px 5px 0 rgba(0,0,0,0.4);
}
#yamituki .slideArea a{
	font-size:17px;
	color:#fff!important;
}
#yamituki .bx-wrapper .bx-prev{
	left:-138px!important;
}
#yamituki .bx-wrapper .bx-next{
	right:-138px!important;
}

@media screen and (max-width: 767px) {
	#kurumi-mame{
		margin:-15px 0 0;
		height:635px;
		background-image:url(img/bimi/bg02_sp.png);
		background-size:320px auto;
	}
	#kurumi-mame > .title{
		top:-29px;
		right:30px;
		width:119px;
	}
	#kurumi-mame > .text02{
		padding:67px 0 10px;
	}
	#kurumi-mame > .text03{
		padding:0;
	}
	/* letter */
	#kurumi-mame #letter{
		padding:70px 0 0;
	}
	#kurumi-mame #letter .title{
		top:-38px;
		left:-54px;
		width:200px;
	}
	#kurumi-mame #letter .letterBtn{
		width:320px;
		height:83px;
		background-image:url(img/bimi/img_letter01_sp.png);
	}
	#kurumi-mame #letter .leafBtn{
		top:28px;
		right:70px;
		width:71px;
	}
	/* news */
	#kurumi-mame #news{
		width:320px;
		margin-left:0;
		padding:25px 0 0 0;
	}
	#kurumi-mame #news .newslistBox01{
		margin:0 0 0 30px;
		width:240px;
	}
	#kurumi-mame #news .newslistBox01 dl{
		padding:5px 0;
		font-size:7px;
		border-width:1px;
	}
	#kurumi-mame #news .newslistBox01 .time,
	#kurumi-mame #news .newslistBox01 .text{
		display:table-cell;
	}
	#kurumi-mame #news .newslistBox01 .time{
		padding-right:5px;
	}
	/* yamituki */
	#kurumi-mame #yamituki{
		margin:71px 0 0;
		width:100%;
	}
	#kurumi-mame #yamituki .title{
		top:-10px;
		right:5px;
		width:111px;
	}
	#kurumi-mame #yamituki .text04{
		padding:0 0 20px 18px;
	}
	#yamituki .slideArea li img{
			border-width:2px;
			box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
	}
	#yamituki .slideArea a{
		font-size:7px;
	}
	#yamituki .bx-wrapper .bx-prev{
		left:-55px!important;
	}
	#yamituki .bx-wrapper .bx-next{
		right:-55px!important;
	}
}


/* ----------------------------------------------------------------------- 

※※※※※※※※※※※※※※※ museum detail　※※※※※※※※※※※※※※※

----------------------------------------------------------------------- */
.museum #pageTop{
	background-image:url(common/img/btn_pagetop02.png);
}
#main.museumArea{
	position:relative;
	padding:0;
	background:url(common/img/bg_texture05.jpg) center center;
	background-size:1280px 100%;
}
#main.museumArea:before{
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	width:100%;
	height:628px;
	background:url(common/img/bg_grd01.png) repeat-x bottom left;
}
#main.museumArea .contentIn{
	position:relative;
	padding:30px 0 0;
}
#main.museumArea .breadcrumb,
#main.museumArea .breadcrumb a{
	color:#fff;
}
#main.museumArea .mainTtl{
	margin:20px 0 40px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.25);
}
#main.museumArea .lNavi{
	text-align:center;
	letter-spacing:-0.4em;
	line-height: 1.0;
}
#main.museumArea .lNavi li{
	display:inline-block;
	letter-spacing:normal;
	margin-right:15px;
}
#main.museumArea .lNavi li:nth-child(2n){
	margin-right:0;
}

@media screen and (max-width: 767px) {
	.museum #pageTop{
		background-image:none;
	}
	#main.museumArea{
		background-image:url(common/img/bg_texture06.jpg);
		background-size:320px 100%;
	}
	#main.museumArea:before{
		display:none;
	}
	#main.museumArea .contentIn{
		padding:4% 15px 0;
	}
	#main.museumArea .breadcrumb{
		display:none;
	}
	#main.museumArea .mainTtl{
		margin:0 0 15px;
	}
	#main.museumArea .lNavi li{
		width:49%;
		margin-right:2%;
	}
}

/* media
----------------------------------------------------------------------- */
.museumArea #media{
	padding:50px 0 50px;
}
.museumArea .mediaBox01{
	position:relative;
	margin-bottom:-30px;
	padding:0 30px;
	z-index:9;
}
.museumArea .mediaBox01 .bgImg{
	position:relative;
	left:-49px;
	top:-5px;
	display:block;
	width:1098px;
}
.museumArea .mediaBox01 ul:after{
	content:"";
	display:block;
	clear:both;
}
.museumArea .mediaBox01 li{
	float:left;
	position:relative;
	width:490px;
	padding:55px 55px 20px;
	color:#5B2C22;
	line-height: 1.6;
	background:url(img/museum/bg_media01.png) no-repeat top left;
}
.museumArea .mediaBox01 li:nth-child(2n){
	float:right;
}
.museumArea .mediaBox01 .title{
	font-size:18px;
	font-weight:bold;
	line-height: 1.2;
}
.museumArea .mediaBox01 .title span{
	display:block;
	margin-bottom:5px;
	font-size:13px;
}
.museumArea .mediaBox01 .text{
	position:absolute;
	top:55px;
	left:285px;
}
.museumArea .mediaBox01 .image{
	display:block;
	margin:15px 20px 0;
	border:1px solid #fff;
	box-shadow:0 3px 7px 0 rgba(0,0,0,0.35);
}
.museumArea .mediaBox01 .btn{
	position:absolute;
	bottom:20px;
	left:310px;
	width:78px;
}
.museumArea .mediaBox01 .btn img{
	display:block;
}
.museumArea .mediaBox01 .btn .btnClick{
	display:block;
	position:absolute;
	top:-20px;
	right:-25px;
}
/**/
.museumArea .mediaBox01 li .three1 {
margin-left:-60px;
}
.museumArea .mediaBox01 li .three2 {
}
.museumArea .mediaBox01 li .three3 {
margin-left:60px;
}
@media screen and (max-width: 767px) {
	.museumArea #media{
		margin:0 -15px;
		padding:20px 0 15px;
	}
	.museumArea #media .ttlStyle01{
		margin-bottom:10px;
	}
	.museumArea .mediaBox01{
		margin-bottom:5px;
		padding:0;
	}
	.museumArea .mediaBox01 .bgImg{
		top:0;
		left:0;
		width:100%;
	}
	.museumArea .mediaBox01 li{
		width:45%;
		margin-left:4%;
		padding:10px 2%;
		color:#fff;
		line-height: 1.6;
		background:rgba(0,0,0,0.2);
	}
	.museumArea .mediaBox01 li:nth-child(2n){
		margin-left:0;
		margin-right:4%;
	}
	.museumArea .mediaBox01 .title{
		font-size:11px;
	}
	.museumArea .mediaBox01 .title span{
		font-size:7px;
	}
	.museumArea .mediaBox01 .text{
		position:static;
		margin-bottom:10px;
		font-size:7px;
	}
	.museumArea .mediaBox01 .text br{
		display:none;
	}
	.museumArea .mediaBox01 .image{
		float:left;
		width:44px;
		margin:0 10px 0 22%;
		box-shadow:none;
	}
	/**/
	.museumArea .mediaBox01 .three_thumb{
	margin:0 5px 0 3%;
	width:40px;
	}
	.museumArea .mediaBox01 li .three1 {
	margin-left:2%;
	}
	.museumArea .mediaBox01 li .three2 {
	margin-left:2%;
	}
	.museumArea .mediaBox01 li .three3 {
	margin-left:2%;
	}
	.museumArea .mediaBox01 li .three1 img,
	.museumArea .mediaBox01 li .three2 img,
	.museumArea .mediaBox01 li .three3 {
	width:28px;
	}
	.museumArea .mediaBox01 .btn{
		position:static;
		width:28px;
		float:left;
	}
	.museumArea .mediaBox01 .btn .btnClick{
		display:none;
	}
}


/* item
----------------------------------------------------------------------- */
.museumArea #item{
	padding-top:50px;
}
.museumArea #item .itemBox{
	padding:30px 0 85px;
}
.museumArea #item .itemBox ul{
	width:985px;
	margin:0 auto;
}
.museumArea #item .itemBox ul:after{
	content:"";
	display:block;
	clear:both;
}
.museumArea #item .itemBox li{
	float:left;
	width:160px;
	margin-right:46px;
}
.museumArea #item .itemBox li:nth-child(5n){
	margin-right:0;
}
.museumArea #item .itemBox a{
	display:block;
	position:relative;
}
.museumArea #item .itemBox .btnClick{
	position:absolute;
	top:-20px;
	right:-20px;
}
.museumArea #item .itemBox .image{
	display:block;
	width:100%;
	border:2px solid #fff;
	box-shadow:0 4px 9px 0 rgba(0,0,0,0.45);
}
.museumArea #item .bgImg{
	display:block;
	height:100%;
}
.museumArea #item .itemNameArea{
	position:relative;
	top:-40px;
	left:-20px;
	width:1098px;
}
.museumArea #item .itemName{
	position:absolute;
	top:8px;
	left:0;
	display:table;
	width:100%;
	min-height:53px;
	padding:0 30px 0 38px;
}
.museumArea #item .itemName span{
	display:inline-block;
	width:202px;
	padding:10px 28px;
	vertical-align:middle;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	line-height: 1.2;
	color:#111111;
	background:url(img/museum/bg_item01.png) no-repeat center center;
	background-size:100% 100%;
}

@media screen and (max-width: 767px) {
	.museumArea #item{
		margin:0 -15px;
		padding-top:15px;
	}
	.museumArea #item .ttlStyle01{
		margin-bottom:15px;
	}
	.museumArea #item .itemBox{
		padding:0;
	}
	.museumArea #item .itemBox.spOnly + .itemBox{
		margin-top:-10px;
	}
	.museumArea #item .itemBox ul{
		width:86%;
	}
	.museumArea #item .itemBox li{
		width:28%;
		margin-right:8%!important;
	}
	.museumArea #item .itemBox li:nth-child(3n){
		margin-right:0!important;
	}
	.museumArea #item .itemBox .btnClick{
		display:none;
	}
	.museumArea #item .itemBox .image{
		border-width:1px;
	}
	.museumArea #item .itemNameArea{
		position:relative;
		top:-20px;
		left:0;
		width:100%;
	}
	.museumArea #item .itemName{
		top:1px;
		min-height:inherit;
		padding:0 10px 0 14px;
	}
	.museumArea #item .itemName span{
		width:auto;	width:32%;
		padding:12px 3% 8px 3%;
		font-size:6px;	font-size:4px;
		line-height:100%;
	}
}

/* -----------------------------------------------------------------------

※※※※※※※※※※※※※※※ otsumami detail　※※※※※※※※※※※※※※※

----------------------------------------------------------------------- */
.otsumamiArea#main {
	background: url(img/otsumami/bg_main01_pc.jpg) repeat center top;
}
.otsumamiArea .breadcrumb a{
	color:#683806;
}
.otsumamiArea .breadcrumb li:first-child:before {
	background-image:url(common/img/ico_home02.png);
}
.otsumamiArea .title {
	position:relative;
	margin:100px 0;
	text-align:center;
}
.otsumamiArea .title img{
	display:block;
	margin:0 auto;
}
.otsumamiArea .title .overImg {
	position: absolute;
	top: -86px;
	right: 0;
	z-index: 1;
}
.otsumamiArea .kodawari .ttlStyle01{
	margin-bottom: 50px;
}
.otsumamiArea .kodawari li .ttlStyle01 {
	margin-bottom: 25px;
}
.otsumamiArea .kodawari li {
	width: 510px;
	margin: 0 40px 100px 0;
	float: left;
}
.otsumamiArea .kodawari li:after{
	content:"";
	display:block;
	clear:both;
}
.otsumamiArea .kodawari li:last-child {
	margin-right: 0;
}
.otsumamiArea .kodawari li p.fl {
	width: 300px;
	line-height: 2.3;
}
.otsumamiArea .kodawari li .image{
	float:right;
	display:block;
}
.otsumamiArea .kodawari li:last-child .image {
	margin-right: -40px;
}
.otsumamiArea .lineup .ttlStyle01 {
	margin-bottom:55px;
}
.otsumamiArea .lineup ul{
	position:relative;
	width:1000px;
	margin:-45px auto 0;
	z-index:1;
}
.otsumamiArea .lineup ul:after{
	content:"";
	display:block;
	clear:both;
}
.otsumamiArea .lineup ul li {
	float: left;
	width: 25%;
	margin: 45px 0 0;
	text-align: center;
	font-size:15px;
	font-weight: bold;
	line-height: 1.2;
}
.otsumamiArea .lineup li a {
	text-decoration: none;
}
.otsumamiArea .lineup li a img {
	display: block;
	margin:0 auto 5px;
}
.otsumamiArea .tabekiri,
.otsumamiArea .uzura{
	position:relative;
	width: 980px;
	margin:65px auto 0;
	padding:30px 0;
	background: rgba(255,255,255,0.2);
	border-radius: 25px;
}
.otsumamiArea .tabekiri .ttlStyle01,
.otsumamiArea .uzura .ttlStyle01 {
	position:absolute;
	top:-60px;
	left:-60px;
}
.otsumamiArea .tabekiri ul,
.otsumamiArea .uzura ul{
	margin:-45px -10px 0;
}
.otsumamiArea #pageTop {
	bottom: 20px;
	right: 30px;
	height: 215px;
	background: url(img/otsumami/btn_pagetop01.png) no-repeat 0 0;
}

@media screen and (max-width: 767px) {
	.otsumamiArea#main {
		padding:1px 0 30px;
		background-image: url(img/otsumami/bg_main01_sp.jpg);
		background-size:320px auto;
	}
	.otsumamiArea .breadcrumb{
		display:none;
	}
	.otsumamiArea .title {
		width:72.1%;
		margin:35px auto 25px;
	}
	.otsumamiArea .title .overImg {
		top: -10px;
		right:-15.9%;
		width:52.2%;
	}
	.otsumamiArea .kodawari{
		margin:0 -15px;
	}
	.otsumamiArea .kodawari .ttlStyle01{
		margin-bottom: 20px;
	}
	.otsumamiArea .kodawari li {
		float: none;
		width: auto;
		margin: 0 15px 20px!important;
	}
	.otsumamiArea .kodawari li .ttlStyle01 {
		margin-bottom: 15px;
	}
	.otsumamiArea .kodawari li p.fl {
		width: 60.6%;
		font-size:8px;
	}
	.otsumamiArea .kodawari li .image{
		width:30%;
	}
	.otsumamiArea .kodawari li:last-child p.fl{
		width:50.8%;
	}
	.otsumamiArea .kodawari li:last-child .image{
		width:40.6%;
		margin-right:0;
	}
	.otsumamiArea .lineup{
		margin:30px -15px 0;
	}
	.otsumamiArea .lineup .ttlStyle01 {
		margin-bottom:0;
	}
	.otsumamiArea .lineup ul{
		width:100%;
		margin:0 auto;
	}
	.otsumamiArea .lineup ul li {
		float: left;
		width: 33.3333%;
		margin: 20px 0 0;
		padding:0 2%;
		font-size:8px;
	}
	.otsumamiArea .lineup li a img {
		width:74%;
		margin-bottom:10px;
	}
	.otsumamiArea .tabekiri,
	.otsumamiArea .uzura{
		width: auto;
		margin:25px auto 0;
		padding:0 0;
		background:none;
		border-radius:0;
	}
	.otsumamiArea .tabekiri .ttlStyle01,
	.otsumamiArea .uzura .ttlStyle01 {
		position:static;
	}
	.otsumamiArea .tabekiri ul,
	.otsumamiArea .uzura ul{
		margin:0 0 0;
	}

	.otsumamiArea #pageTop {
		height: auto;
		background: #683806;
	}
}

/* ----------------------------------------------------------------------- 

 backnumber detail

----------------------------------------------------------------------- */

.backnumberBox li {
	width: 245px;
}

.leadTxt02 + .backnumberBox{
	margin-top:-60px;
}
.backnumberBox:after{
	content:"";
	display:block;
	clear:both;
}
.backnumberBox a,
.backnumberBox img{
	display:block;
}
.backnumberBox li{
	float:left;
	width:245px;
	margin:60px 25px 0 0;
}
.backnumberBox li:nth-child(4n){
	margin-right:0;
}
.backnumberBox li a.inline {
	width:245px;
	height:260px;
	padding: 15px;
	display:block;
	background:#fff;
	border:1px solid #dfddde;
	position:relative;
}
.backnumberBox li a.inline img{
	max-width:86%;
	max-height:88%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	border:1px solid #777;
}
.backnumberBox li div{
	display: none;
}
.imgBacknumbers img{
	max-height:600px;
	max-width:800px;
	width:auto;
	height:auto;
	display:block;
	margin:0 auto;
}
.btnBacknumbers {
	margin-top: 20px;
	text-align: center;
	min-width:420px;
}
.btnBacknumbers a {
    display: inline-block;
    width: 200px;
    padding: 10px 0;
    font-size: 15px;
    font-weight: bold;
    color: #0b0704;
    letter-spacing: 0.05em;
    text-align: center;
    text-decoration: none;
    background: rgb(255,253,254);
	background: -moz-linear-gradient(rgba(255,253,254,1) 0%, rgba(224,223,221,1) 100%);
	background: -webkit-linear-gradient(rgba(255,253,254,1) 0%, rgba(224,223,221,1) 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,253,254,1)), to(rgba(224,223,221,1)));
	background: -o-linear-gradient(rgba(255,253,254,1) 0%, rgba(224,223,221,1) 100%);
	background: linear-gradient(rgba(255,253,254,1) 0%, rgba(224,223,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdfe', endColorstr='#e0dfdd',GradientType=0 );
    border-radius: 5px;
}
.btnBacknumbers a:first-child {
	margin-right:16px;
}
.btnBacknumbers span {
    position: relative;
    padding-left: 15px;
}
.btnBacknumbers span:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #0b0704;
}
.backnumberBox li p.txtBacknumbers{
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
	padding:16px 0;
}
.backnumberBox li p.btnStyle01 a{
	width: 245px;
}
@media screen and (max-width: 767px) {
	.leadTxt02 + .backnumberBox{
		margin-top:-20px;
	}
	.backnumberBox{
		text-align:center;
		font-size:0;
		width:100%;
	}
	.backnumberBox li{
		display:inline-block;
		width:130px;
		margin:20px 2%!important;
		float:none;
	}
	.backnumberBox li a.inline {
		width:130px;
		height:138px;
	}
	.imgBacknumbers img{
		max-height:360px;
		max-width:240px;
	}
	.btnBacknumbers {
		min-width:auto;
	}
	.btnBacknumbers a {
		width: 230px;
		padding: 6px 0;
		margin: 0 5px;
		font-size: 12px;
	}
	.btnBacknumbers a:first-child {
		margin-right:5px;
		margin-bottom:10px;
	}
	.backnumberBox li p.txtBacknumbers{
		font-size: 13px;
		padding:10px 0;
	}
	.backnumberBox li p.btnStyle01 a{
		width: 130px;
		font-size: 10px;
	}
}

/* ----------------------------------------------------------------------- 

	seafoody

----------------------------------------------------------------------- */
body.seafoody {
	background-image: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg04.jpg);
}

.seafoody #main {
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
}

.seafoody #main .topBox {
	padding: 26px 0 43px;
	position: relative;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg05.jpg) repeat left top;
}

.seafoody #gNavi .pcOnly > li {
	height: 67px;
}

.seafoody #main .topBox .breadcrumb {
	margin: 0 auto 13px;
	width: 1060px;
}

.seafoody #main .topBox .breadcrumb li {
	color: #FFF;
	font-size: 12px;
}

.seafoody #main .topBox .breadcrumb li a {
	color: #FFF;
	font-size: 12px;
	font-family: Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif;
}

.seafoody #main .topBox .img {
	margin-bottom: 12px;
	text-align: center;
}

.seafoody #main .topBox p {
	margin: 0 auto;
	max-width: 1060px;
	color: #FFF;
	font-size: 26px;
	text-align: center;
}

.seafoody #main .linkBox {
	position: relative;
	padding: 40px 0 36px;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg06.jpg) repeat left top;
}

.seafoody #main .linkBox:before {
	width: 100%;
	height: 18px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg07.jpg) repeat-x left top;
	
	content: "";
}

.seafoody #main .linkBox:after {
	width: 100%;
	height: 18px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg08.jpg) repeat-x left top;
	
	content: "";
}

.seafoody #main .linkList li {
	width: 33.33%;
	float: left;
	text-align: center;
}

.seafoody #main .linkList li a {
	display: block;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
}

.seafoody #main .linkList li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.seafoody #main .linkList li a span {
	margin-top: -7px;
	display: block;
	font-style: italic;
	font-weight: normal;
	font-family: 'Noto Serif JP', serif;
}

.seafoody #main h2 {
	margin-bottom: 0;
	color: #3E587F;
	text-align: center;
}

.seafoody #main h2 .jp {
	margin: -12px 0 -10px;
	display: block;
	font-size: 45px;
}

.seafoody #main h2 .en {
	font-size: 28px;
	font-weight: normal;
	font-style: italic;
	font-family: 'Noto Serif JP', serif;
}

.seafoody #main .concept {
	padding: 41px 0 0;
	position: relative;
}

.seafoody #main .concept p {
	margin-bottom: 55px;
	color: #3E587F;
	font-size: 18px;
	text-align: center;
	line-height: 2;
}

.seafoody #main .concept .textBox {
	margin: 0 auto;
	padding: 18px 0 78px;
	width: 930px;
	position: relative;
}

.seafoody #main .concept .textBox:before {
	width: 79px;
	height: 327px;
	position: absolute;
	left: 0;
	top: -8px;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg01.png) no-repeat right top;
	
	content: "";

}

.seafoody #main .concept .textBox:after {
	width: 91px;
	height: 327px;
	position: absolute;
	right: 0;
	top: -8px;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg02.png) no-repeat right top;
	
	content: "";
}

.seafoody #main h3 {
	margin-bottom: 11px;
	text-align: center;
}

.seafoody #main .concept .yellowBox {
	padding: 63px 0 35px;
	/*padding-bottom: 900px;*/
	position: relative;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg10.jpg) repeat center center;
}

.seafoody #main .concept .yellowBox h3 {
	margin-left: 120px;
}

.seafoody #main .concept .yellowBox .img01 {
	position: absolute;
	right: 0;
	top: -50px;
}

.seafoody #main .concept .img02 {
	position: absolute;
	left: 0;
	bottom: 580px;
	z-index: 20;
}

.seafoody #main .concept .yellowBox .img03 {
	position: absolute;
	left: 5%;
	top: 27.6%;
}

.seafoody #main .concept .yellowBox .img04 {
	position: absolute;
	right: 5%;
	top: 41.4%;
}

.seafoody #main .concept .yellowBox:before {
	width: 100%;
	height: 18px;
	position: absolute;
	left: 0;
	top: -18px;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg09.jpg) repeat-x left top;
	
	content: "";
}

.seafoody #main .concept .yellowBox p {
	margin-bottom: 62px;
	line-height: 1.8;
}

.seafoody #main .concept .yellowBox .photo {
	margin: 0 0 42px 155px;
	text-align: center;
}

.seafoody #main .concept .yellowBox .photo img {
	max-width: 100%;
}

.seafoody #main h4 {
	margin-bottom: 0;
	color: #3E587F;
	font-size: 30px;
	line-height: 2.2;
	text-align: center;
}

.seafoody #main .photoSec {
	position: relative;
}

.seafoody #main .photoSec .photoInner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg10.jpg) repeat center center;
	opacity: 0;
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
}

.seafoody #main .on .photoSec .photoInner {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
}

.seafoody #main .photoSec ul {
	margin: 0 auto;
	width: 1060px;
	position: relative;
	z-index: 22;
}

.seafoody #main .photoSec li {
	padding: 27px 22px 25px;
	width: 500px;
	float: left;
	position: relative;
	box-sizing: border-box;
	position: relative;
	background-color: #00436A;
}

.seafoody #main .photoSec li:before {
	width: 39px;
	height: 38px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg11.jpg) no-repeat left top;
	
	content: "";
}

.seafoody #main .photoSec li:nth-child(2n) {
	float: right;
	background-color: #546B35;
}

.seafoody #main .photoSec li:nth-child(2n):before {
	background-image: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg12.jpg);
}

.seafoody #main .photoSec li .img {
	position: absolute;
	left: -21px;
	top: -27px;
}

.seafoody #main .photoSec li h5 {
	margin-bottom: 22px;
	padding-bottom: 5px;
	border-bottom: 2px solid #FFF;
}

.seafoody #main .photoSec li .txt {
	color: #FFF;
	font-size: 17px;
	line-height: 1.8;
	position: relative;
	z-index: 1;
	text-shadow: 0 0 2px #004267,0 0 2px #004267,0 0 2px #004267,0 0 2px #004267,0 0 2px #004267,0 0 2px #004267,0 0 2px #004267,0 0 2px #004267,0 0 2px #004267,0 0 2px #004267;
}

.seafoody #main .photoSec li:nth-child(2n) .txt {
	text-shadow: 0 0 2px #546B35,0 0 2px #546B35,0 0 2px #546B35,0 0 2px #546B35,0 0 2px #546B35,0 0 2px #546B35,0 0 2px #546B35,0 0 2px #546B35,0 0 2px #546B35,0 0 2px #546B35;
}

.seafoody #main .photoSec li .pho {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

.seafoody #main .photoSec li .pho img {
	vertical-align: bottom;
}

.seafoody #main .bgBox {
	height: 900px;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg10.jpg) repeat left top;
	opacity: 0;
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
}

.seafoody #main .on .bgBox {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.seafoody #main .lineup {
	margin-top: -800px;
	padding: 99px 0 105px;
	position: relative;
	z-index: 10;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg04.jpg) repeat left top;
}

.seafoody #main .lineup:before {
	width: 100%;
	height: 18px;
	position: absolute;
	left: 0;
	top: -18px;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg15.png) repeat-x left bottom;
	
	content: "";
}
.seafoody #main .lineup h2 {
	margin-bottom: 35px;
}

.seafoody #main .lineup h3 {
	margin: 0 0 46px 64px;
}

.seafoody #main .lineup ul {
	margin: 0 auto;
	width: 1040px;
}

.seafoody #main .lineup li {
	margin-right: 40px;
	width: 320px;
	float: left;
	text-align: center;
}

.seafoody #main .lineup li:last-child {
	margin-right: 0;
}

.seafoody #main .lineup li a {
	display: block;
	text-decoration: none;
}

.seafoody #main .lineup li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.seafoody #main .lineup li .photo {
	margin-bottom: 8px;
	position:relative;
}

.seafoody #main .lineup li .photo img.ico{
	position:absolute;
	left:-30px;
	top:-30px;
	width:100px;
	height:100px;
}

.seafoody #main .lineup li .ttl {
	margin-bottom: 18px;
	padding-bottom: 16px;
	color: #3E587F;
	font-size: 28px;
	font-weight: Medium;
	line-height: 1.4;
	position: relative;
	z-index: 1;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg03.png) no-repeat center bottom;
}

.seafoody #main .lineup li .ttl .big {
	margin-top: -2px;
	display: block;
	font-size: 32px;
}

.seafoody #main .lineup li .ttl:after {
	width: 103px;
	height: 61px;
	position: absolute;
	right: -30px;
	top: -30px;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/imgtext02.png) no-repeat right top;
	
	content: "";
}

.seafoody #main .lineup li .ttl01:after {
	display: none;
}

.seafoody #main .lineup li p {
	margin-bottom: 33px;
	color: #3E587F;
	font-size: 15px;
	line-height: 1.8;
	text-align: left;
}

.seafoody #main .lineup li .link {
	margin: 0 auto;
	width: 70%;
	max-width: 300px;
}

.seafoody #main .lineup li .link span {
	padding: 4px 5px 5px;
	display: block;
	color: #3D557F;
	font-size: 16px;
	font-weight: bold;
	border-radius: 10px;
	text-decoration: none;
	position: relative;
	border: 1px solid #3D557F;
	background-color:  #FFF;
}

.seafoody #main .lineup li .link span:after {
	margin-top: -7px;
	width: 8px;
	height: 14px;
	position: absolute;
	right: 15px;
	top: 50%;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/icon01.png) no-repeat right center;
	
	content: "";
}

.seafoody #main .scenes {
	padding: 67px 0 99px;
	position: relative;
	z-index: 30;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg05.jpg) repeat left top;
}

.seafoody #main .scenes:before {
	width: 100%;
	height: 17px;
	position: absolute;
	left: 0;
	top: -17px;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/bg18.jpg) repeat-x left top;
	
	content: "";
}

.seafoody #main .scenes h2 {
	margin-bottom: 34px;
}

.seafoody #main .scenes h2 .jp {
	color: #FFF;
}

.seafoody #main .scenes h2 .en {
	color: #FFF;
}

.seafoody #main .scenes .foo {
	margin: 0 auto;
	width: 880px;
	text-align: center;
}

.seafoody #main .scenes .foo .slide {
	margin-bottom: 59px;
}

.seafoody #main .scenes .foo .slide li {
	position: relative;
}

.seafoody #main .scenes .foo .slide li:after {
	width: 100%;
	height: 411px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/slide_bg01.png) no-repeat center bottom;
	
	content: "";
}

.seafoody #main .scenes .foo .slide li .text {
	display: block;
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 1;
}

.seafoody #main .scenes .foo .slide li:nth-child(3) .text {
	top: 30px;
	left: 30px;
	right: auto;
	bottom: auto;
}

.seafoody #main .scenes .foo .slide li:nth-child(3):after {
	top: 0;
	bottom: auto;
	background-image: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/slide_bg02.png);
}

.seafoody #main .scenes .foo .small li {
	margin-right: 50px;
	float: left;
	cursor: pointer;
}

.seafoody #main .scenes .foo .small li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.seafoody #main .scenes .foo .small li:last-child {
	margin-right: 0;
}

.seafoody .popupBox {
	display: none;
}

.seafoody .popup {
	margin: 0 auto;
	width: 1060px;
	padding: 8px;
	position: relative;
	border: 1px solid #FFF;
	box-sizing: border-box;
	background-color: #3F5880;
}

.seafoody .popup .imgBox {
	padding: 50px 28px;
	background-color: #FFF;
}

.seafoody .popup .imgBox .photoBox {
	float: left;
}

.seafoody .popup .imgBox .txtBox {
	margin-top: -12px;
	padding-right: 10px;
	width: 568px;
	float: right;
	box-sizing: border-box;
}

.seafoody .popup .imgBox .txtBox .ttl {
	margin-bottom: 5px;
	font-size: 37px;
	font-weight: Medium;
	letter-spacing: -3px;
	font-family: 'Noto Serif JP', serif;
}

.seafoody .popup .imgBox .txtBox p {
	margin-bottom: 37px;
	color: #3E587F;
	font-size: 17px;
}

.seafoody .popup .imgBox .txtBox table {
	width: 100%;
	border-collapse: collapse;
}

.seafoody .popup .imgBox .txtBox table th,
.seafoody .popup .imgBox .txtBox table td {
	padding: 7px 15px;
	font-size: 14px;
	text-align: left;
	box-sizing: border-box;
	vertical-align: middle;
	border: 1px solid #DDD;
}

.seafoody .popup .imgBox .txtBox table th {
	padding: 6px;
	width: 20%;
	color: #FFF;
	text-align: center;
	background-color: #3F5881;
}

.seafoody .popup .imgBox .txtBox table td {
	color: #333;
	line-height: 1.4;
}

.seafoody .popup .imgBox .txtBox table .tdStyle {
	padding: 12px 15px;
}

#cboxContent {
	background: none !important;
}

#cboxClose {
	top: 10px !important;
	right: 10px !important;
	background-image: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/close.png) !important;
}

@media screen and (max-width: 767px) {
	.seafoody #main .topBox {
		padding: 40px 0 40px;
	}

	.seafoody #main .topBox:before {
		height: 9px;
		bottom: -1px;
		background-size: auto 9px;
	}
	
	.seafoody #main .topBox .breadcrumb {
		margin: 0 10px 13px;
		width: auto;
		display: none;
	}

	.seafoody #main .topBox .img {
		margin: 0 auto 5px;
		width: 50%;
	}
	
	.seafoody #main .topBox p {
		margin: 0 10px;
		max-width: inherit;
		font-size: 13px;
		line-height: 1.6;
	}

	.seafoody #main .linkBox {
		padding: 15px 0;
	}

	.seafoody #main .linkBox:before {
		height: 9px;
		top: 0;
		background-size: auto 9px;
	}
	
	.seafoody #main .linkBox:after {
		height: 9px;
		background-size: auto 9px;
	}

	.seafoody #main .linkList li {
		width: auto;
		float: none;
		border-bottom: 1px solid #FFF;
	}
	
	.seafoody #main .linkList li:last-child {
		border-bottom: none;
	}

	.seafoody #main .linkList li a {
		padding: 10px 0;
		font-size: 12px;
	}

	.seafoody #main .linkList li a:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.seafoody #main .linkList li a span {
		margin-top: -5px;
	}

	.seafoody #main h2 .jp {
		margin: -5px 0 -6px;
		font-size: 15px;
	}
	
	.seafoody #main h2 .en {
		font-size: 11px;
	}

	.seafoody #main .concept {
		padding: 20px 0 0;
	}
	
	.seafoody #main .concept p {
		margin-bottom: 45px;
		font-size: 10px;
		line-height: 1.6;
		padding:0 5px;
	}

	.seafoody #main .concept .textBox {
		margin: 0 10px;
		padding: 10px 42px;
		width: auto;
	}

	.seafoody #main .concept .textBox:before {
		width: 40px;
		height: 164px;
		top: 5px;
		background-size: 40px 164px;
	}

	.seafoody #main .concept .textBox:after {
		width: 45px;
		height: 164px;
		top: 5px;
		background-size: 45px 164px;
	}

	.seafoody #main h3 {
		margin-bottom: 10px;
	}
	
	.seafoody #main h3 img {
		height: 50px;
	}
	
	.seafoody #main .concept .yellowBox {
		padding: 30px 0 20px;
	}
	
	.seafoody #main .concept .yellowBox h3 {
		margin-left: 0;
	}
	
	.seafoody #main .concept .yellowBox .img01 {
		top: -35px;
	}

	.seafoody #main .concept .yellowBox .img01 img {
		width: 85px;
	}

	.seafoody #main .concept .img02 {
		bottom: 600px;
	}

	.seafoody #main .concept .img02 img {
		width: 89px;
	}
	
	.seafoody #main .concept .yellowBox .img03 {
		display: none;
	}
	
	.seafoody #main .concept .yellowBox .img04 {
		display: none;
	}

	.seafoody #main .concept .yellowBox:before {
		height: 9px;
		top: -9px;
		background-size: auto 9px;
	}

	.seafoody #main .concept .yellowBox p {
		margin-bottom: 62px;
		line-height: 1.8;
		position: relative;
		z-index: 1;
	}
	
	.seafoody #main .concept .yellowBox .photo {
		margin: 0 10px 30px;
	}
	
	.seafoody #main h4 {
		margin: 0 10px;
		font-size: 12px;
		line-height: 1.6;
	}

	.seafoody #main .concept .photoSec ul {
		margin: 0 10px;
		width: auto;
		position: relative;
		z-index: 22;
	}
	
	.seafoody #main .concept .photoSec li {
		margin-bottom: 20px;
		padding: 15px;
		width: auto;
		float: none;
	}
	
	.seafoody #main .concept .photoSec li:last-child {
		margin-bottom: 0;
	}
	
	.seafoody #main .concept .photoSec li:before {
		width: 20px;
		height: 19px;
		background-size: 20px 19px;
	}
	
	.seafoody #main .concept .photoSec li:nth-child(2n) {
		float: none;
	}

	.seafoody #main .concept .photoSec li .img {
		left: -10px;
		top: -12px;
	}
	
	.seafoody #main .concept .photoSec li .img img {
		width: 93px;
	}

	.seafoody #main .concept .photoSec li h5 {
		margin-bottom: 10px;
		border-bottom: 1px solid #FFF;
	}

	.seafoody #main .concept .photoSec li .txt {
		min-height: 60px;
		display: block;
		font-size: 11px;
		line-height: 1.6;
	}
	
	.seafoody #main .concept .photoSec li .pho img {
		height: 80px;
	}
	
	.seafoody #main .bgBox {
		height: 800px;
	}

	.seafoody #main .lineup {
		margin-top: -765px;
		padding: 45px 0 30px;
	}
	
	.seafoody #main .lineup:before {
		height: 9px;
		top: -9px;
		background-size: auto 9px;
	}

	.seafoody #main .lineup h2 {
		margin-bottom: 20px;
	}
	
	.seafoody #main .lineup h3 {
		margin: 0 0 20px 30px;
	}
	
	.seafoody #main .lineup ul {
		margin: 0 10px;
		width: auto;
	}

	.seafoody #main .lineup li {
		margin: 0 0 20px;
		width: auto;
		float: none;
	}
	
	.seafoody #main .lineup li:last-child {
		margin: 0;
	}

	.seafoody #main .lineup li .photo {
		margin-bottom: 5px;
	}
	
	.seafoody #main .lineup li .ttl {
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 12px;
	}
	
	.seafoody #main .lineup li .ttl:after {
		display: none;
	}
	
	.seafoody #main .lineup li .ttl .inner {
		min-width: 136px;
		display: inline-block;
		position: relative;
	}
	
	.seafoody #main .lineup li .ttl .inner:after {
		width: 80px;
		height: 48px;
		position: absolute;
		right: -80px;
		top: -20px;
		background: url(https://frt-el.jp/wp-manage/wp-content/themes/ftr/img/seafoody/imgtext02.png) no-repeat right top;
		background-size: 80px 48px;
		
		content: "";
	}
	
	.seafoody #main .lineup li .ttl .big {
		font-size: 15px;
	}
	
	.seafoody #main .lineup li a:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.seafoody #main .lineup li p {
		margin-bottom: 20px;
		font-size: 10px;
		line-height: 1.6;
		text-align: center;
	}

	.seafoody #main .lineup li .link span {
		padding: 5px;
		font-size: 10px;
		border-radius: 5px;
	}

	.seafoody #main .lineup li .link span:after {
		margin-top: -3px;
		width: 4px;
		height: 7px;
		background-size: 4px 7px;
	}

	.seafoody #main .scenes {
		padding: 40px 0;
	}
	
	.seafoody #main .scenes:before {
		height: 8px;
		top: -8px;
		background-size: auto 8px;
	}

	.seafoody #main .scenes h2 {
		margin-bottom: 20px;
	}

	.seafoody #main .scenes .foo {
		margin: 0 10px;
		width: auto;
	}

	.seafoody #main .scenes .foo .slide {
		margin-bottom: 10px;
	}

	.seafoody #main .scenes .foo .slide li:after {
		position: absolute;
		left: 0;
		bottom: -40px;
	}
	
	.seafoody #main .scenes .foo .slide li .text {
		right: 5px;
		bottom: 5px;
	}
	
	.seafoody #main .scenes .foo .slide li:nth-child(3) .text {
		top: 5px;
		left: 5px;
	}

	.seafoody #main .scenes .foo .small li {
		margin-right: 1%;
		width: 24.25%;
	}
	
	.seafoody #main .scenes .foo .small li:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	.seafoody #main .scenes .foo .small li:last-child {
		margin-right: 0;
	}
	
	.seafoody #main .scenes .foo .slide li .text img {
		width: 258px;
	}

	.seafoody .popup {
		margin: 0;
		width: calc( 100vw -  30px) !important;
		padding: 5px;
		box-sizing: border-box;
	}

	.seafoody .popup .imgBox {
		padding: 10px;
	}
		
	.seafoody .popup .imgBox .photoBox {
		margin: 0 auto;
		width: 37.2%;
		text-align: center;
	}
	
	.seafoody .popup .imgBox .photoBox img {
		max-width: 100%;
	}
	
	.seafoody .popup .imgBox .txtBox {
		margin-top: 0;
		padding-left: 5%;
		width: 62.5%;
	}

	.seafoody .popup .imgBox .txtBox .ttl {
		margin-bottom: 5px;
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1.5;
	}

	.seafoody .popup .imgBox .txtBox p {
		margin-bottom: 20px;
		font-size: 10px;
	}

	.seafoody .popup .imgBox .txtBox table th,
	.seafoody .popup .imgBox .txtBox table td {
		padding: 5px;
		font-size: 10px;
	}
		
	.seafoody .popup .imgBox .txtBox table th {
		padding: 5px;
	}
	
	.seafoody .popup .imgBox .txtBox table .tdStyle {
		padding: 5px;
	}
	
	.seafoody #cboxClose {
		top: 0 !important;
		right: 0 !important;
	}
}

/*------------------------------------------------------------
	fadeInUp
------------------------------------------------------------*/
.seafoody .fadeInUp {
	opacity: 0;
	-webkit-animation-duration: 1.1s;
	animation-duration: 1.1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
}

.seafoody .fadeInUp.on {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}