/*
Theme Name: plain2
Author: sositelabo
Description: theme for rentalhomepage 
Version: 1,0
*/
/** 共通のcss */
p {
    margin-bottom: 1em !important;
    margin-left: 1em !important;
    word-wrap: break-word;
	 font-size: medium;
    line-height: 1.8em !important;
    letter-spacing: 0;
}
.center p{
	text-align:center;
}
.center .wpcf7-spinner {
	margin:0;
	margin-left: 5px;
}
form input[type="submit"]:hover, 
input[type="button"]:hover {
	background: #FDF5E6;
}
.header_tel i,
.footer_tel_sp i {
	margin-right:10px;
}
.header_tel::before,
.footer_tel_sp::before {
	display: none;
}


.mark {
    background: linear-gradient(transparent 70%, #ffff00 70%) !important;
}

#nav {
	z-index:100 !important;
}

.space_small {
	height:8px;
}
.space_middle {
	height:30px;
}

/*table*/

.table {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e2e2e2;
}

.table li:nth-of-type(odd) {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 10px;
    background-color: #f0f0f0;
    border: 1px solid #e2e2e2;
    border-right: none;
    border-bottom: none;
    width: 20%;
    box-sizing: border-box;
}

.table li:nth-of-type(even) {
    font-size: 15px;
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-bottom: none;
    width: 80%;
    box-sizing: border-box;
}

/** スライドショー */
.slide-items {
    position:relative;
	width:100%;
	margin:0 auto !important;
}
.single-item {
    width:100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}


/***** コンタクトフォーム *****/
/* フォーム入力項目 */
/* 必須マーク */
.must {
	background: #FF1A00;
}

/* 任意マーク */
.free {
	background: #999;
}

