@charset "utf-8";

/* --------------------------------------------------------------------------------
toku関連ページ共通CSS
※PC用
 -------------------------------------------------------------------------------- */

#toku_1{
	
	width: 980px;
	margin: 0 auto;
	
}

#toku_1 .about-toku_1{
	
	position: relative;
	
	width: 980px;
	height: 650px;
	
	margin: 0 0 54px;
	padding: 47px 50px 25px;
}
#toku_1 .about-toku_1::after{
	content: '';
	
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 980px;
	height: 650px;
	border-radius: 2px;
	
	background: url("../../img/toku/toku_1/img-main-pc.jpg") no-repeat 0 0;
}
#toku_1 .about-toku_1 .title-page{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 180px;
	margin: 0 0 245px;
}
#toku_1 .about-toku_1 .title-page h1{
	
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing: 0.1em;
	font-size: 32px;
	color: #fff;
}
#toku_1 .about-toku_1 .txt-1{
	padding: 17px 20px;
	line-height: 1.9;
	font-size: 16px;
	color: #fff;
	background: rgba(0,0,0,0.5);
}


/* ----------------------------------------
説明・画像1
---------------------------------------- */
#toku_1 .about-txt-img{
	margin: 0 0 100px;
}
#toku_1 .about-txt-img .about-txt-img-box{
	display: flex;
	justify-content: space-between;
}

/********** テキスト・マップ **********/
#toku_1 .about-txt-img .txt-1{
	width: 470px;
}
#toku_1 .about-txt-img .txt-1 .txt-1-box{
	padding: 0 0 20px;
}
#toku_1 .about-txt-img .txt-1 p{
	margin: 0 0 0.8em;
	line-height: 1.65;
}
#toku_1 .about-txt-img .txt-1 .btn-access{
	display: flex;
	justify-content: flex-end;
	
	width: 100%;
}
#toku_1 .about-txt-img .txt-1 .btn-access a{
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 260px;
	height: 43px;
	border-radius: 15px;
	
	box-shadow: 2px 2px 3px rgba(120,120,120,0.5), 0 2px 0 rgba(255,255,255,0.2) inset;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	background: #a0563b;
}
#toku_1 .about-txt-img .txt-1 .img{
	margin: 0 0 5px;
}

/********** イメージ画像 **********/
#toku_1 .about-txt-img .img-1{
	width: 470px;
	padding: 5px 0 0;
}


/* ----------------------------------------
観
---------------------------------------- */
#toku_1 .miru{
	padding: 0 0 100px;
}


/********** 見出し **********/
#toku_1 .miru .heading{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	width: 100%;
	margin: 0 0 33px;
}
#toku_1 .miru .heading h2{
	width: 130px;
	border-right: solid 2px #000;
}
#toku_1 .miru .heading h2 img{
	width: 120px;
	display: block;
}
#toku_1 .miru .heading .txt{
	width: 825px;
}
#toku_1 .miru .heading .txt p{
	line-height: 1.7;
}



/********** 見出し共通 **********/
#toku_1 .miru .sheading{
}
#toku_1 .miru .sheading h3{
	display: flex;
	align-items: center;
	
	margin: 0 0 5px;
}
#toku_1 .miru .sheading h3 span{
	font-size: 26px;
	margin-right: 15px;
}
#toku_1 .miru .sheading h3 img{
	width: 240px;
	display: block;
}


/********** txt共通 **********/
#toku_1 .miru .txt{
	padding: 0 0 10px;
}
#toku_1 .miru .txt .txt-box p{
	padding: 0 0 8px;
	line-height: 1.5;
	font-size: 14px;
}


/********** img共通 **********/
#toku_1 .miru .img img{
	display: block;
}



/********** 観コンテンツ **********/
#toku_1 .miru .miru-contents{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	
	width: 100%;
}
#toku_1 .miru .miru-contents .miru-contents-1{
	width: 560px;
}
#toku_1 .miru .miru-contents .miru-contents-2{
	width: 380px;
}



/********** おみやげや **********/
#toku_1 .miru .miru-contents .miru-contents-2{
	display: flex;
	flex-direction: column-reverse;
}


/********** img **********/
#toku_1 .miru .miru-contents .miru-contents-2 .img{
	padding: 0 0 15px;
}


/* ----------------------------------------
食
---------------------------------------- */
#toku_1 .shoku{
	padding: 0 0 100px;
}

/********** 見出し **********/
#toku_1 .shoku .heading{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	
	width: 100%;
	margin: 0 0 33px;
}
#toku_1 .shoku .heading h2{
	width: 130px;
	border-left: solid 2px #000;
}
#toku_1 .shoku .heading h2 img{
	width: 120px;
	display: block;
}
#toku_1 .shoku .heading .txt{
	width: 825px;
}
#toku_1 .shoku .heading .txt p{
	line-height: 1.7;
}



/********** 見出し共通 **********/
#toku_1 .shoku .sheading{
}
#toku_1 .shoku .sheading h3{
	display: flex;
	align-items: center;
	
	margin: 0 0 5px;
}
#toku_1 .shoku .sheading h3 span{
	font-size: 26px;
	margin-right: 15px;
}
#toku_1 .shoku .sheading h3 img{
	display: block;
}


/********** txt共通 **********/
#toku_1 .shoku .txt{
	padding: 0 0 10px;
}
#toku_1 .shoku .txt .txt-box p{
	padding: 0 0 8px;
	line-height: 1.5;
	font-size: 14px;
}


