/* =================================================== index */
	body.PC .index {
		width: 972px;
		margin: 0 auto;
	}

.contents #contents_header h1 .soccermamam_logo {
	position: relative;
}

	body.PC .contents.index #contents_header h1 .soccermamam_logo {
		top: -8px;
		height: 40px;
		margin-left: 10px;
	}

		body.SP .contents.index #contents_header h1 .soccermamam_logo {
			top: -.6rem;
			height: 2.6rem;
			margin-left: .6rem;
		}

	body.PC .contents.detail #contents_header h1 .soccermamam_logo {
		top: -8px;
		height: 30px;
		margin-left: 10px;
		vertical-align: middle;
	}

		body.SP .contents.detail #contents_header h1 .soccermamam_logo {
			top: -.8rem;
			height: 2.6rem;
			margin-left: .6rem;
		}

.index ul,
.index li {
	margin: 0;
	padding: 0;
}

.index li {
	list-style-type: none;
	box-sizing: border-box;
	border: solid 1px #E3007F;
}

	body.PC .index li {
		position: relative;
		width: 476px;
		height: 180px;
		padding: 10px 10px 10px 200px;
		margin-bottom: 20px;
	}

	body.PC .index li:nth-child(odd) {float: left;}
	body.PC .index li:nth-child(even) {float: right;}

		body.SP .index li {
			position: relative;
			width: 90%;
			margin: 5% auto;
		}

.index li a {
	display: block;
	width: 100%;
	height: 100%;
}

.index li h2 {
	font-weight: normal;
	text-align: justify;
	text-justify: inter-ideograph;
}

	body.PC .index li h2 {
		font-size: 20px;
		line-height: 1.5em;
	}

		body.SP .index li h2 {
			position: absolute;
			left: 10.5rem;
			top: 0;
			line-height: 1.4em;
			padding: 2% 2% 2% 0;
			font-size: 1.7rem;
		}

	body.PC .detail #contents_body {
		width: 972px;
		margin: 0 auto;
	}

		body.SP .detail #contents_body {
			width: 100%;
			margin: 0 auto;
		}



/* =================================================== column */
/* COMMON
--------------------*/
/** ttl **/
#contents_title {
	width: 100%;
	height: 390px;
	padding-bottom: 3.2%;
	position: relative;
	background: url(../images/column/vol1/bg-canvas.png);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
}
	@media screen and (max-width: 767px) {
		#contents_title {
			height: 125px;
			margin: 0 !important;
			padding: 0 3.2% !important;
		}
	}

#contents_title .kv {
	width: 972px;
	text-align: center;
	position: abusolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
	@media screen and (max-width: 767px) {
		#contents_title .kv {
			width: 300px;
		}
	}

	#contents_title .kv > img {
		max-width: 100%;
	}

