/*
 * 移行元のページ専用のスタイルの写し（デートスポットの紹介ページ /introduce/spot/spot01〜spot06/）。
 *
 * 写し元: legacy/www.p-a.jp/public/introduce/spot/css/style.css
 * このファイルは手で書かない。写し元を
 * scripts/pa-cms/transform-legacy-page-css.py に通して作り直す。
 *
 * 写し元をそのまま置けない理由が 2 つある。
 *
 *   1. 写し元は 1 枚で完結した静的ページ用で、根の要素（html / body / *）へ
 *      余白の初期化と文字の指定を当てている。テーマのヘッダー・フッターへ
 *      その初期化が波及すると崩れるため、すべてのセレクタの前に
 *      `:is(.entry-content, .page-content__body)` を足して本文の中へ閉じ込めている。
 *   2. 写し元は根の文字を幅で切り替え（750px 以上 = 10px / 749px 以下 =
 *      2.66666vw）、寸法をすべて rem で書いている。このテーマの根の文字は
 *      16px 固定で、他のすべてのページに関わるため変えられない。そこで
 *      rem を実寸へ換算した（1rem = 10px / 1rem = 2.66666vw）。しあわせ
 *      レポートの一覧を移したときと同じ考え方である（main.css の
 *      「文字と余白を画面幅に連動させる理由」の節）。**写し元の
 *      `html { font-size }` そのものは書き出していない。**rem の基準を
 *      決めるためだけの指定で、換算で用済みだからである（本文が受け継ぐ
 *      文字の大きさは、そのページを読み込むテーマ側の CSS が決める）。
 *
 * 幅の指定が無い規則に rem があったものは、換算値が 2 通り必要なので
 * 750px 以上と 749px 以下の 2 つのメディアクエリへ書き分けてある。
 */
:is(.entry-content, .page-content__body) .wd_1100 {
	margin: 0 auto;
	padding: 0 0 30px;
	width: 1100px;
}
:is(.entry-content, .page-content__body) #story {
	margin: 0 auto;
	padding: 0 0 30px;
	width: 1100px;
	text-align: left;
	line-height:1.7;
}
:is(.entry-content, .page-content__body) #story .main_copy {
	margin-top: 35px;
	text-align: center;
}
:is(.entry-content, .page-content__body) a.seo {
	text-decoration: none;
}
:is(.entry-content, .page-content__body) .copy {
	margin-bottom: 15px;
	font-size: 24px;
	letter-spacing: 0.05em;
	text-align: center;
}
:is(.entry-content, .page-content__body) .read {
	margin-bottom: 35px;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 0.1em;
	text-align: center;
}
:is(.entry-content, .page-content__body) .text_alignR {
	text-align: right;
}
:is(.entry-content, .page-content__body) .paddingb10 {
	padding-bottom: 10px;
}
:is(.entry-content, .page-content__body) .marginl20 {
	margin-left: 20px;
}
:is(.entry-content, .page-content__body) .marginb16 {
	margin-bottom: 16px;
}
:is(.entry-content, .page-content__body) .margint20 {
	margin-top: 20px;
}
:is(.entry-content, .page-content__body) .marginr15 {
	margin-right: 15px;
}
:is(.entry-content, .page-content__body) .paddingb30 {
	padding-bottom: 30px!important;
}
:is(.entry-content, .page-content__body) .minH4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
:is(.entry-content, .page-content__body) .title_style05 {
	background: #E3D6BF;
	margin-bottom: 25px;
	padding: 12px 16px;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0.05em;
	clear: both;
}
:is(.entry-content, .page-content__body) .float_r {
	float: right;
	margin: 0 0 20px 20px;
}
:is(.entry-content, .page-content__body) .float_l {
	float: left;
	margin: 0 20px 20px 0;
}
:is(.entry-content, .page-content__body) .b_bnrarea, :is(.entry-content, .page-content__body) .nearbranchs, :is(.entry-content, .page-content__body) .stations, :is(.entry-content, .page-content__body) .hearts {
	border:1px solid #cccccc;
	border-bottom:2px solid #cccccc;
	margin:0 0 30px;
	padding:10px 15px;
}
:is(.entry-content, .page-content__body) .b_bnrarea dt, :is(.entry-content, .page-content__body) .nearbranchs dt, :is(.entry-content, .page-content__body) .stations dt, :is(.entry-content, .page-content__body) .hearts .heartsMain dt {
	font-weight:bold;
	font-size:108%;
	padding:0 0 8px 25px;
	border-bottom:1px solid #cccccc;
	margin-bottom:8px;
}
:is(.entry-content, .page-content__body) .nearbranchs dt {
	background:url(../images/icon_search.png?ver=4916cfdeef4d) scroll no-repeat left 2px;
}
:is(.entry-content, .page-content__body) .stations dt {
	background:url(../images/icon_station.png?ver=463aef65e376) scroll no-repeat left 2px;
}
:is(.entry-content, .page-content__body) .b_bnrarea dt {
	background:url(../images/icon_glass.png?ver=684f45682c88) scroll no-repeat left 2px;
}
:is(.entry-content, .page-content__body) .hearts .heartsMain dt {
	background:url(../images/icon_hearts.png?ver=fe74ba0253f4) scroll no-repeat left 2px;
}
:is(.entry-content, .page-content__body) .hearts .heartsMain .heartsSub dt {
	font-weight:bold;
	font-size:108%;
	padding:0;
	border-bottom:none;
	margin:0;
	background-image:none;
}
:is(.entry-content, .page-content__body) .nearbranchs dd, :is(.entry-content, .page-content__body) .stations dd, :is(.entry-content, .page-content__body) .hearts dd, :is(.entry-content, .page-content__body) .hearts li {
	display:inline;
	padding:0 10px 0 7px;
	background:url(../images/arrow_gray.png?ver=bfd210bcdb88) scroll no-repeat left 6px;
}
:is(.entry-content, .page-content__body) .hearts .heartsMainDd {
	background-image:none;
	padding:0;
}
:is(.entry-content, .page-content__body) .hearts .heartsMain .heartsSub dd {
	font-size:100%;
}
:is(.entry-content, .page-content__body) .b_bnrarea dd {
	font-size:93%;
}
:is(.entry-content, .page-content__body) .b_bnrarea dl a, :is(.entry-content, .page-content__body) .nearbranchs dl a, :is(.entry-content, .page-content__body) .stations dl a, :is(.entry-content, .page-content__body) .hearts a {
	color: #1A1A1A;
}
:is(.entry-content, .page-content__body) .nearbranchs dd.lists, :is(.entry-content, .page-content__body) .stations dd.lists, :is(.entry-content, .page-content__body) .hearts dd.lists, :is(.entry-content, .page-content__body) .hearts li.lists {
	background-image: none;
	padding-left: 0;
}
:is(.entry-content, .page-content__body) .nearbranchs dd.lists a, :is(.entry-content, .page-content__body) .stations dd.lists a, :is(.entry-content, .page-content__body) .hearts dd.lists a, :is(.entry-content, .page-content__body) .hearts li.lists a {
	font-size:93%;
	color:#999999;
}