@charset "shift_jis";
#script{
	font-size: 16px;
	line-height: 1.8em;
	color: rgb(68, 68, 68);
}
/* アクセントカラー指定 ここから================ */
#pankuzu,#recom-title {
	background: #D6306B;
}
#script h3 {
	color: #D6306B;
	margin: 30px 0 0px;
	font-size: 20px;
}
#script h4 {
	border-bottom:3px solid #ccc;
	padding-bottom: 10px;
}
#script h2,#script h3,#script h4 {
	/* border-color: #D6306B;
	*/
	border: none;
}
.column4 {
	margin: 2% 0 0 1% !important;
}
/* アクセントカラー指定 ここまで================ */
.clear{
	clear:both;
}
.column4 img{
	width:auto !important;
	height:210px;
}
.column3_middle{
	margin-left:2% !important;
}
#container {
	text-align: left;
}
.section{
	padding:10px !important;
}
/* カラム追加 */
.column5 {
	margin: 2% 0 0 1.33%;
	width: 18%;
	float:left;
}
/* タイトル */
#script h2{
	font-size: 25px !important;
	color:#D6306B;
}
/* キャッチコピー */
.copy{
	font-size: 130% !important;
	color: #cd5e3c !important;
	font-weight: bold;
}
/* 2カラム */
.col2-1, .col2-2, .col3-1, .col3-2, .col3-3, .col4-1, .col4-2, .col4-3, .col4-4 {
	margin-bottom: 10px;
}
.col2-1 {
	width: 48%;
	float: left;
}
.col2-2 {
	width: 48%;
	float: right;
}
/* トップ画像 */
#main-background {
	background: #000 url(http://www.u-canshop.jp/nihonnomeisaku/episode/img/kiitetanoshimu-topimg.jpg) top center no-repeat;background-size: cover;
	height: 160px;
	/* 2ページ目以降のトップイメージの高さ */
}
#first-page #main-background {
	height: 450px;
	/* 1ページ目のトップイメージの高さ */
	text-align: right;
}
#top-wrap {
	background: rgba(0,0,0,0.3);
	/* 背景色のブラック透過度を設定(0.3〜0.6の範囲で)*/
}
#main-background,#main-background h1 a {
	color: #fff;
	/* タイトル文字色 */
}
#main-background h1 {
	font-family: NotoserifJP !important;
	/* NotoserifJP = 明朝体 / NotoSansJP = ゴシック体*/
	font-size: 28px;
	/* 2ページ目以降の文字サイズ */
	font-weight: 700;
	/* 300 / 500 / 700 */
	padding-top: 50px;
	/* 2ページ目以降の上余白 */
}
#first-page #main-background h1 {
	padding-top: 80px;
	/* 1ページ目の上余白 */
	font-size: 46px;
	/* 1ページ目の文字サイズ */
}
/* ボディ部分 */
.section_top{
	padding-top:30px !important;
}
.bold {
	font-weight: bold;
}
.red {
	color: #ed5365;
}
.padding-bottom-30{
	padding-bottom:30px !important;
}
/* ポイント詳細 */
.point {
	background-color: #f0f8ff;
	padding: 15px;
	border: solid 1px #e6e6fa;
}
#script .block p {
	margin-bottom: 10px;
	margin-top: 10px;
}
#script ul {
	font-size: 90%;
	padding-left:0pc;
}
#script ul, #script ol {
	list-style: none outside none;
}
#container {
	text-align: left;
}
/* エピソード */
#script .block h2,#script .block h3 {
	font-family: NotoSansJP !important;
	/* NotoserifJP = 明朝体 / NotoSansJP = ゴシック体*/
	font-weight: 700;
	/* 300 / 500 / 700 */
}
.block, .section > h2, #bottom-relate-item, #bottom-recom-item, .itemlist3c {
	width: 100%;
}
#script .block h2 span {
	color: #333;
	font-weight: 500;
	/* 300 / 500 / 700 */
}
.osusume{
	font-size:120%;
	font-weight:bold;
	text-align:center;
	padding:25px;
	color:#c71585 !important;
}
.osusume_link{
	text-decoration: underline;
	color: #1e90ff!important;
	text-align:center!important;
	font-size:90%!important;
}
a.osusume_link,a.osusume_link:visited {
	color:#26988f !important;
}
.section .sec_item {
	padding-top: 103px;
	margin-top: -103px;
}
.banner {
	width: 450px;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 20px auto 10px auto;
	background: #D6306B;
	border-radius: 20px;
	transition: all 400ms 0s ease;
}
.block .banner p{
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.banner:hover {
	opacity: 0.85;
}
.banner a {
	display: block;
}
.prof {
	padding: 0px 250px;
}
.prof h2{
	font-size: 110%  !important;
	font-weight: normal !important;
	padding-bottom: 10px;
}
.column3{
	width: 31% !important;
	;
}
.prof p {
	font-size: 100% !important;
}
.annotation{
	margin-top: 5px;
	font-size: 0.9em;
}
@media screen and (max-width: 767px) {
	/*.annotation{
		font-size: 70%;
	}
	*/
}
/* スマートフォン用CSSここから */
@media screen and (max-width: 767px) {
	/* トップ画像 */
	#top-wrap {
		background: rgba(0,0,0,0.5);
	}
	#main-background h1,#first-page #main-background h1 {
		font-size: 20px;
		/* 2ページ目以降の文字サイズ */
		font-family: serif !important;
		/* serif = 明朝体 / sans-serif = ゴシック体*/
		font-weight: bold;
		/* normal / bold */
		padding-top: 40px;
		/* 2ページ目以降の上余白 */
	}
	#first-page #main-background h1 {
		font-size: 26px;
		/* 1ページ目の文字サイズ */
		padding-top: 60px;
		/* 1ページ目の上余白 */
		padding-bottom: 0;
	}
	/* エピソード */
	#script .block h2,#script .block h3 {
		font-family: sans-serif !important;
		/* serif = 明朝体 / sans-serif = ゴシック体*/
	}
	#script h3{
		padding: 0 2%;
	}
	.section {
		padding: 25px 0 10px;
	}
	.section h4 {
		font-size: 16px;
	}
	/*  .section p {
		font-size:100%!important;
	}
	.column1 p {
		font-size:100%!important;
	}
	.column2 p{
		font-size:100%!important;
	}
	*/
	.column4 {
		margin: 2% 0 0 0 !important;
	}
	#script .block h2 span {
		color: #333;
		font-size:  70%;
	}
	.column4 img{
		width:100% !important;
		height:auto;
	}
	.column4 p .osusume_link {
		text-decoration: underline;
		text-align: center!important;
		font-size: 13px !important;
		line-height: 1.5;
		display: block;
	}
	.item_wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.s_column3 {
	width:33%}
	.s_column3 p.center {
		padding:0 .5em;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.banner {
		width: 100%;
		margin-top: 30px;
	}
	.banner p {
		font-size: 4vw;
	}
	.column3 p.center  {
		font-size: 2.5vw !important;
		line-height: 1.5;
	}
	#script .block .column3 p {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.section .sec_item {
		padding-top: 0;
		margin-top: 0;
	}
	.col2-1 {
		width: 100%;
		float: none;
	}
	.col2-2 {
		width: 100%;
		float: none;
	}
	.order1 {
		order: 1;
	}
	.order2 {
		order: 2;
	}
	.prof{
		padding:0px;
	}
	.flexbox{
		width:100%;
	}
	.section{
		padding:0px !important;
	}
	.txtbox{
		width: 95%;
		margin: auto;
	}
	/* スマートフォン用CSSここまで */
}
/* @media max-width:566px */