/** body **/
#contents_body {
	font-size: 1.55rem;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
}
	@media screen and (max-width: 767px) {
		#contents_body {
			font-size: 1.35rem;
		}
	}

	#contents_body a {
		text-decoration: underline;
		color: #000;
	}
	#contents_body li a {
		text-decoration: none;
		}

	#contents_body a:hover {
		opacity: .7;
	}

	#contents_body header {
		padding: 2.4% 3.2%;
		text-align: center;
		font-weight: bold;
		text-shadow:0px 3px 1px #fff,0px 2px 1px #fff,1px 2px 1px #fff,2px 2px 1px #fff,2px 1px 1px #fff,2px 0px 1px #fff,3px 0px 1px #fff,2px -1px 1px #fff,2px -2px 1px #fff,2px -3px 1px #fff,1px -3px 1px #fff,0px -3px 1px #fff,-1px -3px 1px #fff,-2px -3px 1px #fff,-3px -3px 1px #fff,-3px -2px 1px #fff,-3px -1px 1px #fff,-3px 0px 1px #fff,-3px 1px 1px #fff,-3px 2px 1px #fff,-2px 2px 1px #fff,-1px 2px 1px red;

	}

	#contents_body > article[id^="column"] * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-text-size-adjust: none;
	}

	/* switch */
	#contents_body > article[id^="column"] .sp-on {
		display: none !important;
	}
	#contents_body > article[id^="column"] .pc-off {
		display: none !important;
	}
		@media screen and (max-width: 767px) {
			#contents_body > article[id^="column"] .sp-on {
				display: block !important;
			}
			#contents_body > article[id^="column"] .sp-off {
				display: none !important;
			}
			#contents_body > article[id^="column"] .pc-off {
				display: inline-block !important;
			}
		}
		
		@media screen and (max-width: 767px) {
		.col-box.sp-padding-top-0,
		.txt_body.sp-padding-top-0 {
			padding-top: 0 !important;
		}
		}		
		
	/* article */
	#contents_body > article > * {
		margin-bottom: 5.4%;
		height: auto;
	}
	#contents_body > article > *:last-child {
		margin: 0;
	}

	#contents_body > article > * .ttl {
		margin: .5em 0;
		line-height: 1.4;
	}

	#contents_body p + .ttl {
		margin-top: 1.6em;
	}

	/* ttl-style */
	#contents_body .ttl-dot {
		border-top: 1px dashed #5c5c5c;
		border-bottom: 1px dashed #5c5c5c;
		margin-bottom: 2.4rem !important;
		padding: 5px 0 5px 0;
	}

	/* ico-style */
	#contents_body [class^="ico-"] {
		display: inline-block;
		text-align: center;
		font-weight: bold;
	}
	#contents_body .ico-q,
	#contents_body .ico-a {
		margin-right: .5em;
		color: #fff;
		font-family: "Arial Black", Gadget, sans-serif;
	}
	#contents_body .ico-q {
		text-indent: -9999px;
		width: 82px;
		height: 36px;
		line-height: 36px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center center;		
	}
		@media screen and (max-width: 767px) {
			#contents_body .ico-q {
				width: 62px;
				height: 28px;
				line-height: 28px;
			}
		}
	#contents_body .ico-q.p-001 {
		background-image: url(../images/column/vol4/ico-protein-q1.png);
	}
	#contents_body .ico-q.p-002 {
		background-image: url(../images/column/vol4/ico-protein-q2.png);
	}
	#contents_body .ico-q.p-003 {
		background-image: url(../images/column/vol4/ico-protein-q3.png);
	}	
	#contents_body .ico-q.p-004 {
		background-image: url(../images/column/vol4/ico-protein-q4.png);
	}
	#contents_body .ico-q.p-005 {
		background-image: url(../images/column/vol4/ico-protein-q5.png);
	}
	#contents_body .ico-q.p-006 {
		background-image: url(../images/column/vol4/ico-protein-q6.png);
	}
	#contents_body .ico-q.p-007 {
		background-image: url(../images/column/vol4/ico-protein-q7.png);
	}
	
	#contents_body .ico-q-n {
		text-indent: -9999px;
		width: 55px;
		height: 48px;
		line-height: 65px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center center;
		margin-right: .5em;
	}
		@media screen and (max-width: 767px) {
			#contents_body .ico-q {
				width: 62px;
				height: 28px;
				line-height: 28px;
			}
		}
	#contents_body .ico-q-n.q-001 {
		background-image: url(../images/column/vol8/ico-q1.png);
	}
	#contents_body .ico-q-n.q-002 {
		background-image: url(../images/column/vol8/ico-q2.png);
	}
	#contents_body .ico-q-n.q-003 {
		background-image: url(../images/column/vol8/ico-q3.png);
	}


	#contents_body .ico-p {
		width: 48px;
		height: 36px;
		line-height: 36px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center center;
		margin-right: .5em;	
	}

	#contents_body .ico-a {
		background: #ff6589;
		width: 32px;
		height: 32px;
		line-height: 32px;
		border-radius: 16px;
		margin-right: .5em;	
	}
	
	#contents_body .ico-uso,
	#contents_body .ico-honnto {
		text-indent: -9999px;
		width: 60px;
		height: 34px;
		line-height: 36px;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	#contents_body .ico-uso {
		background-image: url(../images/column/vol5/ico-uso.png);
	}
	#contents_body .ico-honnto {
		background-image: url(../images/column/vol5/ico-honnto.png);
	}
	
	#contents_body .ico-p {
		background-image: url(../images/column/vol5/ico-protein.png);
	}
			@media screen and (max-width: 767px) {
			#contents_body .ico-block {
				display: block;
				margin-bottom: 5px;
				}		
			}
	#contents_body .ico-sara {
		background-image: url(../images/column/vol8/ico-sara.png);
	}
	#contents_body .ico-sara-orange {
		background-image: url(../images/column/vol8/ico-sara-orange.png);
}

	#contents_body .ico-sara,
	#contents_body .ico-sara-orange{
		text-indent: -9999px;
		width: 55px;
		height: 48px;
		line-height: 65px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center center;
		margin-right: .5em;
		vertical-align: middle;
	}

	/* font-style */
	#contents_body .small {
		font-size: 80%;
	}

	/* box-style */
	#contents_body [class^="box-"] {
		padding: 3.2%;
		position: relative;
	}

	#contents_body .box-wh {
		background: #fff;
	}
	#contents_body .box-pink1 {
		background:  rgba(250,219,223,0.6);
	}
	#contents_body .box-wh > section,
	#contents_body .box-pink1 > section {
		margin-bottom: 5.6%;
	}
	#contents_body .box-wh > section:last-child,
	#contents_body .box-pink1 > section:last-child {
		margin: 0;
	}

	#contents_body .box-lg {
		padding: 1.2em;
		background: #fafafa;
	}	
	#contents_body .box-canvas {
		background: url(../images/column/vol1/bg-canvas.png);
	}

	#contents_body .box-gd {
		background: url(../images/column/vol1/bg-dot-green.png);
	}

	#contents_body .box-gd3 {
		background: url(../images/column/vol3/bg_border_b.png);
	}

	#contents_body .box-gd4 {
		background: url(../images/column/vol4/bg-dot-orange.png);
	}

	#contents_body .box-gd5 {
		background: url(../images/column/vol5/bg-kousi-paper.png);
	}
	
	#contents_body .box-gd6 {
		background: url(../images/column/vol6/bg-paper2.png);
	}

	#contents_body .box-gd7 {
		background: url(../images/column/vol7/bg-paper3.png);
	}
	
	#contents_body .box-st-og {
		padding: 1.2em;
		background: url(../images/column/vol1/bg-stripe-orange.png);
		text-shadow:0px 3px 1px #fff,0px 2px 1px #fff,1px 2px 1px #fff,2px 2px 1px #fff,2px 1px 1px #fff,2px 0px 1px #fff,3px 0px 1px #fff,2px -1px 1px #fff,2px -2px 1px #fff,2px -3px 1px #fff,1px -3px 1px #fff,0px -3px 1px #fff,-1px -3px 1px #fff,-2px -3px 1px #fff,-3px -3px 1px #fff,-3px -2px 1px #fff,-3px -1px 1px #fff,-3px 0px 1px #fff,-3px 1px 1px #fff,-3px 2px 1px #fff,-2px 2px 1px #fff,-1px 2px 1px red;
	}

	#contents_body .box-paper {
		background: url(../images/column/vol2/bg-paper.png);
	}

	/* line-style */
	#contents_body .bd-dash {
		line-height: 1.7;
		border-bottom: 1px dashed #D8D1D2;
	}

	/* inline-box */
	#contents_body .center {
		text-align: center;
	}

	/* table */
	#contents_body .table {
		width: 100%;
		border-collapse: collapse;
	}

	#contents_body .table caption {
		padding-bottom: .5em;
		text-align: left;
		font-weight: bold;
	}

	#contents_body .table tr {
		border-bottom: 1px dotted #ccc;
	}
	#contents_body .table th,
	#contents_body .table td {
		text-align: left;
		text-align: justify;
		padding: 8px;
		vertical-align: top;
	}
			@media screen and (max-width: 767px) {
				#contents_body .table th,
				#contents_body .table td {
					display: block;
					width: 100%;
					padding: 8px 0;
				}
				#contents_body .table th {
					padding-bottom: 0;
				}
			}
			
	/* ul li*/
	#contents_body .list ul {
		font-size: 1.3rem;
	}
	#contents_body .list ul li {
		border-bottom: 1px solid #f2ebdf;
		padding: .2rem;
	}
	
	/* letter-spacing */
	#contents_body .mojikann {
		letter-spacing: 1px;
	}

		