/********** img共通 **********/
#toku_1 .shoku img{
	display: block;
}



/********** 食コンテンツ **********/
#toku_1 .shoku .shoku-contents{
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}

/********** すし久 **********/
#toku_1 .shoku .shoku-contents .shoku-contents-1{
	display: flex;
	
	width: 560px;
	margin: 0 40px 0 0;
}
#toku_1 .shoku .shoku-contents .shoku-contents-1 h3 img{
	width: 240px;
}
#toku_1 .shoku .shoku-contents .shoku-contents-1 .shoku-contents-1-box{
	width: 280px;
	margin: 0 20px 0 0;
}
#toku_1 .shoku .shoku-contents .shoku-contents-1 .img{
	padding: 3px 0 0;
}
#toku_1 .shoku .shoku-contents .shoku-contents-1 .img-sushikyu-food{
	width: 260px;
	margin-bottom:30px;
}

/********** うどんやふくすけ **********/
#toku_1 .shoku .shoku-contents .shoku-contents-2{
	display: flex;
	flex-direction: column-reverse;
	width: 380px;
	padding: 0 0 40px;
}
#toku_1 .shoku .shoku-contents .shoku-contents-2 h3 img{
	width: 240px;
}


/* img */
#toku_1 .shoku .shoku-contents .shoku-contents-2 .img{
	padding: 0 0 15px;
}


/********** フルーツラボ **********/
#toku_1 .shoku .shoku-contents .shoku-contents-3{
	display: flex;
	padding: 0 0 30px;
}
#toku_1 .shoku .shoku-contents .shoku-contents-3 .txt{
	width: 380px;
	margin: 0 20px 0 0;
}
#toku_1 .shoku .shoku-contents .shoku-contents-3 h3 img{
	width: 240px;
}
#toku_1 .shoku .shoku-contents .shoku-contents-3 .img-haikarasan-shop{
	width: 270px;
	margin: 0 10px 0 0;
}
#toku_1 .shoku .shoku-contents .shoku-contents-3 .img-haikarasan-shop-2{
	width: 300px;
}


/********** 豚捨 **********/
#toku_1 .shoku .shoku-contents .shoku-contents-4{
	display: flex;
	align-items: flex-start;
}

/* 豚捨画像 */
#toku_1 .shoku .shoku-contents .shoku-contents-4 .imgs{
	display: flex;
	
	flex-direction: row-reverse;
	margin: 0 20px 0 0;
}
#toku_1 .shoku .shoku-contents .shoku-contents-4 .img-butasute-food01{
	width: 390px;
}
#toku_1 .shoku .shoku-contents .shoku-contents-4 .img-butasute-food02-03{
	width: 280px;
	margin: 0 10px 0 0;
}
#toku_1 .shoku .shoku-contents .shoku-contents-4 .img-butasute-food02-03 .img-butasute-food02{
	margin: 0 0 10px 0;
}
#toku_1 .shoku .shoku-contents .shoku-contents-4 h3 img{
	width: 240px;
}
#toku_1 .shoku .shoku-contents .shoku-contents-4 .img-haikarasan-shop{
	width: 270px;
	margin: 0 10px 0 0;
}
#toku_1 .shoku .shoku-contents .shoku-contents-4 .img-haikarasan-shop-2{
	width: 300px;
}

/* 豚捨店舗情報 */
#toku_1 .shoku .shoku-contents .shoku-contents-4 .txt{
	display: flex;
	flex-direction: column-reverse;
	
	width: 280px;
}
#toku_1 .shoku .shoku-contents .shoku-contents-4 .txt .txt-wrapper{
	padding: 0 0 12px;
}
#toku_1 .shoku .shoku-contents .shoku-contents-4 .img-butasute-shop{
	width: 280px;
}



/* ----------------------------------------
楽
---------------------------------------- */
#toku_1 .raku{
	padding: 0 0 50px;
}

/********** 見出し **********/
#toku_1 .raku .heading{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	width: 100%;
	margin: 0 0 25px;
}
#toku_1 .raku .heading h2{
	width: 130px;
	border-right: solid 2px #000;
}
#toku_1 .raku .heading h2 img{
	width: 120px;
	display: block;
}
#toku_1 .raku .heading .txt{
	width: 825px;
}
#toku_1 .raku .heading .txt p{
	line-height: 1.7;
}



/********** 見出し共通 **********/
#toku_1 .raku .sheading{
}
#toku_1 .raku .sheading h3{
	display: flex;
	align-items: center;
	
	margin: 0 0 5px;
}
#toku_1 .raku .sheading h3 span{
	font-size: 26px;
	margin-right: 15px;
}
#toku_1 .raku .sheading h3 img{
	width: 240px;
	display: block;
}


/********** txt共通 **********/
#toku_1 .raku .txt{
}
#toku_1 .raku .txt .txt-box p{
	padding: 0 0 8px;
	line-height: 1.5;
	font-size: 14px;
}


/********** img共通 **********/
#toku_1 .raku .img {
	padding: 0 0 10px;
}
#toku_1 .raku .img img{
	display: block;
}



/********** 楽コンテンツ **********/
#toku_1 .raku .raku-contents{
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}
#toku_1 .raku .raku-contents .raku-contents-1{
	width: 470px;
}
#toku_1 .raku .raku-contents .raku-contents-2{
	width: 470px;
}