/* ******************************************************************
 *  File name   : base.css
 *  Summary     : css base
 * ******************************************************************
 */
/* -----------------------------------------------------------------
     base
----------------------------------------------------------------- */
.sendai_premium_page #contents_top {
	margin: 0 !important;
}

.sendai_premium_page #main_middle {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.sendai_premium_page #footer {
	margin-top: 0;
	padding-top: 60px;
	background-color: #fff;
	border-top: none;
}

@media (max-width: 767px) {
	.sendai_premium_page #footer {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.sendai_premium_page .sendai_premium_page__body {
	position: relative;
	width: 100%;
	line-height: 145%;
	color: #222;
	/* --- responsive --- */
	/* -----------------------------------------------------------------
             header
        ----------------------------------------------------------------- */
	/* --- responsive --- */
	/* -----------------------------------------------------------------
             main
        ----------------------------------------------------------------- */
	/* -----------------------------------------------------------------
             section
        ----------------------------------------------------------------- */
	/* h2_title */
	/* --- responsive --- */
	/* -----------------------------------------------------------------
             lead
        ----------------------------------------------------------------- */
	/* --- responsive --- */
	/* -----------------------------------------------------------------
             more
        ----------------------------------------------------------------- */
	/* -----------------------------------------------------------------
             lineup
        ----------------------------------------------------------------- */
	/* lineup */
	/* premium_detail */
	/* ul */
	/* --- responsive --- */
	/* -----------------------------------------------------------------
             another_premium
        ----------------------------------------------------------------- */
	/* -----------------------------------------------------------------
             another_co
        ----------------------------------------------------------------- */
	/* --- responsive --- */
	/* --- responsive --- */
	/* -----------------------------------------------------------------
             postage
        ----------------------------------------------------------------- */
	/* -----------------------------------------------------------------
             footer
        ----------------------------------------------------------------- */
}

.sendai_premium_page .sendai_premium_page__body .lazyloaded {
	-webkit-animation: toShow .2s linear forwards;
	        animation: toShow .2s linear forwards;
}

.sendai_premium_page .sendai_premium_page__body #sendai_premium__wrapper {
	position: relative;
	width: 100%;
	text-align: center;
	background: url(../../../img/sendaipremium/20241115/base/bg.jpg) repeat-y center top;
	background-size: contain;
	z-index: 0;
}

@media only screen and (max-width: 767px) {
	.sendai_premium_page .sendai_premium_page__body #sendai_premium__wrapper {
		background-attachment: fixed;
		background-size: cover;
	}
}

.sendai_premium_page .sendai_premium_page__body div.header {
	position: relative;
	width: 1000px;
	max-width: 100%;
	margin: 0 auto 38px;
	padding: 90px 20px 0;
	text-align: center;
}

.sendai_premium_page .sendai_premium_page__body #title {
	position: relative;
	width: 450px;
	max-width: 100%;
	margin: 0 auto 0px;
	z-index: 10;
}

.sendai_premium_page .sendai_premium_page__body div.header h1 {
	position: relative;
	width: 470px;
	max-width: 100%;
	margin: 0 auto 23px;
}

.sendai_premium_page .sendai_premium_page__body div.header ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	width: 470px;
	max-width: 100%;
	margin: 0 auto 40px;
	padding: 19px 0px 0;
	border-top: 1px solid #000;
	list-style: none;
}

.sendai_premium_page .sendai_premium_page__body div.header ul li {
	position: relative;
	width: 145px;
	height: 43px;
}

.sendai_premium_page .sendai_premium_page__body div.header ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0 5px;
	background: rgba(255, 255, 255, 0.5);
	-webkit-transition-duration: 0.5s;
	        transition-duration: 0.5s;
}

.sendai_premium_page .sendai_premium_page__body div.header ul li a:hover {
	background: white;
}

.sendai_premium_page .sendai_premium_page__body div.header ul li a img {
	position: relative;
	width: 125px;
	height: 35px;
}

.sendai_premium_page .sendai_premium_page__body div.header p.head_text {
	display: block;
	position: absolute;
	top: 125px;
	right: 40px;
	height: 100%;
	font-size: 2.24rem;
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
	text-align: left;
	color: #786948;
	line-height: 1.5;
	text-shadow: 1px 1px 5px #FFF, -1px -1px 5px #FFF, -1px 1px 5px #FFF, 1px -1px 5px #FFF, 0px 1px 5px #FFF, 0 -1px 5px #FFF, -1px 0 5px #FFF, 1px 0 5px #FFF;
}