/** col-box **/
.col-box {
	width: 100%;
	display: table;
	padding: 24px 0;
}
.col-box:first-child {
	padding-top: 0;
}
.col-box:only-child {
	padding: 0;
}
	@media screen and (max-width: 767px) {
		.col-box {
			display: block;
		}
	}

	.col-box :last-child {
		margin: 0;
	}
	.col-box > * {
		display: table-cell;
		vertical-align: top;
	}
		@media screen and (max-width: 767px) {
			.col-box > * {
				display: block;
				width: 100% !important;
				margin: 0;
			}
			.col-box .thumbs {
				text-align: center;
				margin-bottom: 4%;
			}
		}

	.col-box .thumbs figcaption {
		margin: 2.4% 0;
		font-size: 90%;
	}

	.col-box .txt_body p {
		line-height: 1.5;
		margin-bottom: .8rem;
	}
	.col-box .txt_body p:last-child {
		margin-bottom: 0;
	}

	.col-box > * img {
		width: 100%;
	}
		@media screen and (max-width: 767px) {
			.col-box > * img {
				width: auto;
				max-width: 100%;
			}
		}

	.col-box .txt_body + .thumbs,
	.col-box .thumbs + .txt_body,
	.col-box .txt_body + .txt_body {
		width: 50%;
		margin: 0;
		padding-left: 3.2%;
	}
		@media screen and (max-width: 767px) {
			.col-box .txt_body + .thumbs,
			.col-box .thumbs + .txt_body {
				padding: 1.6em 0 0 0;
			}
			.col-box .txt_body + .txt_body {
				padding: 2.4% 0;
			}
			.col-box .txt_body + .txt_body:last-child {
				padding-bottom: 0;
			}

			.col-box .txt_body .ttl.name {
				text-align: center;
				font-size: 150%;
			}
			.col-box .txt_body .tC {
				text-align: center;
			}
		}
	
	/* thumbs sizing */
	.col-box .thumbs.w20 {
		width: 15%;
		text-align: center;
	}
	.col-box .thumbs.w20-2 {
		width: 20%;
		text-align: center;
	}
	.col-box .thumbs.w25 {
		width: 25%;
		text-align: center;
	}
	.col-box .thumbs.w30 {
		width: 30%;
		text-align: center;
	}
	.col-box .thumbs.w35 {
		width: 35%;
		text-align: center;
	}
	.col-box .thumbs.w40 {
		width: 40%;
		text-align: center;
	}
	.col-box .thumbs-half {
		text-align: center;
		position: relative;
	}
	.col-box .thumbs-half img {
		margin: 0 auto;
		width: 50%;
	}
			@media screen and (max-width: 767px) {
				.col-box .thumbs-half img {
					width: 100%;
				}
			}	

	/* thumbs vertical-align  */
	.col-box .vertical-m {
		vertical-align: middle;
	}
	
