@charset "utf-8";
/* CSS Document */

/*雑誌の欄　全体の背景のみの指示*/
.book-bg{
	background:url("../images/bg.jpg");

}


/*セカンドページタイトル
---------------------------------------------------------------------------*/
.bg-media {
	background:url("../media/images/top.jpg") no-repeat;
	background-size:cover;
	background-position:top center;
}

/*リスト
	----------------------------------------*/
/*TV
--------------------------------------*/

.media-list{
	width:100%;
	position:relative;
	margin:0 auto;
	padding-top:40px;
}

.media-list dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:100%;
	/*float:left;*/
	border-bottom:dotted 1px #ccc;
	padding:10px 0px 15px 0px!important;
	clear:both;
}

/*番組名*/
.media-list  dt {
	float: left;	/*左に回り込み*/
	width: 20em!important;		/*幅*/
	letter-spacing: 0em!important;	/*文字間隔を少しだけ広くとる設定*/
	padding:10px 0px 10px 0px!important;
	line-height:1.2em;
	background:none!important;

}
/*内容設定*/
.media-list  dd {
	margin-left: 23em!important;	/*左に空ける余白*/
	padding1:0px 0px 10px 0px!important;
	font-size:14px;
	line-height:1.5em;
}

.bold-sp{
	display:inline;
}
/*雑誌*/
/*--------------------------------------*/
/*---------------------------------------------------------------------------*/


/*雑誌枠の設定
---------------------------------------------------------------------------*/
/*listブロック全体を囲むブロック*/
.list-container {
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: flex-start;	/*並びかたの種類の指定*/
}
/*各ボックスの設定*/
.list-book {
	flex-direction: column;			/*子要素を縦並びにする*/
	width: 24%;		/*幅。4列になります。*/
	position:relative;
	margin: 20px auto 0px;	/*上、左右、下へのボックス内の余白*/
/*	height: 430px;			/*ボックスの高さ。*/
	/*display:inline-block;*/
}
/*写真の設定*/
.list-book figure img {
	display: block;
	/*border-radius: 50%;		/*円形にする設定。30pxなどにすると角丸になります。この行を削除すればそのままの画像が表示されます。*/
	margin-bottom: 10px;	/*画像の下に空けるスペース*/
}
/*写真の右上にある金額*/
.list-book figure span {
	display: block;
	text-align: center;
	width: 51px;	/*幅*/
	line-height: 51px;	/*高さ*/
	/*border-radius: 50%;	/*円形にする設定*/
	font-size: 12px;	/*文字サイズ*/
	/*background: #fff;	/*背景色（古いブラウザ用）*/
	/*background: rgba(255,255,255,1.0);	/*背景色。0,0,0は黒の事で0.7は70%色がついた状態の事。*/
	position: absolute;
	right: 0px;	/*listブロックに対して右から0pxの場所に配置*/
	top: 10px;	/*listブロックに対して上から5pxの場所に配置*/
	color: #fff;	/*文字色*/
}
/*ボックス内の見出し*/
.list-book {  /*span　で使う*/
	text-align: center!important;	/*文字をセンタリング*/
	border-bottom: 2px dotted #876D4D;	/*下線の幅、線種、色*/
	margin-bottom: 10px;	/*見出しの下に空けるスペース*/
	font-size: 15px;		/*文字サイズ*/
	font-weight:bold;
	letter-spacing: -0.05em;
}
/*ボックス内の段落タグ*/
.list-book p {
	padding: 0!important;
	line-height: 1.5;	/*行間を少し狭くする*/
	letter-spacing: -0.1em;
	font-size: 13px!important;	
	text-align:center!important;
}
/*メニュー名　サブタイトルを少し小さく
-------------------------------------------*/
.sub-comment{
	font-size:80%;
}

