@charset "utf-8";

/*
	/event/nitten/css/style.css
	-----------------------------------
	v1.7
	Last Updated: 2024-11-19
	Copyright: CBC TELEVISION CO.,LTD. All rights Reserved.
	-----------------------------------
	[Updated]
	v1.14		2025-02-06
					.dayofnitten-boxの追加
	v1.13		2025-01-17
					.sakuhin-boxの追加
	v1.12		2024-11-19
					微調整
	v1.11		2024-11-7
					2025用に微調整
	v1.10		2024-02-15
					.topics-box の追加
	v1.9		2024-02-07
					.slide-photo-box の追加
	v1.8		2023-11-7
					ヘッダー背景を通常の画像化
					第10回用に微調整
	v1.7		2023-03-15
					テキストの設定を追加
	v1.6		2023-01-31
					movie-boxの追加
	v1.5		2023-01-18
					マージンの設定の調整
	v1.4		2022-11-28
					youtubeの追加、出品者一覧の追加
	v1.3		2022-11-07
					画像差し替えによるキャッシュ対策用パラメータの追加
	v1.2		2022-02-03
					作家当番表を追加
	v1.1		2021-11-03
					メイン画像、理研産業補聴器センターバナーの修正
	v1.0		2021-10-26
	-----------------------------------

基本設定
ソーシャルボタン
ヘッダー
フッター
コンテンツ
youtube設定
googlemap
マージンの設定
カラー設定
テキストの設定


*/

/* ***********************************************************

		基本設定

*********************************************************** */
html {
	/*font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}
body {
	/*font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;*/
	/*font-family: 'Noto Sans JP', sans-serif;*/
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	color: #000;
}
@media print, screen and (min-width: 641px) {
	body {
		min-width: 980px;
	}
}

/*フォントの滲みの修正＠EdgeとFirefox*/
/*
.nitten p,
.nitten h3 {
	transform: rotate(0.001deg);
}
*/