/* single-column */
.col-box.single {
	display: block;
	table-layout: none;
}
.col-box.single > * {
	width: 100% !important;
	display: block;
}
.col-box.single .thumbs {
	text-align:  center;
	padding: 1.6% 0;
	margin: 0;
}
.col-box.single .thumbs:last-child,
.col-box.single .thumbs:only-child {
	padding-bottom: 0;
}
.col-box.single .txt_body {
	padding: 1.6% 0;
}


/** column-auth **/
.column-auth .thumbs + .txt_body {
	width: auto;
}
	@media screen and (max-width: 767px) {
		.column-auth .col-box:last-child {
			padding: 0;
		}
	}

/** sub-col **/
.sub-col-box {
	padding: 10px 0;
}

.sub-col {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	float: left;
	width: 50%;
	padding: 0 20px;
}

.sub-col:after {
	content: "";
	clear: both;
	display: block;
}
		@media screen and (max-width: 767px) {
			.sub-col {
				padding: 10px 0;
				width: 100%;
			}
		}

/* dummylayer */
.thumbs {
	position: relative;
	z-index: 0;
}
.thumbs img {
	z-index: 0;
}
.dummy {
	width: 100% !important;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background: url(../images/column/blank.gif);
}



/* soccermama appearance
--------------------*/
/* color */
.c01 {
	color: #ff6589;
}
.c02 {
	color: #4cbeff;
}
.c03 {
	color: #75bf00;
}
.c04 {
	color: #4b4a48;
}
.c05 {
	color: #FF6C2A;
}

