/* ===================================================================
CSS information
 file name  : freepage_special_sp
 author     : honyaclub.com
 date       : 20160125
 update     : 20250619
 about      : For smartphone conversion by Tag Manager
=================================================================== */

@charset "shift_jis";


/* ------------------------------------------------------
共通（要素表示化）
---------------------------------------------------------*/

#topPage #main > div:nth-child(1) {
	display:block!important;
}

/* ------------------------------------------------------
共通パンくず　div.navitopicpath_
---------------------------------------------------------*/
div.navitopicpath_ {padding: 0.3em 2%;background-color: #fff;}

/* ------------------------------------------------------
共通SNSボタン　#SnsFile
---------------------------------------------------------*/

#SnsFile {height: 26px;padding: 0.3em 2%;background-color: #fff;}

/* ------------------------------------------------------
共通ページ下部フェア一覧　#fairBacknumber
---------------------------------------------------------*/

#fairBacknumber .section .heading01 {
	width: 90%;
	position: relative;
	padding-left: 2%;
	padding-right: 8%;
	border-bottom: 1px solid #ccc;
	font-size: 1em;
}

#fairBacknumber .section .heading01::after {
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 2%;
	background: #fff;
	background: url(/sp/img/sp_12.png) no-repeat 0 0;
	text-align: center;
	color: #36f;
	content: '';
}

#fairBacknumber .section .heading01.active::after {
	background-image: url(/sp/img/sp_11.png);
}

/*-----------------------------------------
共通　component
-------------------------------------------*/

.bold-txt {font-weight: bold;}
.must-txt {
	font-weight: bold;
	color: #f72e0a;
}


/*-----------------------------------------
#akutagawanaoki　芥川賞・直木賞
-------------------------------------------*/

#akutagawanaoki h1 {margin-bottom: 1em;}

#akutagawanaoki ul.navi {
	display: table;
	width: 95%;
	margin: 1.5em auto;
	border-radius: 5px;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ccc;
	padding: 0;
}

#akutagawanaoki ul.navi li {
	width: 33%;
	text-align: center;
	display: table-cell;
	border-left: 1px solid #ccc;
	text-decoration: underline !important;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

#akutagawanaoki ul.navi li a {
	font-weight: bold;
	padding: 1em 0.25em;
	display: inline-block;
}

#akutagawanaoki h2.heading01 {
  /* background: #4c2526; */
  background-color: #273568;
  text-align: center;
}

#akutagawanaoki table.tableBasic {
	width: 96%;
	margin: 1.5em 2%;
	border-collapse: collapse;
}

/*top*/
.akutagawanaokiTop h2.heading01 {
	margin-bottom: 1em;
}

.akutagawanaokiTop h2.heading01 + p {
	text-align: center;
}

.akutagawanaokiTop dl {padding: 0 2% 1em;}

.akutagawanaokiTop dl dt {
	width: 30%;
	padding-right: 2%;
	float: left;
}

.akutagawanaokiTop dl dt img {
	width: 100%;
	max-width: 120px;
}

.akutagawanaokiTop dl dd {
	width: 63%;
	padding: 2%;
	float: left;
	border: 1px solid #eee;
}

.akutagawanaokiTop dl dd p:first-child,
.akutagawanaokiTop dl dd p:first-child span,
.akutagawanaokiTop dl dd p:first-child a {
	font-size: 108%;
	font-weight: bold;
}

.akutagawanaokiTop dl dd p { 
	margin-bottom: 0.5em;
	line-height: 1.5;
}

.akutagawanaokiTop dl dd p:nth-of-type(n+3) a {
	display: block;
	padding: 0.5em 0;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #036 !important;
}

.akutagawanaokiTop table.tableBasic tbody tr th,
.akutagawanaokiTop table.tableBasic tbody tr td {
	width: 50%;
	padding: 1.5em 0;
	border-bottom: 1px solid #ddd;
	font-size: 1.1rem;
	text-align: center;
}

.akutagawanaokiTop table.tableBasic tbody tr th {
	background-color: #eee;
	border-top: 1px solid #ddd;
	font-weight: bold;
}

.akutagawanaokiTop table.tableBasic tbody tr td a {
	display: block;
	font-size: 1.1rem;
	font-weight: bold;
	text-decoration: none;
}

.akutagawanaokiTop table.tableBasic tbody tr th:nth-child(n+3),
.akutagawanaokiTop table.tableBasic tbody tr td:nth-child(n+3) {display: none;}