/*デフォルトリンクカラー*/
a, a:link {
	color: #0000DE;
}
a:visited {
	color: #941D55;
}
a:active,
a:hover {
	color: #CC0000;
}
a:focus {
	color: #CC0000;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* FireFox リンク選択時の点線を消す */
a:link,
a:visited,
a:active,
a:hover {
	overflow: hidden;
	outline: none;
}


/*画像の横幅*/
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;
}
.img-max {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
@media only screen and (max-width: 640px) {
	.img-max-sp {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
}

@media print, screen and (min-width: 641px) {
	.img-max-pc {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
}

figure {
	padding: 0;
	margin: 0;
}

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

	非表示設定

----------------------------------------------------- */
@media only screen and (max-width: 640px) {
	.hide-sp {
		display: none !important;
	}
	#global-nav:nth-of-type(1) {
		display: none;
	}
}

@media print, screen and (min-width: 641px) {
	.hide-pc {
		display: none !important;
	}
}
.hide-text {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}

/* ***********************************************************

		ソーシャルボタン

*********************************************************** */
#sns-block {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	font-weight: 400;
	width: 100%;
	background: #fff;
	padding-bottom: 16px;
}
.sns {
	width: 96%;
	padding-top: 16px;
	margin: 0 auto;
	text-align: center;
}
.ttl-sns {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	padding-top: 9px;
	color: #000;
	font-size: .9em;
}
.ttl-sns i {
	padding-right: .1em;
}
.sns-list {
	display: inline-block;
	font-size:0;
	padding: 0;
	list-style: none;
}
.sns-list li {
	display: inline-block;
	position: relative;
	margin: 0 8px;
}
.sns-list li img {
	width: 35px;
	height: auto;
	vertical-align: middle;
}
@media screen and (min-width: 40em) {
	.sns {
		width: 980px;
	}
	.ttl-sns {
		margin-right: 22px;
		padding-top: 7px;
	}
	.sns-list li img {
		width: 32px;
		height: auto;
		vertical-align: middle;
	}
}
@media screen and (min-width: 64em) {
}

/* ***********************************************************

	ヘッダー

*********************************************************** */

@media only screen and (max-width: 640px) {
	.nitten .header {
		background: #c9161d;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .header {
		background: #c9161d;
	}
	.nitten .header-inner {
		width: 980px;
		margin: auto;
	}
}
.nitten .header h1 {
	text-align: center;
	margin: 0;
}
/*.nitten .header h1,
.nitten .header p {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}
*/





/* ***********************************************************

	フッター

*********************************************************** */
/*フッター枠*/
.nitten .footer {
	background: #333333;
}

@media only screen and (max-width: 640px) {
	.nitten .footer {
		padding: 0;
	}
	.nitten .footer-inner {
		padding: 50px 15px 80px;
	}
	.nitten .footer-inner p {
		line-height:1.5;
		margin: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .footer {
		min-width: 980px;
	}
	.nitten .footer-inner {
		width: 980px;
		margin:auto;
		padding: 60px 0;
	}
	.nitten .footer-inner p {
		line-height:1.5;
		text-align: center;
		margin: 0;
	}
}
.nitten .footer-inner p {
	color: #fff;
	font-size: 14px;
}
.nitten .footer-inner p a,
.nitten .footer-inner p a:link,
.nitten .footer-inner p a:visited {
	color: #fff;
	text-decoration: none;
}
.nitten .footer-inner p a:active,
.nitten .footer-inner p a:hover {
	color: #fff;
	text-decoration: underline;
}
.nitten .footer-inner p a:focus {
	color: #fff;
}

/*ページアップ*/
.nitten .pageup {
	margin: 0;
}
.nitten .pageup a {
	display: block;
	background: url('../images/pageup.png') no-repeat 0 0 ;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	position: fixed;
}
@media only screen and (max-width: 640px) {
	.nitten .pageup a {
		width: 12vw;
		height: 12vw;
		right: 12px;
		bottom: 10px;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .pageup a {
		width: 60px;
		height: 60px;
		right: 20px;
		bottom: 30px;
		transition: 0.3s ease-in-out;
	}
	.nitten .pageup a:hover {
		opacity: 0.7;
	}
}

/* ***********************************************************

	メイン

*********************************************************** */
@media only screen and (max-width: 640px) {
	.nitten .main {
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .main {
	}
}



/* ***********************************************************

	コンテンツ

*********************************************************** */
@media only screen and (max-width: 640px) {
	.nitten .content {
		padding: 22px 0 0;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .content {
		padding: 36px 0 0;
	}
}

/*box*/
@media only screen and (max-width: 640px) {
	.nitten .box {
	}
	.nitten .box-inner {
		width: 92vw;
		margin: 0 auto 36px;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .box {
	}
	.nitten .box-inner {
		width: 840px;
		margin: 0 auto 60px;
	}
}

/*text*/
@media only screen and (max-width: 640px) {
	.nitten .box p {
		font-size: 16px;
		line-height: 1.5;
		margin: 0 0 12px;
	}
	.nitten .box p.font-l {
		font-size: 16px;
		line-height: 1.5;
	}
	.nitten .box p.text01 {
		font-size: 18px;
		line-height: 1.5;
		margin: 0 0 1.5em;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .box p {
		font-size: 16px;
		line-height: 1.875;
		margin: 0 0 18px;
	}
	.nitten .box p.font-l {
		font-size: 18px;
		line-height: 1.5;
	}
	.nitten .box p.text01 {
		font-size: 18px;
		line-height: 1.56;
		margin: 0 0 1.5em;
	}
}

/*column1*/
@media only screen and (max-width: 640px) {
	.nitten .box .column1 figure {
		margin-bottom: 16px;
	}
	.nitten .box .column1 figure figcaption {
		font-size: 16px;
		line-height: 1.5;
		text-align: center;
		margin-top: 5px;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .box .column1 {
		display: flex;
		justify-content: center;
		margin: 0 0 18px;
	}
	.nitten .box .column1 figure {
		width: 600px;
	}
	.nitten .box .column1 figure figcaption {
		font-size: 16px;
		line-height: 1.5;
		text-align: center;
		margin-top: 5px;
	}
}

/*column2*/
@media only screen and (max-width: 640px) {
	.nitten .box .column2 figure {
		margin-bottom: 16px;
	}
	.nitten .box .column2 figure figcaption {
		font-size: 16px;
		line-height: 1.5;
		margin-top: 5px;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .box .column2 {
		display: flex;
		justify-content: space-between;
		margin: 0 0 18px;
	}
	.nitten .box .column2.column2-center {
		justify-content: center;
	}
	.nitten .box .column2 figure {
		width: 400px;
	}
	.nitten .box .column2 figure figcaption {
		font-size: 16px;
		line-height: 1.5;
		margin-top: 5px;
	}
}



/*ticket-list*/
@media only screen and (max-width: 640px) {
	.nitten .ticket-list {
		margin-bottom: 1em;
	}
	.nitten .ticket-list ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.nitten .ticket-list ul li {

	}
	.nitten .ticket-list ul li:before {
		content: '●';
		color: #f00;
		font-size: 12px;
		display: inline-block;
		margin-right: 3px;
	}
	.nitten .ticket-list ul li a {
		color: #f00;
	}
	.nitten .ticket-list-op {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.nitten .ticket-list-op li:before {
		content: '●';
		color: #000;
		font-size: 12px;
		display: inline-block;
		margin-right: 3px;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .ticket-list {
		display: flex;
		margin-bottom: 1em;
	}
	.nitten .ticket-list ul {
		list-style: none;
		margin: 0;
		padding: 0;
		padding-right: 4.5em;
	}
	.nitten .ticket-list ul:last-child {
		padding: 0;
	}
	.nitten .ticket-list ul li {

	}
	.nitten .ticket-list ul li:before {
		content: '●';
		color: #f00;
		font-size: 12px;
		display: inline-block;
		margin-right: 3px;
	}
	.nitten .ticket-list ul li a {
		color: #f00;
	}
	.nitten .ticket-list-op {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.nitten .ticket-list-op li:before {
		content: '●';
		color: #000;
		font-size: 12px;
		display: inline-block;
		margin-right: 3px;
	}
}





/*hedding*/
@media only screen and (max-width: 640px) {
	.nitten .hedding02 {
		font-size: 20px;
		font-weight: normal;
		line-height: 1.5;
		margin: 0 0 10px;
		padding: 0 0 2px 12px;
		border-left: 5px solid #c9161d;
	}
	.nitten .hedding03 {
		background: #eeeeee;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.5;
		margin: 0 0 10px;
		padding: 5px 0 7px 12px;
		border-bottom: 2px solid #333333;
	}
	.nitten .hedding04 {
		background: #c9161d;
		color: #fff;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.5;
		margin: 0 0 10px;
		padding: 5px 0 7px 12px;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .hedding02 {
		font-size: 24px;
		font-weight: normal;
		line-height: 1.5;
		margin: 0 0 18px;
		padding: 0 0 2px 12px;
		border-left: 6px solid #c9161d;
	}
	.nitten .hedding03 {
		background: #eeeeee;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.5;
		margin: 0 0 18px;
		padding: 5px 0 7px 12px;
		border-bottom: 2px solid #333333;
	}
	.nitten .hedding04 {
		background: #c9161d;
		color: #fff;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.5;
		margin: 0 0 18px;
		padding: 5px 0 7px 12px;
	}
}


/*news-table*/
@media only screen and (max-width: 640px) {
	.nitten .news-table {
		width: 100%;
		border-collapse: collapse;
		box-sizing: border-box;
	}
	.nitten .news-table th {
		display: block;
		color: #c9161d;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.5;
		text-align: left;
	}
	.nitten .news-table td {
		display: block;
		font-size: 16px;
		line-height: 1.5;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .news-table {
		width: 100%;
		border-collapse: collapse;
		box-sizing: border-box;
	}
	.nitten .news-table th {
		color: #c9161d;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.5;
		text-align: left;
		width: 112px;
	}
	.nitten .news-table td {
		font-size: 16px;
		line-height: 1.5;
	}
}

/*table01*/
@media only screen and (max-width: 640px) {
	.nitten .table01 {
		width: 100%;
		font-size: 16px;
		line-height: 1.5;
		border-collapse: collapse;
		box-sizing: border-box;
		margin: 0 0 10px;
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
	}
	.nitten .table01 th,
	.nitten .table01 td {
		font-weight: normal;
		text-align: center;
		border-bottom: 1px solid #aaaaaa;
		border-right: 1px solid #aaaaaa;
		box-sizing: border-box;
		width: 30.66666666666667vw;
		padding: 10px 0;
	}
	.nitten .table01 thead th {
		background: #333333;
		color: #fff;
	}
	.nitten .table01 tbody th {
		background: #ffe2e4;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .table01 {
		width: 100%;
		font-size: 20px;
		line-height: 1.5;
		border-collapse: collapse;
		box-sizing: border-box;
		margin: 0 0 18px;
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #bebebe;
	}
	.nitten .table01 th,
	.nitten .table01 td {
		font-weight: normal;
		text-align: center;
		border-bottom: 1px solid #aaaaaa;
		border-right: 1px solid #bebebe;
		box-sizing: border-box;
		width: 280px;
		padding: 10px 0;
	}
	.nitten .table01 thead th {
		background: #333333;
		color: #fff;
	}
	.nitten .table01 tbody th {
		background: #ffe2e4;
	}
}

/*table02*/
@media only screen and (max-width: 640px) {
	.nitten .table02 {
		font-size: 16px;
		line-height: 1.5;
		border-collapse: collapse;
		box-sizing: border-box;
		width: 100%;
		margin: 0 0 10px;
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
	}
	.nitten .table02 th,
	.nitten .table02 td {
		display: block;
		font-weight: normal;
		border-bottom: 1px solid #aaaaaa;
		border-right: 1px solid #bebebe;
		box-sizing: border-box;
		padding: 10px 18px;
	}
	.nitten .table02 th {
		background: #333333;
		color: #fff;
		text-align: center;
	}
	.nitten .table02 td p {
		font-size: 14px;
		line-height: 1.5;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .table02 {
		width: 100%;
		font-size: 18px;
		line-height: 1.5;
		border-collapse: collapse;
		box-sizing: border-box;
		margin: 0 0 18px;
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #bebebe;
	}
	.nitten .table02 th,
	.nitten .table02 td {
		font-weight: normal;
		border-bottom: 1px solid #aaaaaa;
		border-right: 1px solid #bebebe;
		box-sizing: border-box;
		padding: 10px 18px;
	}
	.nitten .table02 th {
		background: #333333;
		color: #fff;
		text-align: center;
		width: 170px;
	}
}

/*table03*/
@media only screen and (max-width: 640px) {
	.nitten .table03 {
		font-size: 16px;
		line-height: 1.5;
		border-collapse: collapse;
		box-sizing: border-box;
		width: 100%;
		margin: 0 0 10px;
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
	}
	.nitten .table03 th,
	.nitten .table03 td {
		display: block;
		font-weight: normal;
		border-bottom: 1px solid #aaaaaa;
		border-right: 1px solid #bebebe;
		box-sizing: border-box;
		padding: 10px 18px;
	}
	.nitten .table03 th {
		background: #333333;
		color: #fff;
		text-align: center;
	}
	.nitten .table03 td {
		font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	}
	.nitten .table03 td p {
		font-size: 14px;
		line-height: 1.5;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .table03 {
		font-size: 18px;
		line-height: 1.5;
		border-collapse: collapse;
		box-sizing: border-box;
		width: 100%;
		margin: 0 0 18px;
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #bebebe;
	}
	.nitten .table03 th,
	.nitten .table03 td {
		display: block;
		font-weight: normal;
		border-bottom: 1px solid #aaaaaa;
		border-right: 1px solid #bebebe;
		box-sizing: border-box;
		padding: 10px 18px;
	}
	.nitten .table03 th {
		background: #333333;
		color: #fff;
		text-align: center;
	}
	.nitten .table03 td {
		font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	}
}
.nitten .table03 .name-block {
	display: inline-block;
	margin: 0;
}

/*注釈リスト*/
.list-annotation {
	position: relative;
	margin: 0 0 1em;
	padding: 0;
}
.list-annotation li {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 1.25em
}
.list-annotation li span {
	position: absolute;
	left: 0;
	margin: 0
}
@media only screen and (max-width: 640px) {
	.list-annotation li {
		font-size: 16px;
		line-height: 1.5;
	}
}
@media print, screen and (min-width: 641px) {
	.list-annotation li {
		font-size: 16px;
		line-height: 1.875;
	}
}


/*banner-list*/
@media only screen and (max-width: 640px) {
	.nitten .banner-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .banner-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.nitten .banner-list a {
		transition: 0.3s ease-in-out;
	}
	.nitten .banner-list a:hover {
		opacity: 0.7;
	}
}



/*box02*/
.nitten .box02 {
	background: #eeeeee;
}
@media only screen and (max-width: 640px) {
	.nitten .box02-inner {
		width: 92vw;
		margin: auto;
		padding: 56px 0;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .box02-inner {
		width: 840px;
		margin: auto;
		padding: 70px 0;
	}
}

/*box03*/
.nitten .box03 {
	border-top: 1px solid #aaaaaa;
}
@media only screen and (max-width: 640px) {
	.nitten .box03-inner {
		width: 92vw;
		margin: auto;
		padding: 36px 0;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .box03-inner {
		width: 840px;
		margin: auto;
		padding: 70px 0;
	}
}



/*name*/
@media only screen and (max-width: 640px) {
	.nitten .name {
		margin: 0 0 10px;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .name {
		margin: 0 0 18px;
	}
}


/*btn-turntable*/
.nitten .btn-turntable {
	list-style: none;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 640px) {
	.nitten .btn-turntable {
	}
	.nitten .btn-turntable li {
		margin: 0 0 4.4vw;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .btn-turntable {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.nitten .btn-turntable li {
		width: 270px;
		margin: 0 0 15px;
	}
	.nitten .btn-turntable li.empty {
		height: 0;
		border: none;
		margin: 0;
	}
	.nitten .btn-turntable li a {
		transition: 0.3s ease-in-out;
	}
	.nitten .btn-turntable li a:hover {
		opacity: 0.7;
	}
}

/*movie-box*/
@media only screen and (max-width: 640px) {
	.nitten .movie-box-column {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.nitten .movie-box-item {
		width: 44vw;
		margin: 0 0 4vw;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .movie-box-column {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.nitten .movie-box-item {
		width: 270px;
		margin: 0 0 15px;
	}
	.nitten .movie-box-item a:hover {
		opacity: 0.7;
	}
}




/*slide-photo-box*/
@media only screen and (max-width: 640px) {
	.nitten .slide-photo-box {
	}
	.nitten .slide-photo {
		width: 77.33333333333333vw;
		margin: 0 auto 12px;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .slide-photo-box {
	}
	.nitten .slide-photo {
		width: 560px;
		margin: 0 0 12px;
	}
}
.nitten .slide-photo-image figcaption {
	text-align: center;
}
.nitten .slide-photo .slick-prev:before,
.nitten .slide-photo .slick-next:before
{
		color: #000;
}

/*topics-box*/
@media only screen and (max-width: 640px) {
	.nitten .topics-box {
	}
	.nitten .topics-box-wrap {
	}
	.nitten .topics-left {
		margin-bottom: 20px;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .topics-box {
	}
	.nitten .topics-box-wrap {
		display: flex;
	}
	.nitten .topics-left {
		width: 300px;
		margin-right: 20px;
	}
	.nitten .topics-box-wrap ul {
		flex: 1;
	}
}


/*btn-selected_b*/
@media only screen and (max-width: 640px) {
	.nitten .btn-selected_b {
		list-style: none;
		margin: 0;
		padding: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .btn-selected_b {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.nitten .btn-selected_b li {
		width: 460px;
		margin: auto;
	}
	.nitten .btn-selected_b li a {
		transition: 0.3s ease-in-out;
	}
	.nitten .btn-selected_b li a:hover {
		opacity: 0.7;
	}
}


/*sakuhin-box*/
@media only screen and (max-width: 640px) {
	.nitten .sakuhin-box-column {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.nitten .sakuhin-box-item {
		background: #ececec;
		width: calc(330 / 750 * 100vw);
		height: calc(330 / 750 * 100vw);
		margin: 0 0 calc(4vw + 3.2em);
	}
	.nitten .sakuhin-box-item figure {
		width: calc(330 / 750 * 100vw);
		height: calc(330 / 750 * 100vw);
		position: relative;
	}
	.nitten .sakuhin-box-item figure.yokonaga {
		display: flex;
		align-items: center;
	}
	.nitten .sakuhin-box-item figure::after {
		content: '';
		background: url(../images/kakudai.png) no-repeat 0 0;
		background-size: 100% auto;
		width: calc(68 / 750 * 100vw);
		height: calc(68 / 750 * 100vw);
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.nitten .sakuhin-box-item img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		display: block;
		margin: auto;
	}
	.nitten .sakuhin-box-item figure figcaption {
		width: calc(330 / 750 * 100vw);
		min-height: 3em;
		position: absolute;
		left: 0;
		bottom: -3.2em;
	}

}
@media print, screen and (min-width: 641px) {
	.nitten .sakuhin-box-column {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.nitten .sakuhin-box-item {
		background: #ececec;
		width: 270px;
		height: 270px;
		margin: 0 0 calc(15px + 1.8em);
	}
	.nitten .sakuhin-box-item a:hover {
		opacity: 0.7;
	}
	.nitten .sakuhin-box-item figure {
		width: 270px;
		height: 270px;
		position: relative;
	}
	.nitten .sakuhin-box-item figure.yokonaga {
		display: flex;
		align-items: center;
	}
	.nitten .sakuhin-box-item figure::after {
		content: '';
		background: url(../images/kakudai.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 34px;
		height: 34px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.nitten .sakuhin-box-item img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		display: block;
		margin: auto;
	}
	.nitten .sakuhin-box-item figure figcaption {
		width: 270px;
		position: absolute;
		left: 0;
		bottom: -1.8em;
	}

}


/*dayofnitten-box*/
@media only screen and (max-width: 640px) {
	.nitten .dayofnitten-box-column {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.nitten .dayofnitten-box-item {
		background: #ececec;
		width: calc(330 / 750 * 100vw);
		height: calc(330 / 750 * 100vw);
		margin: 0 0 calc(4vw + 3.2em);
	}
	.nitten .dayofnitten-box-item figure {
		width: calc(330 / 750 * 100vw);
		height: calc(330 / 750 * 100vw);
		position: relative;
	}
	.nitten .dayofnitten-box-item figure.yokonaga {
		display: flex;
		align-items: center;
	}
	.nitten .dayofnitten-box-item figure::after {
		content: '';
		background: url(../images/kakudai.png) no-repeat 0 0;
		background-size: 100% auto;
		width: calc(68 / 750 * 100vw);
		height: calc(68 / 750 * 100vw);
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.nitten .dayofnitten-box-item img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		display: block;
		margin: auto;
	}
	.nitten .dayofnitten-box-item figure figcaption {
		width: calc(330 / 750 * 100vw);
		min-height: 3em;
		position: absolute;
		left: 0;
		bottom: -3.2em;
	}

}
@media print, screen and (min-width: 641px) {
	.nitten .dayofnitten-box-column {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.nitten .dayofnitten-box-item {
		background: #ececec;
		width: 270px;
		height: 270px;
		/*margin: 0 0 calc(15px + 1.8em);*/
		margin: 0 0 calc(15px + 3.2em);
	}
	.nitten .dayofnitten-box-item a:hover {
		opacity: 0.7;
	}
	.nitten .dayofnitten-box-item figure {
		width: 270px;
		height: 270px;
		position: relative;
	}
	.nitten .dayofnitten-box-item figure.yokonaga {
		display: flex;
		align-items: center;
	}
	.nitten .dayofnitten-box-item figure::after {
		content: '';
		background: url(../images/kakudai.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 34px;
		height: 34px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.nitten .dayofnitten-box-item img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		display: block;
		margin: auto;
	}
	.nitten .dayofnitten-box-item figure figcaption {
		width: 270px;
		min-height: 3em;
		position: absolute;
		left: 0;
		bottom: -3.2em;
	}
/*
.nitten .dayofnitten-box-item.empty {
		background: none;
}
*/
}



/*xxx*/
@media only screen and (max-width: 640px) {
	.nitten .xxx {
	}
}
@media print, screen and (min-width: 641px) {
	.nitten .xxx {
	}
}


/* ***********************************************************

		youtube設定

*********************************************************** */

@media print, screen and (min-width: 641px) {
	.nitten .youtube-box .youtube {
		width:560px;
	}
}
.nitten .youtube-box .youtube {
	margin: 0 0 1em;
}

.nitten .youtube-box .youtube-inner {
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.nitten .youtube-box .youtube iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

/* ***********************************************************

		googlemap

*********************************************************** */
.ggmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* ***********************************************************

		マージンの設定

*********************************************************** */
.nitten .last,
.nitten .box .last {
	margin-bottom: 40px;
}
.nitten .last0,
.nitten .box .last0 {
	margin-bottom: 0;
}

/* ***********************************************************

		カラー設定

*********************************************************** */

.nitten .cl-pink {
	color: #dc557e;
}
.nitten .cl-green {
	color: #03a08c;
}
.nitten .cl-orange {
	color: #f68b00;
}

/*
.nitten .cl-red {
	color: #e50012;
}
.nitten .cl-light-blue {
	color: #008bda;
}
.nitten .cl-purple {
	color: #865cdc;
}
*/


/*マーカー*/
.maker-orange {
	background:linear-gradient(transparent 70%, #ffbb00 70%);
}
.maker-red {
	background:linear-gradient(transparent 70%, #fc8c8c 70%);
}



/* ***********************************************************

		空のカラム

*********************************************************** */
.nitten .empty {
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden;
}

/* ***********************************************************

		テキストの設定

*********************************************************** */
.nitten .text-right,
.nitten .box .text-right {
	text-align: right;
}