/* border-rounded */
.r005 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.r010 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.r020 {
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}

/* rounded-a */
.v01-a {
	color:#fff;
	background:#ff6589;
	padding:8px 16px;
}
.v02-a {
	color:#fff;
	background:#4cbeff;
	padding:8px 16px;
}
.v03-a {
	color:#fff;
	background:#75bf00;
	padding:8px 16px;
}
.v04-a {
	color:#fff;
	background:#4b4a48;
	padding:8px 16px;
}
.v05-a {
	color:#fff;
	background:#FF6C2A;
	padding:8px 16px;
}
.v06-a {
	color:#fff;
	background:#ff6589;
	padding:8px 16px;
}

/* outline */
.v01-b {
	color:#ff6589;
	background:#fff;
	padding:8px 16px;
	border:2px solid #ff6589;
}

.v02-b {
	color:#4cbeff;
	background:#fff;
	padding:8px 16px;
	border:2px solid #4cbeff;
}

.v03-b {
	color:#75bf00;
	background:#fff;
	padding:8px 16px;
	border:2px solid #75bf00;
}

.v04-b {
	color:#4b4a48;
	background:#fff;
	padding:8px 16px;
	border:2px solid #4b4a48;
}

.v05-b { /* orange */
	color:#FF6C2A;
	background:#fff;
	padding:8px 16px;
	border:2px solid #FF6C2A;
}

.v06-b {
	color:#FF6C2A;
	background:#fff;
	padding:8px 16px;
	border:2px solid #ca966e;
}


/* border-bottom */
.v01-c {
    border-bottom: 3px solid #ff6589;
    padding: 8px;
}

.v02-c {
    border-bottom: 3px solid #4cbeff;
    margin-bottom: 10px;
    padding: 8px;
}

.v03-c {
    border-bottom: 3px solid #75bf00;
    padding: 8px;
}

.v04-c {
    border-bottom: 3px solid #4b4a48;
    padding: 8px;
}

.v05-c {
    border-bottom: 3px solid #FF6C2A;
    padding: 8px;
}

/* border-bottom-dot */
.v01-d {
    border-bottom: 3px dashed #ff6589;
}

.v02-d {
    border-bottom: 3px dashed #FF6C2A;
}

.v03-d {
    border-bottom: 3px dashed #75bf00;
}

/* border-top-bottom-dot */
#contents_body .ttl-dot.v01-e {
	border-top: 2px dashed #75bf00;
	border-bottom: 2px dashed #75bf00;
}

#contents_body .ttl-dot.v02-e {
	border-top: 2px dashed #ff6589;
	border-bottom: 2px dashed #ff6589;
}

/* box-lg-color */
#contents_body .v01f {
	padding: 1.2em;
	background: #fad9d8;
}

/* column1
--------------------*/
#column1 {
	padding: 3.2%;
	border-radius: 20px;
}
	@media screen and (max-width: 767px) {
		#column1 {
			padding: 3.2%;
			border-radius: 0;
		}
	}

	#column1 .box-wh,
	#column1 .box-canvas {
		border-radius: 10px;
	}

	#column1 .col-box.dot {
		padding: 24px 0;
		border-bottom: 3px dotted #7fbe25;
	}
		@media screen and (max-width: 767px) {
			#column1 .col-box.dot {
				padding: 3.2% 0;
			}
		}


/* column2
--------------------*/
#column2 {
	padding: 3.2%;
	border-radius: 20px;
}
	@media screen and (max-width: 767px) {
		#column2 {
			padding: 3.2%;
			border-radius: 0;
		}
	}

	#column2 .box-wh,
	#column2 .box-canvas {
		border-radius: 10px;
	}

	#column2 .col-box.dot {
		padding: 24px 0;
		border-bottom: 3px dotted #7fbe25;
	}

	#column2 .txt_body {
		text-align: justify;
	}
		
		@media screen and (max-width: 767px) {
			#column2 .col-box.dot {
				padding: 3.2% 0;
			}
		}

#contents_body p + .margin-top0 {
	margin-top: 0;
}

.ttl-vol2 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 100%;
	height: 105px;
}
	@media screen and (max-width: 767px) {
		.ttl-vol2 {
			height: 57px;
		}
	}