/*取扱店舗ボタン
--------------------------*/
/*btn1
---------------------------------------------------------------------------*/
p.btn1 a {
	text-decoration: none;display: inline-block;
	/*border: 1px solid #000;	/*枠線の幅、線種、色。transparentなら透明。*/
	/*background: #fff;	/*背景色*/
	/*color: #fff !important;	/*文字色*/
	/*border-radius: 3px;		/*角丸のサイズ*/
	padding: 5px 30px;		/*上下、左右へのボタン内の余白*/
	text-align: center;		/*文字をセンタリング*/
}
/*マウスオン時*/
p.btn1 a:hover {
	/*border: 1px solid #7d6147;	/*枠線の幅、線種、色。*/
	background: #eee;			/*背景色*/
	color: #000 !important;	/*文字色*/
}


/*---------------------------------------------------------------*/
.media-list-magazine{
	width:80%;
	position:relative;
	margin:0 auto;
	padding-top:40px;
}

.media-list-magazine dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:100%;
	float:left;
	border-bottom:dotted 1px #ccc;
	padding:10px 0px 10px 0px!important;
	clear:both;
}

/*内容*/
.media-list-magazine dt {
	float: left;	/*左に回り込み*/
	width:85%;		/*幅*/
	letter-spacing: 0em!important;	/*文字間隔を少しだけ広くとる設定*/
	padding:10px 0px 10px 0px!important;
	/*line-height:1.5em;*/
	background:none!important;
}
/*PDF設定*/
.media-list-magazine dd {
	padding-left: 85%;	/*左に空ける余白*/
	padding:10px 0px!important;
	/*line-height:1.2em;*/
}

.media-list-magazine dd img{
	margin:0 5px;
}

.mini2 {
	font-size: 12px;
}





/*画面幅1367px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1367px){


/*リスト
	----------------------------------------*/

.media-list-magazine{
	width:100%;
	position:inherit;
	margin:0;
}
	

	/*メディア掲載　雑誌の設定
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list-book {
	width: 32%;			/*ボックスの幅*/
	margin: 0 auto 20px;	/*上、左右、下へのボックス内の余白*/
	/*height: 430px;		/*ボックスの高さ。*/
}
/*写真の右上にある金額*/
.list-book figure span {
	width: 70px;	/*幅*/
	line-height: 70px;	/*高さ*/
	font-size: 14px;	/*文字サイズ*/
}
	
}


/*画面幅1025px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1025px){
	
/*セカンドページタイトル
---------------------------------------------------------------------------*/
.title-secand-media {
	background:url("../media/images/main.jpg") no-repeat;
	background-size:cover;
	background-position:top center;
	padding: 20px 6% 20px 6%;					/*ボックス内の余白*/
	/*margin-bottom: 40px;			/*ボックスの下に空けるスペース*/
	/*border: 1px solid #d0cac1;		/*線の幅、線種、色（古いブラウザ用）*/
}

	/*メディア掲載　雑誌の設定
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list-book {
	width: 48%;			/*ボックスの幅*/
	/*margin: 0 1% 20px;	/*上、左右、下へのボックス内の余白*/
	/*height: 370px;		/*ボックスの高さ。*/
}
/*写真の右上にある金額*/
.list-book figure span {
	width: 70px;	/*幅*/
	line-height: 70px;	/*高さ*/
	font-size: 14px;	/*文字サイズ*/
}

/*新聞*/
.media-list-magazine dd img{
	width:40px;
	margin:0 5px;
}	
	
}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){


/*メディア掲載　雑誌の設定
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list-book {
	width: 40%;			/*ボックスの幅*/
	margin: 0 5% 20px;	/*上、左右、下へのボックス内の余白*/
	/*height: 430px;		/*ボックスの高さ。*/
}
/*写真の右上にある金額*/
.list-book figure span {
	width: 70px;	/*幅*/
	line-height: 70px;	/*高さ*/
	font-size: 14px;	/*文字サイズ*/
}