/*backnumber*/
.akutagawanaokiBacknumber table.tableBasic tbody tr {
	display: block;
	margin-bottom: 1em;
	width: 100%;
	text-align: center;
}

.akutagawanaokiBacknumber table.tableBasic tbody tr:first-child {display: none;}

.akutagawanaokiBacknumber table.tableBasic tbody td:first-child {
	display: list-item;
	border: none;
	width: 100%;
	text-align: center;
	/* background: #4c2526; */
  background-color: #273568;
	font-weight: bold;
	color: #fff;
	padding: 0.5em 0;
	margin-bottom: 1em;
}

.akutagawanaokiBacknumber table.tableBasic tbody td:nth-child(2),
.akutagawanaokiBacknumber table.tableBasic tbody td:nth-child(3) {display: inline;}

.akutagawanaokiBacknumber table.tableBasic tbody td:nth-child(2) {margin-right: 4%;}

/*-----------------------------------------
#newspaper　新聞情報
-------------------------------------------*/

#newspaper {display: block;!important}

#newspaper h1 {margin-bottom: 0.5em}

#newspaper h1 img {
	width: 100%;
	height: auto;
}

#newspaper .read {padding: 0 2% 0.5em;}

#newspaper .yoyakuTxtBtn a {
	display: block;
	text-align: center;
	padding: 1em 0 !important;
	width: 90%;
	border: 1px solid #ccc;
	margin: 1em auto;
	-webkit-border-radius: 5px;
	font-size: 0.9em;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-weight: bold;
	text-decoration: none;
	color: #036 !important;
}

#newspaper h2 {
	color: #fff;
	width: 96%;
	display: block;
	padding: 1em 2%;
	margin-bottom: 1em;
	text-shadow: 1px -1px rgba(0,0,0,0.5);
	background: #00418D;
	font-weight: bold;
	font-size: 1em;
}

/*.tab*/
#newspaper .tab {
	display: block;
	width: 98%;
	padding: 0 1%;
	text-align: center;
	border-bottom: 1px solid #ccc;
	font-size: 0;
}

#newspaper .tab li:first-child {margin: 0;}

#newspaper .tab li.last {display: none;}

#newspaper .tab li{
	display: inline-block;
	text-align: center;
	width: 24%;
	margin-left: 1%;
}

#newspaper .tab li a {
	display: block;
	padding: 0.5em 0;
	width: 100%;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background: #eee;
	font-weight: bold;
	text-decoration: none;
	font-size: 1rem;
	box-sizing: border-box;
}

#newspaper .tab li a.selected {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	position: relative;
}

#newspaper .tab li a.selected::after {
	content: '';
	width: 100%;
	display: block;
	background: #fff;
	height: 1px;
	display: block;
	bottom: -1px;
	position: absolute;
}

/*.pannel*/
#newspaper .pannel {padding: 2%;}

#newspaper .pannel div ul {font-size: 0;}

#newspaper .pannel div ul li {
	padding: 2%;
  width: 29%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 1rem;
}

#newspaper .pannel div ul li img {
	width: 80%;
	height: auto;
	max-width: 120px;
}

#newspaper .pannel ul li dl dt span {
	font-size: 0.8rem;
	color: #925308;
	font-weight: bold;
}

#newspaper p.toTop{display: none;}

/*calendar*/
#newspaper .calendar {padding: 0 2%;}

#newspaper .calendar .calendarMonth {
	width: 100%;
	margin-bottom: 1em;
}

#newspaper .calendar .calendarMonth td {
	padding: 0.5em 0;
	text-align: center;
}

#newspaper .calendar .calendarMonth td a {
	display: block;
	padding: 0.5em 0;
	margin: 0 auto;
	width: 80%;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 0.9em;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-weight: bold;
	text-decoration: none;
	color: #036 !important;
}

#newspaper .calendar .calendarMonth .calendarCaption {
	background-color: #eee;
	padding: 0.5em 2%;
	margin-bottom: 0.5em;
	font-weight: bold;
}

#newspaper .calendar .calendarMonth thead {
	background-color: #eee;
	font-weight: bold;
}

#newspaper .calendar .calendarMonth thead th {
	padding: 0.5em 0;
	font-weight: bold;
}

/*-----------------------------------------
#new_released_goods 　本日発売
-------------------------------------------*/

#new_released_goods {display: block;!important}

#new_released_goods h1 {margin-bottom: 0.5em}

#new_released_goods h1 img {
	width: 100%;
	height: auto;
}

#new_released_goods .read {padding: 0 2% 0.5em;}