.try1 {
	background-image: url(../images/column/vol2/ttl-nigate-01.png);
	background-size: auto 105px;
}
		@media screen and (max-width: 767px) {
			.try1 {
					background-size: auto 58px;
			}
		}
.try2 {
	background-image: url(../images/column/vol2/ttl-nigatenatabemonoha-02.png);
	background-size: auto 105px;
}
		@media screen and (max-width: 767px) {
			.try2 {
					background-size: auto 58px;
			}
		}
.try3 {
	background-image: url(../images/column/vol2/ttl-dottigaii-03.png);
	background-size: auto 103px;
}
		@media screen and (max-width: 767px) {
			.try3 {
					background-size: auto 58px;
			}
		}

.try4 {
	background-image: url(../images/column/vol2/ttl-tokidoki-04.png);
	background-size: auto 101px;
}
		@media screen and (max-width: 767px) {
			.try4 {
					background-size: auto 58px;
			}
		}

.try5 {
	background-image: url(../images/column/vol2/ttl-mama-05.png);
	background-size: auto 105px;
}
		@media screen and (max-width: 767px) {
			.try5 {
					background-size: auto 58px;
			}
		}

.vol2-dot {
	margin-bottom: 10px;
	padding-bottom: 3px;
}


.ttl-vol2-recipe {
	height: 72px;
	text-indent: -9999px;
	background-image: url(../images/column/vol2/vol2-ttl-recipe.png);
	background-position: center center;
	background-repeat: no-repeat;
}
	@media screen and (max-width: 767px) {
		.ttl-vol2-recipe {
			height: 27px;
			padding: 8px;
			background-size: 90% auto;
		}
	}
	@media screen and (max-width: 767px) and (orientation:landscape) {
		.ttl-vol2-recipe {
			height: 54px;
		}
	}

.recipe-column2 {
	padding: 2.4% 0;
	position: relative;
	overflow: hidden;
}
.recipe-column2 .v01-d {
	font-size: 150%;
	border-bottom-style: dotted;
}


.recipe-column2 .zairyou {
	margin-bottom: 6.4%;
}

.recipe-column2 .zairyou caption,
.recipe-column2 .tukurikata caption {
	padding: 8px;
	margin-bottom: 1.6%;
}

.recipe-column2 .zairyou caption {
	background: #90c31f;
	color: #fff;
}

.recipe-column2 .tukurikata caption {
	background: #90c31f;
	color: #fff;
}

.zairyou th {
	width: 35%;
}

.tukurikata th {
	width: 8%;
}

	@media screen and (max-width: 767px) {
		.zairyou th {
			width: 100%;
			display: block;
		}
	}

	@media screen and (max-width: 767px) {
		.zairyou td {
			display: block;
		}
	}

.contact-box {
	padding-top: 10px;
}

.content.single {
	display: block;
	width: 100%;
	padding-bottom: 20px;
}


/* column3
--------------------*/
#column3 {
	padding: 3.2%;
	border-radius: 20px;
}
	@media screen and (max-width: 767px) {
		#column3 {
			padding: 3.2%;
			border-radius: 0;
		}
	}

#column3 .box-wh,
#column3 .box-canvas {
	padding: 3.2%;
	border-radius: 10px;
}

#column3 .ttl-dot {
	color: #75bf00;
}

#column3 .table-ttl-dot {
	border-bottom: 3px dotted #ca966e;
	margin-bottom: 10px;
	padding-bottom: 3px;
}

@media screen and (max-width: 767px) {
	.ttl-narrow {
		letter-spacing: -1px;
		font-size: 130%;
	}
}