.must,
.free {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea  {
	 width: 80%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 10px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
}

/* 送信ボタン */
input.sub-btn {
	width: 300px;
	height: 60px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffae13;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	color: #F90;  
}

.center {
	text-align:center;
	width: 100%;
}

.contents_layout a:link { color: #0000ff !important;; }
.contents_layout a:visited { color: #000080 !important;; }
.contents_layout a:hover { color: #ff0000 !important;; }
.contents_layout a:active { color: #ff8000 !important;; }

.copyright a:link { color: #fff; }
.copyright a:visited { color: #fff; }
.copyright a:hover { color: #fff; }
.copyright a:active { color: #fff; }

.hasDatepicker {
	width:20% !important;
}

.box-container {
  width: 90%;
  margin: 40px auto;
  padding-top: 20px;
  box-shadow: 0 0 5px #aaa;
  background-color:#fff;
}
.box-container .inner {
	width: 90%;
}
.contents_layout {
		flex-direction: row-reverse;
}
.box-container .main_contents {
	/*width: calc(100% - 320px);*/
	width: 100%;
}
.box-container .main_contents.main_contents--padding {
	padding-top: 20px;
	padding-bottom: 20px;
}
@media only screen and (max-width: 999px){
	
.nav {
	width: 90%;
}
	
}


@media only screen and (max-width: 767px) {

.nav {
	width: 100%;	
}
.box-container {
	width: 100%;
  margin: 0px;
  padding-top: 0px;
  box-shadow: none;
  border-top: none;
}
	.box-container .inner {
	width: 95%;
}
.contents_layout {
		flex-direction: column-reverse;
}
.box-container .main_contents {
	width: 100%;
	margin-top: 5px;
}
	
}

.side_bar_contents li {
	list-style: circle;
}

body.custom-bg {
    background-image: url('/wp-content/themes/plain2/images/base_bg.jpg');
    background-repeat: repeat;
    background-position: top left;
    background-attachment: scroll;
}

.contents {
	position:relative;
	padding:0 !important;
	background-color:#fff;
}

.swiper-container {
	z-index:0 !important;
}

/* recaptchaアイコンの位置 */
@media screen and (max-width:768px) { 
.grecaptcha-badge{
position: fixed;
bottom: 70px!important
}
}

/*!====================
  プラグイン Contact Form7
==================== */
.contact-form-wrapper {
	width: 95%;
	margin: 20px 0;
}
.contact-form-wrapper dt span {
	color: #fff;
	background: #ff1900;
	margin-left: 10px;
	font-size: 14px;
	padding: 5px 10px;
}
.contact-form-wrapper dd {
	margin-bottom: 1em;
}

.wpcf7 * {
	box-sizing: border-box;
}
.wpcf7 .wpcf7-response-output {
    margin: 10px 0 10px;
    padding: 1em;
    border-radius: 5px;
}

form input[type="submit"],
input[type="button"] {
	display: inline;
	width:70%!important;
    margin: 0 auto;
    padding: 15px 20px!important;
    background: orange;
    border: 0;
    line-height: 1.5;
    font-size: 120%;
    color: white;
    cursor: pointer;
	transition: all .3s;
}

div.wpcf7 {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}

.wpcf7 input,
.wpcf7 textarea {
  width: 100%;
  padding: 0.5em!important;
  font-size: 16px;
  border: 1px solid #ddd;
  transition: all 0s;
}
.wpcf7 textarea {
  margin-top: 10px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	width: 100%;
}
.wpcf7 input.wpcf7-submit:focus {
  outline: none;
}

.wpcf7-not-valid {
  background-color: #FFE7D7;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  background-color: #F26175;
  color: #fff;
  border: none;
}

div.wpcf7-mail-sent-ok {
  background-color: #76D857;
  color: #fff;
  border: none;
}

.wpcf7-form > p {
  margin-bottom: 2em;
}
.wpcf7-acceptance {
	display:block;
	margin-bottom:10px;
}
.acceptance label {
	display:flex!important;
}
.acceptance label input {
	width: 30px!important;
}

@media only screen and (max-width: 768px) {
  div.wpcf7 {
    width: 100%;
  }
.catchcopy {
	padding:20px 0;
	font-size:1.4em;
}
.catchcopy span {
	font-size:1.2em;
}
}
.side_bar {
    margin-bottom:18px;
}

/*
 * カスタマイズ　追加CSS
 * */
#breadcrumb {
	width: 90%;
	margin: 0 auto;
}
#breadcrumb ul {
	display: flex;
	padding: 10px 0;
}

.u-flex {
	display: flex;
}
.u-flex-align-items-center {
	align-items: center;
}
.u-flex-item--icon {
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	padding: 5px;
	font-size: 1.2em;
	text-align: center;
	border-radius: 50%;
}

.news-area__list {
	display: flex;
    padding: 10px;
    box-shadow: 0 0 1px #888;
    margin-bottom: 10px;
	position: relative;
	transition: all .3s;
}
.news-area__list:hover {
	box-shadow: 0 0 3px #aaa;
}
.news-area__list .thumbnail {
	width: 200px;
	height: auto;
}
.news-area__list .news-content {
/* 	width: calc(100% - 200px); サムネイル有りの時 */
	width: 100%;
}
.news-area__list .news-content span {
	margin-right: 10px;
}
.news-area__list .news-content p {
	margin: 0!important;
    font-size: 90%;
    color: #555;
}
.news-area__link {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
}

.faq-block {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-sizing: border-box;
}
.faq-block__title {
    padding: 15px;
    border-bottom: 1px dashed rgba(0,0,0,0.1);
}
.faq-block__title h3 {
	width: calc(100% - 1.2em);
			margin-bottom: 0;
	padding-left: 10px!important;
}
.faq-block__content {
	padding: 15px 15px 0 15px;
}
.faq-block__content__text {
	width: calc(100% - 1.2em);
	margin-left: 10px;
}
.faq-block p {
    box-sizing: border-box;
    margin-left: 0!important;
}
.faq-block h4 {
    padding: 15px!important;
    border-left: 3px solid #000;
}
@media only screen and (min-width: 1000px) {

.box-container .contents .inner {
    width: 100%;
			padding: 0 1.2em;
    border: 1.2em solid #ddd;
			border-top-width: 1.4em;
			border-bottom-width: 1.4em;
    box-sizing: border-box;
}

}

@media only screen and (max-width: 767px) {
	
	#breadcrumb {
		width: 95%;
	}
	
}