/*
Theme Name: ザ・ヨコハマタワーズ／別冊ザ・ヨコハマタワーズ『軽井沢』
Theme URI: 	https://resort.yokohamatowers.com/
Description: 読進社編集部の出版システムツールの派生子テーマより生成した雑誌
Template: publishing
Author: 読進社出版開発部
Author URI: https://p-oi.com/
Version: 1.0
*/

html, body {
  overflow-x: hidden;
}

#page {
	background: #68bbf3;
	background-image: url("img/sky.jpg") no-repeat;
	background-size: 100%;
}

.content-area {
	background: rgba(255,255,255,0.8);
}

/** CONTACT **/
ul.contact {margin:0px auto;padding:10px;height:auto;overflow:hidden;}
ul.contact li {margin:0px;padding:7px;color:#000;font-size:90%;list-style-type:none;}
ul.contact li.title {margin:0px;padding:7px;font-size:90%;font-weight:bold;text-align:center;background:#FFF;}
ul.contact li.label {margin:0px;padding:7px;font-size:120%;background:#E6E7E8;}
ul.contact li.contact {list-style-type:none;}
ul.contact input {padding:10px;width:100%;}

/** SPREAD ADS **/
ul.adlip {margin:0px auto;padding:10px;height:auto;overflow:hidden;}
ul.adlip li {margin:0px;padding:7px;list-style-type:none;}
ul.adlip li.spread {margin:0px;padding:90px 10px 10px;background-size:100%;}
ul.adlip .spreadtitle {margin:0px;padding:7px;background: rgba(255, 255, 255, 0.5);}
ul.adlip .spreadtitle p {font-size:120%;font-weight:bold;}
ul.adlip .spreadtitle span {font-size:70%;font-weight:normal;}
ul.adlip li .wp-post-image {padding-right:7px; float:left;}

/** FRONT SLIDER **/
.swiper-container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.swiper-slide {
	height: 100vh;
	position: relative;
}
.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.slide-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.7);
  padding: 30px 40px;
  border-radius: 15px;
  text-align: center;
  max-width: 70%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.slide-content h2 {
  font-size: 18px;
  margin: 0 0 15px;
}
.slide-content p {
  font-size: 16px;
  margin: 0;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.site-header {
	background-color: #144b9b;
}
.green {
	background-color: #154a0a;
}

.site-title {
	font-size: 16px;
}

.site-content {
	background: url("img/towerwall.png") repeat-y;
	background-size: 100%;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.site-footer {
	border-top: 1px solid #ededed;
	background: url("img/street.png"),url("img/southbg.jpg");
	background-repeat:repeat-x, repeat;
	background-position:bottom;
	padding: 24px 24px 36px;
}

.widget-title {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	margin: 0 0 24px;
	text-transform: uppercase;
	border-bottom: 2px solid #000;
}
.widget-title a {
  color: #000;
}
.widget-title a:hover, .widget-title a:active, .widget-title a:focus {
  color: #19222c;
}

.site-info {
	margin: 0;
	padding: 7px 0;
	font-size: 14px;
	line-height: 1.428em;
	color: #fff;
	text-align: center;
	background: #000;
}

.site-info a {
	color: #fff;
}