.ttl-vol3-chishiki {
	height: 64px;
	background-image: url(../images/column/vol3/title_vol3_savas_chishiki.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
	@media screen and (max-width: 767px) {
		.ttl-vol3-chishiki {
			/*height: 81px;*/
			background-size: 100% auto;
		}
	}
	@media screen and (max-width: 767px) and (orientation:landscape) {
		.ttl-vol3-chishiki {
			background-size: 100% auto;
		}
	}

.ttl-vol3-tsuyoku {
	height: 40px;
	background-image: url(../images/column/vol3/title_vol3_savas_tsuyoku.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
	@media screen and (max-width: 767px) {
		.ttl-vol3-tsuyoku {
			background-size: 120% auto;
		}
	}
	@media screen and (max-width: 767px) and (orientation:landscape) {
		.ttl-vol3-tsuyoku {
			background-size: 100% auto;
		}
	}

#column3 .col-box.pad0 {
	padding: 0;
}

#column3 .col-box.pad10 {
	padding: 10px 0;
}
	@media screen and (max-width: 767px) {
		#column3 .col-box.dot {
			padding: 3.2% 0;
		}
	}

.text-bottom {
	padding-bottom: .8rem;
}

.ttl-vol3-onigiri {
	height: 162px;
	background-image: url(../images/column/vol3/title_vol3_savas_onigiri.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
	@media screen and (max-width: 767px) {
		.ttl-vol3-onigiri {
			height: 92px;
			background-size: 100% auto;
		}
	}
	@media screen and (max-width: 767px) and (orientation:landscape) {
		.ttl-vol3-onigiri {
			height: 160px;
		}
	}

.recipe-column3 .v01-d {
	font-size: 150%;
	border-bottom-style: dotted;
}

.recipe-column3 {
	padding: 2.4% 0;
	position: relative;
	overflow: hidden;
}
.recipe-column3 .v01-d {
	font-size: 150%;
	border-bottom-style: dotted;
}


.recipe-column3 .zairyou {
	margin-bottom: 6.4%;
}

.recipe-column3 .zairyou caption,
.recipe-column3 .tukurikata caption {
	padding: 8px;
	margin-bottom: 1.6%;
}

.recipe-column3 .zairyou caption {
	background: #CA966E;
	color: #fff;
}

.recipe-column3 .tukurikata caption {
	background: #CA966E;
	color: #fff;
}


/* column5
--------------------*/
#column5 {
	padding: 3.2%;
	border-radius: 20px;
}
	@media screen and (max-width: 767px) {
		#column5 {
			padding: 3.2%;
			border-radius: 0;
		}
	}

#column5 .box-wh,
#column5 .box-canvas {
	padding: 3.2%;
	border-radius: 10px;
}

#column5 .ttl-dot {
	color: #75bf00;
}

#column5 .table-ttl-dot {
	border-bottom: 3px dotted #ca966e;
	margin-bottom: 10px;
	padding-bottom: 3px;
}

#column5 .thumbs .image90,
#column5 .thumbs-half .image90 {
	width: 90% ;
}

#column5 .col-box.pad-b40 {
	padding-bottom: 40px;
}

#column5 .thumbs.pad-b40 {
	padding-bottom: 40px;
}


#column5 .col-box.pad-b50 {
	padding-bottom: 50px;
}

	@media screen and (max-width: 767px) {
		#column5 .col-box.sp-pad0 {
			padding: 0;
		}
	}

	@media screen and (max-width: 767px) {
		#column5 .m-t40 {
			margin-top:  40px;
		}
	}

	@media screen and (max-width: 767px) {
		#column5 .pad-t20 {
			margin-top:  20px;
		}
	}

.v-align-c {
	vertical-align: middle;
}