.sendai_premium_page .sendai_premium_page__body div.header p.lead {
	margin: 0 auto 40px !important;
}

@media only screen and (max-width: 767px) {
	.sendai_premium_page .sendai_premium_page__body div.header {
		margin: 0 auto 15px;
		padding: 30px 20px 0px;
	}
	.sendai_premium_page .sendai_premium_page__body div.header h1 {
		width: 235px;
		max-width: 100%;
		margin: 0 auto 15px;
	}
	.sendai_premium_page .sendai_premium_page__body div.header ul {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 20px;
		padding: 0px 0px 0;
		border-top: none;
	}
	.sendai_premium_page .sendai_premium_page__body div.header ul li {
		width: 32%;
		height: 43px;
	}
	.sendai_premium_page .sendai_premium_page__body div.header ul li a img {
		width: 100%;
		height: auto;
	}
	.sendai_premium_page .sendai_premium_page__body div.header p.head_text {
		display: block;
		position: relative;
		top: 0px;
		right: 0px;
		width: 100%;
		height: auto;
		margin: 0 auto 15px;
		font-size: 2.08rem;
		-webkit-writing-mode: horizontal-tb;
		    -ms-writing-mode: lr-tb;
		        writing-mode: horizontal-tb;
		text-align: center;
	}
	.sendai_premium_page .sendai_premium_page__body div.header p.lead {
		margin: 0 auto 20px !important;
	}
}

.sendai_premium_page .sendai_premium_page__body main {
	display: block;
	position: relative;
	width: 100%;
}

.sendai_premium_page .sendai_premium_page__body #main_contents {
	display: block;
	position: relative;
	margin: 0 auto;
}

.sendai_premium_page .sendai_premium_page__body section {
	width: 100%;
	margin: 0 auto;
	padding: 30px 20px;
}

.sendai_premium_page .sendai_premium_page__body section#another_premium {
	background: url(../../../img/sendaipremium/20231001/another/bg.jpg) no-repeat center top #222B47;
	background-attachment: fixed;
	background-size: cover;
}

.sendai_premium_page .sendai_premium_page__body section h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 auto 20px;
	padding: 10px;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1.15;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
	color: #000;
}

.sendai_premium_page .sendai_premium_page__body section h2 span {
	font-weight: bold;
	color: #000;
}

.sendai_premium_page .sendai_premium_page__body section h2 span span {
	font-weight: normal;
	font-size: 1.92rem;
}

.sendai_premium_page .sendai_premium_page__body section h2:before, .sendai_premium_page .sendai_premium_page__body section h2:after {
	content: " ";
	border-top: 1px solid #000;
	width: 220px;
}

.sendai_premium_page .sendai_premium_page__body section h2:before {
	margin-right: 1em;
}

.sendai_premium_page .sendai_premium_page__body section h2:after {
	margin-left: 1em;
}

.sendai_premium_page .sendai_premium_page__body section#another_premium h2 {
	background: -webkit-gradient(linear, left top, right top, from(rgba(213, 185, 135, 0)), color-stop(rgba(213, 185, 135, 0.2)), to(rgba(213, 185, 135, 0)));
	background: linear-gradient(90deg, rgba(213, 185, 135, 0), rgba(213, 185, 135, 0.2), rgba(213, 185, 135, 0));
	color: #FFF;
}

.sendai_premium_page .sendai_premium_page__body section#another_premium h2 span {
	color: #FFF;
}

.sendai_premium_page .sendai_premium_page__body section#another_premium h2:before, .sendai_premium_page .sendai_premium_page__body section#another_premium h2:after {
	border-top: 1px solid #FFF;
}

@media only screen and (max-width: 767px) {
	.sendai_premium_page .sendai_premium_page__body section h2, .sendai_premium_page .sendai_premium_page__body section#another_premium h2 {
		background: none;
		border-bottom: 1px solid #B39C74;
	}
	.sendai_premium_page .sendai_premium_page__body section h2:before, .sendai_premium_page .sendai_premium_page__body section h2:after {
		display: none;
	}
}

.sendai_premium_page .sendai_premium_page__body .lead {
	margin: 0 auto 20px;
	font-size: 1.6rem;
	line-height: 2.0;
	color: #000;
}

.sendai_premium_page .sendai_premium_page__body section#another_premium .lead {
	color: #FFF;
}