#new_released_goods .yoyakuTxtBtn a {
	display: block;
	text-align: center;
	padding: 1em 0 !important;
	width: 90%;
	border: 1px solid #ccc;
	margin: 1em auto;
	-webkit-border-radius: 5px;
	font-size: 0.9em;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-weight: bold;
	text-decoration: none;
	color: #036 !important;
}

#new_released_goods h2 {
	color: #fff;
	width: 96%;
	display: block;
	padding: 1em 2%;
	margin-bottom: 1em;
	text-shadow: 1px -1px rgba(0,0,0,0.5);
	background: #00418D;
	font-weight: bold;
	font-size: 1em;
}

/*.tab*/
#new_released_goods .tab {
	display: block;
	width: 98%;
	padding: 0 1%;
	text-align: center;
	border-bottom: 1px solid #ccc;
	font-size: 0;
}

#new_released_goods .tab li:first-child {margin: 0;}

#new_released_goods .tab li.last {display: none;}

#new_released_goods .tab li{
	display: inline-block;
	text-align: center;
	width: 24%;
	margin-left: 1%;
}

#new_released_goods .tab li a {
	display: block;
	padding: 0.5em 0;
	width: 100%;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background: #eee;
	font-weight: bold;
	text-decoration: none;
	font-size: 1rem;
	box-sizing: border-box;
}

#new_released_goods .tab li a.selected {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	position: relative;
}

#new_released_goods .tab li a.selected::after {
	content: '';
	width: 100%;
	display: block;
	background: #fff;
	height: 1px;
	display: block;
	bottom: -1px;
	position: absolute;
}

/*.pannel*/
#new_released_goods .pannel {padding: 2%;}

#new_released_goods .pannel div ul {font-size: 0;}

#new_released_goods .pannel div ul li {
	padding: 2%;
  width: 29%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 1rem;
}

#new_released_goods .pannel div ul li img {
	width: 80%;
	height: auto;
	max-width: 120px;
}

#new_released_goods .pannel ul li dl dt span {
	font-size: 0.8rem;
	color: #925308;
	font-weight: bold;
}

#new_released_goods p.toTop{display: none;}

/*calendar*/
#new_released_goods .calendar {padding: 0 2%;}

#new_released_goods .calendar .calendarMonth {
	width: 100%;
	margin-bottom: 1em;
}

#new_released_goods .calendar .calendarMonth td {
	padding: 0.5em 0;
	text-align: center;
}

#new_released_goods .calendar .calendarMonth td a {
	display: block;
	padding: 0.5em 0;
	margin: 0 auto;
	width: 80%;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 0.9em;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-weight: bold;
	text-decoration: none;
	color: #036 !important;
}

#new_released_goods .calendar .calendarMonth .calendarCaption {
	background-color: #eee;
	padding: 0.5em 2%;
	margin-bottom: 0.5em;
	font-weight: bold;
}

#new_released_goods .calendar .calendarMonth thead {
	background-color: #eee;
	font-weight: bold;
}

#new_released_goods .calendar .calendarMonth thead th {
	padding: 0.5em 0;
	font-weight: bold;
}

/*-----------------------------------------
#media　メディア化情報
-------------------------------------------*/

/*.key*/
#media {word-break:break-all; width:100%;}

#media .key img {
	width: 100%;
	height: auto;
	margin-bottom: 0.5em;
}
#media .wrap .tub{height:auto;margin-top: 0.5rem;}
#media .key .tub ul {
	display: block;
	width: 98%;
	padding: 0 1%;
	text-align: left;
	/*border-bottom: 1px solid #ccc;*/
	font-size: 0;
}

#media .key .tub li:first-child {margin: 0;}

#media .key .tub li[class$="on"] , #media .wrap .tub li.movie_on  {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	position: relative;
}

#media .key .tub li[class$="on"]::after {
	content: '';
	width: 100%;
	display: block;
	background: #fff;
	height: 1px;
	display: block;
	bottom: -1px;
	left: 0;
	position: absolute;
	font-size:1.2rem;
}

#media .key .tub li a, #media .wrap .tub li.movie a, #media .wrap .tub li.drama a, #media .wrap .tub li.anime a{
	display: block;
	text-decoration: none;
	font-weight: bold;
	background:none;
	text-indent: 0;
	height:auto;
	width:100%;
}
#media .key .tub li , #media .wrap .tub li.movie_on, #media .wrap .tub li.drama_on, #media .wrap .tub li.anime_on{
	display: inline-block;
	width: 32%;
	height:auto;
	margin-left: 1%;
	padding: 0.8rem 0.2rem;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background: #eee;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 1.5rem;
	box-sizing: border-box;
	text-indent: 0;
}

