@charset "shift_jis";
#script{
	font-size: 16px;
	line-height: 1.8em;
	color: rgb(68, 68, 68);
}
/* アクセントカラー指定 ここから================ */
#pankuzu,#recom-title {
	background: #3cb371;
}
#script h3 {
	color: #17aad6;
	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: #17aad6;
	*/
	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:#3cb371;
}
/* キャッチコピー */
.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: #3cb371;
	border-radius: 20px;
	transition: all 400ms 0s ease;
}
@media screen and (max-width: 767px) {
	.banner{
		padding: 10px 0 10px 0 !important;
	}
}
.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: 90%  !important;
	}
}
/* }
/* スマートフォン用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%;
}
.flexbox div {
	padding: 0px;
}
.section{
	padding:0px !important;
}
.txtbox{
	width: 95%;
	margin: auto;
}
/* スマートフォン用CSSここまで */
}
/* @media max-width:566px */