@media only screen and (max-width: 767px) {
	.sendai_premium_page .sendai_premium_page__body .lead {
		font-size: 1.392rem;
		line-height: 1.3;
	}
}

.sendai_premium_page .sendai_premium_page__body .more {
	position: relative;
	width: 100%;
	text-align: center;
}

.sendai_premium_page .sendai_premium_page__body .more a {
	display: inline-block;
	position: relative;
	width: 320px;
	padding: 10px 15px;
	max-width: 100%;
	font-size: 1.504rem;
	text-decoration: none;
	background: #B39C74;
	border: 1px solid #B39C74;
	color: #FFF;
}

.sendai_premium_page .sendai_premium_page__body .more a::before {
	content: " ";
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border: 1px solid #FFF;
}

.sendai_premium_page .sendai_premium_page__body .more a::after {
	content: " ";
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	-webkit-transition-duration: 0.5s;
	        transition-duration: 0.5s;
}

.sendai_premium_page .sendai_premium_page__body .more a:hover::after {
	background: rgba(255, 255, 255, 0.1);
}

.sendai_premium_page .sendai_premium_page__body .lineup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto 30px;
	list-style: none;
	-webkit-transition-duration: 0.5s;
	        transition-duration: 0.5s;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	position: relative;
	width: 580px;
	max-width: 49%;
	margin: 0 0 20px;
	background: #FFF;
	border: 1px solid #B39C74;
	-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	-webkit-transition-duration: 0.5s;
	        transition-duration: 0.5s;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li a {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	z-index: 10;
}

.sendai_premium_page .sendai_premium_page__body .lineup li a:hover {
	background: rgba(213, 185, 135, 0.1);
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_photo {
	width: 356px;
	background: #CAC9B3;
	z-index: 5;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_photo img {
	width: 100%;
	height: auto;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail {
	position: relative;
	width: calc(100% - 356px);
	padding: 15px 15px 65px 15px;
	text-align: left;
	color: #907E5D;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail::before {
	content: " ";
	position: absolute;
	bottom: 0px;
	right: 0px;
	border: 12px solid transparent;
	border-bottom: 12px solid #B39C74;
	border-right: 12px solid #B39C74;
	z-index: 0;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	position: relative;
	min-height: 70px;
	margin: 0 0 10px;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	font-size: 1.84rem;
	color: #000;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail h3::before, .sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail h3::after {
	content: " ";
	position: absolute;
	left: 0px;
	width: 100%;
	height: 5px;
	background: url(../../../img/sendaipremium/20231001/base/slash.png) repeat 0 0;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail h3::before {
	top: 0px;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail h3::after {
	bottom: 0px;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail h3 span {
	display: inline-block;
	width: 100%;
	font-size: 1.392rem;
	line-height: 1.2;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail ul {
	list-style: none;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail ul li {
	position: relative;
	margin: 0 0 3px;
	padding: 0 0 0 10px;
	font-size: 1.232rem;
	color: #907E5D;
	line-height: 1.3;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail ul li:after {
	content: " ";
	position: absolute;
	top: 6px;
	left: 0px;
	width: 5px;
	height: 5px;
	font-size: 1.28rem;
	background: #907E5D;
	border-radius: 5px;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail p.fee {
	position: absolute;
	bottom: 15px;
	left: 0px;
	width: 100%;
	height: 50px;
	margin: 0px;
	padding: 0 15px 0;
	font-size: 1.232rem;
	text-align: right;
	color: #907E5D;
	line-height: 1.3;
}

.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail p.fee span {
	display: inline-block;
	margin-left: 3px;
	font-size: 2.4rem;
}

@media only screen and (max-width: 1200px) {
	.sendai_premium_page .sendai_premium_page__body .lineup > li {
		width: 680px;
		max-width: 100%;
		margin: 0 auto 20px;
	}
}

@media only screen and (max-width: 767px) {
	.sendai_premium_page .sendai_premium_page__body {
		/* premium_detail */
	}
	.sendai_premium_page .sendai_premium_page__body .lineup > li {
		width: 100%;
		max-width: 356px;
	}
	.sendai_premium_page .sendai_premium_page__body .lineup > li .premium_detail {
		width: 100%;
		padding: 15px 15px 70px 15px;
		text-align: left;
		color: #907E5D;
		-webkit-transition-duration: 0.5s;
		        transition-duration: 0.5s;
	}
}

.sendai_premium_page .sendai_premium_page__body #another_premium .lineup > li {
	background: none;
}

.sendai_premium_page .sendai_premium_page__body #another_premium .lineup > li .premium_photo {
	background: #222B47;
}

.sendai_premium_page .sendai_premium_page__body #another_premium .lineup > li .premium_detail {
	background: #222B47;
	color: #C4AB7E;
}

.sendai_premium_page .sendai_premium_page__body #another_premium .lineup > li .premium_detail h3 {
	color: #FFF;
}

.sendai_premium_page .sendai_premium_page__body #another_premium .lineup > li .premium_detail ul li, .sendai_premium_page .sendai_premium_page__body #another_premium .lineup > li .premium_detail p.fee {
	color: #C4AB7E;
}

.sendai_premium_page .sendai_premium_page__body #another_lead {
	position: relative;
	margin: 25px 0;
	font-size: 2.16rem;
	line-height: 1.5;
	color: #FFF;
}

@media only screen and (max-width: 767px) {
	.sendai_premium_page .sendai_premium_page__body #another_lead {
		margin: 20px 0;
		font-size: 2rem;
	}
}

.sendai_premium_page .sendai_premium_page__body #another_co {
	position: relative;
	left: -20px;
	width: calc(100% + 40px);
	max-width: 2640px;
	margin: 0 auto 20px;
}

.sendai_premium_page .sendai_premium_page__body #another_co ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	list-style: none;
	width: 100%;
}

.sendai_premium_page .sendai_premium_page__body #another_co ul li {
	position: relative;
	width: 16.66%;
	background: -webkit-gradient(linear, left top, right top, from(#D9BD8C), to(#AE905D));
	background: linear-gradient(90deg, #D9BD8C, #AE905D);
	-webkit-transition-duration: 0.5s;
	        transition-duration: 0.5s;
}

.sendai_premium_page .sendai_premium_page__body #another_co ul li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.sendai_premium_page .sendai_premium_page__body #another_co ul li .co_detail {
	padding: 15px 15px 25px;
}

.sendai_premium_page .sendai_premium_page__body #another_co ul li .co_detail img {
	width: 174px;
	max-width: 100%;
	height: auto;
}

.sendai_premium_page .sendai_premium_page__body #another_co ul li .co_detail p {
	margin: 10px 0 0;
	font-size: 1.6rem;
	text-align: left;
	text-decoration: none;
	color: #000;
	-webkit-transition-duration: 0.5s;
	        transition-duration: 0.5s;
}