#media .wrap .contents_area{width:100%;}

/*.contents_area .l_side*/
#media .wrap .contents_area .l_side{width:100%; height:auto;margin:0 auto;}
#media .wrap .contents_area .l_side .navi{width:100%; margin: 0 auto 10px;}
#media .contents_area .l_side .navi dl {
	padding: 0.5rem;
	font-size: 0;
	border: 1px solid #ccc;
}

#media .contents_area .l_side .navi dl dt {
	margin-bottom: 1em;
	font-size: 1rem;
	font-weight: bold;
}

#media .contents_area .l_side .navi dl dd {
	display: inline-block;
	margin-bottom: 1em;
	font-size: 1rem;
  padding: 0 1%;
	font-weight: bold;
}

#media .contents_area .l_side .navi dl dd a {font-weight: bold;}

/*.contents_area .main*/
#media .wrap .contents_area .main{width:100%;}
#media .contents_area .main .section {margin-bottom: 0.5em;}
#media .wrap .contents_area .navi .section{padding:0;}
#media .contents_area .main .section h3{
	padding: 0.5em 2%;
	background-color: #333;
	font-weight: bold;
	font-size: 1.2rem;
	color:#fff;
}

#media .contents_area .main .section h3 img.ico_new {
	width: 10%;
	heightt: auto;
	max-width: 31px;
}

#media .contents_area .main .section > table {
	width: 96%;
	margin: 2%!important;
	border-collapse: collapse;
}

#media .contents_area .main .section > table th {
	font-weight: bold;
	background-color: #eee;
}

#media .contents_area .main .section > table th,
#media .contents_area .main .section > table td {
	padding: 0.5em 2%;
	text-align: left;
	border: 1px solid #eee;
}

#media .contents_area .main .section > table th:nth-of-type(2n-1),
#media .contents_area .main .section > table td:nth-of-type(2n-1) {width: 26%;}

#media .contents_area .main .section > table td a {font-weight: bold;}

#media .wrap .contents_area .main .section .ichiran{width: 100%;padding: 0;margin: 0 auto;}

#media .wrap .contents_area .main .section .ichiran table {
	width: 96%;
	margin: 0 auto;
}

#media .contents_area .main .section .ichiran table th,
#media .wrap .contents_area .main .section .ichiran table td{
	display: list-item;
	list-style: none;
	margin: 1em auto;
  /*padding-bottom: 1em;*/
  border-bottom: 1px solid #ccc;
  width:100%;
}

/*#media .contents_area .main .section .ichiran table tr:last-of-type th:last-of-type,
#media .contents_area .main .section .ichiran table tr:last-of-type td:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
*/
#media .contents_area .main .section .ichiran table td .box {
	overflow: hidden;
}

#media .contents_area .main .section .ichiran table td .box .imgL {
	padding-right: 2%;
	width: 30%;
	float: left;
}

#media .contents_area .main .section .ichiran table td .box .imgL img {
	width: 100%;
	height: auto;
	max-width: 120px;
	margin-bottom: 0!important;
}

#media .contents_area .main .section .ichiran table td dl dt {margin-bottom: 0.5em;}

#media .contents_area .main .section .ichiran table td dl dt a {
	font-size: 1.2rem;
	font-weight: bold;
}

#media .contents_area .main .section .back_to_top {display: none;}

#media .contents_area .tub {display: none;}

/*-----------------------------------------
#campaignBacknumber　キャンペーン一覧ページ
-------------------------------------------*/

#campaignBacknumber h1 {margin-bottom: 1em;}

#campaignBacknumber .navi {
	display: block;
	width: 98%;
	padding: 0 1%;
	margin-bottom: 1rem;
	text-align: left;
	border-bottom: 1px solid #ccc;
	font-size: 0;
}

#campaignBacknumber .navi:nth-of-type(2) {display: none;}

#campaignBacknumber .navi li:first-child {margin: 0;}

#campaignBacknumber .navi li{
	display: inline-block;
	margin-left: 1%;
	padding: 0.5em 2%;
	min-width: 16%;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background: #eee;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 1rem;
	box-sizing: border-box;
}

#campaignBacknumber .navi li.navi_on {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	position: relative;
}

#campaignBacknumber .navi li.navi_on::after {
	content: '';
	width: 100%;
	display: block;
	background: #fff;
	height: 1px;
	display: block;
	bottom: -1px;
	left: 0;
	position: absolute;
}