.ttl-vol5-mazu {
	height: 80px;
	background-image: url(../images/column/vol5/subtitle_vol5_savas1.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}

.ttl-vol5-nomikata {
	height: 80px;
	background-image: url(../images/column/vol5/subtitle_vol5_savas2.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}


.ttl-vol5-shinn {
	height: 190px;
	background-image: url(../images/column/vol5/subtitle_vol5_savas3.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
	@media screen and (max-width: 767px) {
		.ttl-vol5-shinn {
			background-size: 100% auto;
			padding-top: 24%;
			height: 0;
		}
	}

.ttl-vol5-kanntann {
	height: 38px;
	background-image: url(../images/column/vol5/subtitle_vol5_savas5.png);
	background-repeat: no-repeat;
	background-position: center center; 
	text-indent: -9999px;
}
	@media screen and (max-width: 767px) {
		.ttl-vol5-kanntann {
			background-size: 100% auto;
			background-position: center center;
			padding-top: 8%;
		}
	}

.ttl-vol5-konnna {
	height: 66px;
	background-image: url(../images/column/vol5/subtitle_vol5_savas4.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
	@media screen and (max-width: 767px) {
		.ttl-vol5-konnna {
			background-size: 70% auto;
			background-position: center center;
			height: 50px;
		}
	}
	@media screen and (max-width: 767px) and (orientation:landscape) {
		.ttl-vol5-konnna {
			padding-top: 20%;
		}
	}
	
.txt-kanntann {
	width: 34% !important;
}
	@media screen and (max-width: 767px) {
		.txt-kanntann {
			width: 100% !important;
		}
	}

.vol5-konnna {
		width: 37%;
}

.vol5-konnna-inner {
	width: 100% !important;
	vertical-align: middle;
}



/* column6
--------------------*/
.vol6-font {
	font-size: 20px;
	font-weight: bold;
}

/* column7
--------------------*/
.ul-lg {
	border-radius: 20px;
}

.recipe-column7 {
	padding: 2.4% 0;
	position: relative;
	overflow: hidden;
}
.recipe-column7 .v01-d {
	font-size: 150%;
	border-bottom-style: dashed;
}


.recipe-column7 .zairyou {
	margin-bottom: 6.4%;
}

.recipe-column7 .zairyou caption,
.recipe-column7 .tukurikata caption {
	color: #fff;
	padding: 8px;
	margin-bottom: 1.6%;
}

.zairyou caption.c01a,
.tukurikata caption.c01a {
	background: #ff6589;
}

.recipe-column7 .zairyou caption.c02a,
.recipe-column7 .tukurikata caption.c02a {
	background: #90c31f;
}

.recipe-column7 .zairyou caption.c03a,
.recipe-column7 .tukurikata caption.c03a {
	background: #FF6C2A;
}

.recipe-column7 .zairyou th {
	width: 60%;
}

.recipe-column7 .tukurikata th {
	width: 17%;
}

.recipe-column7 .pad-t10 {
	padding-top: 30px !important;
}
	@media screen and (max-width: 767px) {
		.recipe-column7 td.pad-t10 {
			padding-top: 8px !important;
		}

	}
	

/* column8
--------------------*/
#column8 {
	padding: 3.2%;
	border-radius: 20px;
}
	@media screen and (max-width: 767px) {
		#column8 {
			padding: 3.2%;
			border-radius: 0;
		}
	}

#column8 .box-wh,
#column8 .box-canvas {
	padding: 3.2%;
	border-radius: 10px;
}

#column8 .col-box.dot {
	border-bottom: 3px dotted #7fbe25;
}

.vol8g {
	color: #75bf00;
}

.vol8org {
	color: #FF6C2A;
}

.ttl-vol8-point {
	height: 90px;
	background-image: url(../images/column/vol8/title_vol8savas_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
	@media screen and (max-width: 767px) {
		.ttl-vol8-point {
			background-size: 100% auto;
			padding-top: 14%
		}
	}
	@media screen and (max-width: 767px) and (orientation:landscape) {
		.ttl-vol8-point {
			background-size: 100% auto;
		}
	}

.ttl-vol8-advice {
	height: 352px;
	background-image: url(../images/column/vol8/title_vol8savas_02.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
	@media screen and (max-width: 767px) {
		.ttl-vol8-advice {
			height: 180px;
			background-size: 100% auto;
			padding-top: 56%
		}
	}

.col-box .txt_body + .thumbs.w30 {
	width: 30%;
}

#contents_body .list-vol8 ul li {
	border-bottom: 1px solid #f2ebdf;
	padding: 8px;
}

#contents_body .v01f.vol8-comment {
	padding: 1em;
	vertical-align: middle;
	background-color: #fad9d8;
	position: relative;
}

	@media screen and (max-width: 767px) {
		#contents_body .v01f.vol8-comment:after {
			background-image: url(../images/column/vol8/fukidasi.png);
			position: absolute;
			visibility: inherit;
			left: 0;
			height: 100px;
			width: 100%;
			display: block;
			background-repeat: no-repeat;
			background-position: 36px 0;
			background-size: 74px auto;
		}
	}
	@media screen and (max-width: 767px) {	
		.vol8-hito {
			width: 50% !important;
		}
	}

.vol8-re {
	text-decoration: underline !important;
	color: #ff6589 !important;
}

/* common
--------------------*/
.box-product .product {
	width: 100%;
}
	@media screen and (max-width: 767px) {
		.box-product .product {
			width: 100%;
		}
	}

.th-w6 th {
	width: 6px;
}