/*新聞*/
.media-list-magazine dt {
	float: left;	/*左に回り込み*/
	width: 80%;		/*幅*/
	letter-spacing: 0em;	/*文字間隔を少しだけ広くとる設定*/
	padding:10px 0px 10px 0px!important;
	line-height:1.5em;
	background:none!important;
}
/*PDF設定*/
.media-list-magazine dd {
	padding-left: 80%;	/*左に空ける余白*/
	padding:10px 0px 10px 0px!important;
	font-size:12px;
}
	
.media-list-magazine dd img{
	width:40px;
	margin:0 5px;
}	
	
}


/*画面幅420px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:420px){
	
/*セカンドページタイトル
---------------------------------------------------------------------------*/
.title-secand-media {
	background:url("../media/images/main.jpg") no-repeat;
	background-size:cover;
	background-position:top center;
	padding: 0px 6% 10px 6%;					/*ボックス内の余白*/
	/*margin-bottom: 40px;			/*ボックスの下に空けるスペース*/
	/*border: 1px solid #d0cac1;		/*線の幅、線種、色（古いブラウザ用）*/
	text-align:center;
}

/*TV*/

.media-list dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:100%;
	/*float:left;*/
	border-bottom:dotted 1px #ccc;
	padding:10px 0px 10px 0px!important;
	
}

/*番組名*/
.media-list  dt {
	float: left;	/*左に回り込み*/
	width: 100%!important;		/*幅*/
	letter-spacing: 0em!important;	/*文字間隔を少しだけ広くとる設定*/
	padding:10px 0px 0px 0px!important;
	line-height:1.5em;
	background:none!important;
	font-weight:bold;
}
/*内容設定*/
.media-list  dd {
	margin-left: 0em!important;	/*左に空ける余白*/
	padding:10px 0px 0px 0px!important;
	font-size:14px;
	line-height:1.5em;
	clear:left;   /*←ここ重要！！*/
	font-size:90%;
}

.bold-sp{
	display:inline;
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
}
/*雑誌　内容*/
.media-list-magazine dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:100%;
	float:left;
	border-bottom:dotted 1px #ccc;
	padding:10px 0px 10px 0px!important;
	clear:both;
}
	
.media-list-magazine dt {
	float: left;	/*左に回り込み*/
	width: 70%;		/*幅*/
	letter-spacing: 0em;	/*文字間隔を少しだけ広くとる設定*/
	padding:10px 0px 10px 0px!important;
	line-height:1.5em;
	background:none!important;
}
/*　新聞　PDFアイコン設定*/
.media-list-magazine dd {
	padding-left: 70%;	/*左に空ける余白*/
	padding:10px 0px 10px 0px!important;
	font-size:12px;
}
	
.media-list-magazine dd img{
	width:40px;
	margin:0 3px;
}
.mini2 {
	font-size: 12px;
	line-height:1.5em!important;
	float: left;	/*左に回り込み*/
}	
	
	/*雑誌の設定
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list-book {
/*	float: none;*/
	width: 100%;
/*	height: auto;*/
/*	margin: 0;*/
	margin-bottom: 20px;
	overflow: hidden;
}
/*写真の設定*/
.list-book figure img {
	float: left;	/*左に回り込み*/
	width: 100%;		/*写真の幅*/
}
/*写真の右上にある金額*/
.list-book figure span {
	width: 40px;	/*幅*/
	line-height: 40px;	/*高さ*/
	font-size: 10px;	/*文字サイズ*/
	left: 0px;	/*listブロックに対して左から0pxの場所に配置*/
	top: 0px;	/*listブロックに対して上から0pxの場所に配置*/
}
/*ボックス内のh4見出しと段落タグ*/
.list-book, .list-book p {
	text-align: center!important;	/*文字を左寄せ*/
	/*margin-left: 35%;	/*左に空けるスペース。上の写真の幅をみて調整して下さい。*/
}
}