#campaignBacknumber .navi li.navi_on span {font-weight: bold;}

#campaignBacknumber .navi li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}
#campaignBacknumber .section {
	margin-bottom: 0;
}

#campaignBacknumber .section .heading01 {
	width: 90%;
	padding-left: 2%;
	padding-right: 8%;
	position: relative;
	border-bottom: 1px solid #ccc;
	font-size: 1em;
}

#campaignBacknumber .section .heading01::after {
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 2%;
	background: #fff;
	background: url(/sp/img/sp_12.png) no-repeat 0 0;
	text-align: center;
	color: #36f;
	content: '';
}

#campaignBacknumber .section .heading01.active::after {
	background-image: url(/sp/img/sp_11.png);
}

#campaignBacknumber .section ul {
	list-style: none;
}

#campaignBacknumber .section li {
	padding-bottom: 1%;
}
#campaignBacknumber .section li img {
	width: 100%;
}

#campaignBacknumber .section li span {
	display: none;
}

#campaignBacknumber .section li .status ver2 {
	font-weight: bold;
	text-align: center;
	color: #C00;
}

/*-----------------------------------------
#fairBacknumber フェア一覧ページ
-------------------------------------------*/

#fairBacknumber h1 {margin-bottom: 1em;}

/*.navi*/
#fairBacknumber .navi {
	display: block;
	width: 98%;
	padding: 0 1%;
	margin-bottom: 1rem;
	text-align: left;
	border-bottom: 1px solid #ccc;
	font-size: 0;
}

#fairBacknumber .navi:nth-of-type(2) {display: none;}

#fairBacknumber .navi li:first-child {margin: 0;}

#fairBacknumber .navi li{
	display: inline-block;
	margin-left: 1%;
	padding: 0.5em 2%;
	min-width: 15%;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background: #eee;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 1rem;
	box-sizing: border-box;
}

#fairBacknumber .navi li.navi_on {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	position: relative;
}

#fairBacknumber .navi li.navi_on::after {
	content: '';
	width: 100%;
	display: block;
	background: #fff;
	height: 1px;
	display: block;
	bottom: -1px;
	left: 0;
	position: absolute;
}

#fairBacknumber .navi li.navi_on span {font-weight: bold;}

#fairBacknumber .navi li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}

/*.section ul*/
#fairBacknumber .section ul li {
    display: table;
    margin-bottom: 0.5em;
    width: 100%;
}

#fairBacknumber .section ul li div.imgL {
	display: table-cell;
  vertical-align: top;
  width: 22%;
  padding-right: 4%;
}

#fairBacknumber .section ul li div.imgL img {
  width: 100%;
	height: auto;
	max-width: 120px;
}

#fairBacknumber .section ul li dl {
	display: table-cell;
  vertical-align: top;
}
#fairBacknumber .section ul li dl dt {
	font-weight: bold;
	color: #925308;
}

/*-----------------------------------------
#newspaper　絵本ナビ
-------------------------------------------*/
#ehonnavi .read{padding: 0.5em 2% ; font-size: 1.5rem; line-height: 2rem;}
#ehonnavi .section ul li{ margin-top:1.5rem; padding-bottom:1rem; border-bottom: 1px dotted #ccc; display:grid; grid-template-rows: auto; grid-template-columns:35% 65%;}
#ehonnavi .imgL{grid-row: 1 / 2; grid-column: 1 / 2; padding:0 0.5rem;}
#ehonnavi .imgL a img{width:100%; height:auto;}
#ehonnavi .product{grid-row: 1 / 2; grid-column: 2 / 3;}
#ehonnavi .product dt{margin-bottom:0.5rem;}
#ehonnavi .product dt a{font-size:2rem; line-height:2.5rem;}
#ehonnavi span.age {border: #fd8e01 solid 1px;color: #fd8e01; padding: 1px 5px 0px 5px; margin-right: 8px;font-size: 90%;line-height: 1.2;}
#ehonnavi .buy{margin-top:1rem;}
#ehonnavi .buy a{font-size:1.5rem;}

#ehonarch ul.accordion > li > ul > li {width:100%; height:auto; margin: 0.5rem auto;}