@media only screen and (max-width: 1300px) {
	.sendai_premium_page .sendai_premium_page__body #another_co ul li .co_detail {
		padding: 15px 12px 15px;
	}
	.sendai_premium_page .sendai_premium_page__body #another_co ul li .co_detail p {
		font-size: 1.44rem;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 1100px) {
	.sendai_premium_page .sendai_premium_page__body #another_co ul li .co_detail {
		padding: 15px 10px 15px;
	}
	.sendai_premium_page .sendai_premium_page__body #another_co ul li .co_detail p {
		font-size: 1.344rem;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 900px) {
	.sendai_premium_page .sendai_premium_page__body #another_co ul li .co_detail p {
		font-size: 1.232rem;
	}
}

@media only screen and (max-width: 767px) {
	.sendai_premium_page .sendai_premium_page__body #another_co ul li {
		width: 100%;
		margin: 0 0 5px;
		padding-left: 150px;
		overflow: hidden;
	}
	.sendai_premium_page .sendai_premium_page__body #another_co ul li .co_img {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 150px;
	}
	.sendai_premium_page .sendai_premium_page__body #another_co ul li .co_detail {
		padding: 15px 15px 15px;
	}
}

.sendai_premium_page .sendai_premium_page__body #postage {
	position: relative;
	padding: 30px 20px;
	font-size: 1.44rem;
	line-height: 1.5;
	background: #DDD;
}

.sendai_premium_page .sendai_premium_page__body div.footer {
	clear: both;
	position: relative;
	width: 100%;
	min-height: 100px;
	padding: 30px 0px 15px;
	text-align: center;
	background: -webkit-gradient(linear, left top, right top, from(#D7BC8B), to(#AE8F5D));
	background: linear-gradient(90deg, #D7BC8B, #AE8F5D);
	z-index: 10;
}

.sendai_premium_page .sendai_premium_page__body div.footer #copyright {
	width: 100%;
	font-size: 0.8em;
	text-align: center;
	color: #FFFFFF;
}