/*-----------------------------------------
#gwinfo　GW配送のお知らせ含む、インフォメーションページ
-------------------------------------------*/
#gwinfo p, #gwinfo ul li, #gwinfo ul li a, #gwinfo .heading-txt, #gwinfo dl dt, #gwinfo dl dd, #gwinfo .red, #gwinfo a{font-size:1.2rem; line-height:1.8rem; padding:0 0.2rem;}
#gwinfo ul li{list-style-type: none;}
#gwinfo .mt10{ margin-top:1rem;}
#gwinfo .mt20{ margin-top:3rem;}

/*　テーブル用　*/
#gwinfo .outer {width:100%; overflow-x: scroll; white-space: nowrap; margin:auto;}
#gwinfo .outer .eventSheet{width:100%; margin: auto;overflow-x: scroll;}
#gwinfo .outer .eventSheet tr{width:100%;}
#gwinfo .outer .eventSheet tr th{border-right: 1px solid #CCC;background-color: #EEEEEE;font-weight: bold;text-align: left;}
#gwinfo .outer .eventSheet tr th, #gwinfo .outer .eventSheet tr td{ box-sizing: border-box; padding:15px;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;padding: 2%;}
#gwinfo .outer::-webkit-scrollbar{height:5px;}
#gwinfo .outer::-webkit-scrollbar-track{background: #F1F1F1;}
#gwinfo .outer::-webkit-scrollbar-thumb{background: #BCBCBC;}

/*-----------------------------------------
#freepage_info　 お知らせ、案内ページ
-------------------------------------------*/
/*add20210615*/
#freepage_info .inner {margin: 10px 10px 20px;}
#freepage_info p {margin-bottom: 1em;}
#freepage_info dl {margin-bottom: 20px;}
#freepage_info dd {text-indent: -1em; padding-left: 1em;}
#freepage_info #note dl {padding: 10px 0;}
#freepage_info #note dl.border {border-top: dashed 1px #000; border-bottom: dashed 1px #000; width: 100%;}
#freepage_info #note dt {font-weight: bold;}
#freepage_info #note dd {font-weight: bold; margin-bottom: 10px;}
#freepage_info #note dd + dt {margin-top: 20px;}/* 隣接セレクタ */
#freepage_info #faq {margin-bottom: 40px;}
#freepage_info #faq dt {font-weight: bold;}
#freepage_info #faq dd + dt {margin-top: 30px;}/* 隣接セレクタ */
#freepage_info #pdf_area li a {background: url(/img/icon/pdf_icon.jpg) no-repeat right center/auto 60%; padding: 10px 25px 10px 0; display: inline-block;} 
/* --- カスタマーセンター --- */
#freepage_info #customer {padding-top: 10px;}
#freepage_info #customer p {margin-bottom: 0;}
#freepage_info #customer .contact {margin:5px 0; border:3px solid #CCC; padding:10px;}
#freepage_info #customer .contact p {margin-bottom: 5px !important;}
#freepage_info #customer .contact span.mail {font-size: 150%; font-weight: bold;}
#freepage_info #customer .contact span.mail a {font-weight: bold !important; font-size: 16px;}
/* --- SP表示：開閉制御 --- */
#freepage_info .targets {display: block !important;}/* SP表示：開閉制御 */
#main > #freepage_info .heading01::after {content: none !important;}/* SP表示：開閉制御 */

/* --- 	text --- */
#freepage_info b {font-weight: bold !important;}
#freepage_info .red {color: #FF0004 !important;}

/* --- 	margin --- */
#freepage_info .mt00 { margin-top: 0 !important; }
#freepage_info .mt05 { margin-top: 5px !important; }
#freepage_info .mt10 { margin-top: 10px !important; }
#freepage_info .mt12 { margin-top: 12px !important; }
#freepage_info .mt15 { margin-top: 15px !important; }
#freepage_info .mt20 { margin-top: 20px !important; }
#freepage_info .mt25 { margin-top: 25px !important; }
#freepage_info .mt30 { margin-top: 30px !important; }
#freepage_info .mt35 { margin-top: 35px !important; }
#freepage_info .mt40 { margin-top: 40px !important; }

#freepage_info .mb00 { margin-bottom: 0 !important; }
#freepage_info .mb05 { margin-bottom: 5px !important; }
#freepage_info .mb10 { margin-bottom: 10px !important; }
#freepage_info .mb15 { margin-bottom: 15px !important; }
#freepage_info .mb20 { margin-bottom: 20px !important; }
#freepage_info .mb25 { margin-bottom: 25px !important; }
#freepage_info .mb30 { margin-bottom: 30px !important; }
#freepage_info .mb35 { margin-bottom: 35px !important; }
#freepage_info .mb40 { margin-bottom: 40px !important; }