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


/* サイト全体*/
body{
	background-image:url(img/new_year_background.jpg);
	background-repeat: repeat;
}

#page{
	background-color: #ffffff;
}

.site-header{
}

a{
	color: #404040;
	font-weight: normal;
}

a:hover{
	color: #404040;
	font-weight: normal;
}



#main{
	text-align: justify;
	width: 100%;
	margin: 0 auto;
	padding: 40px 0px 0px 0px;
}

@media screen and ( min-width:900px )
{
		#main{
		}
}





@media screen and ( max-width:575px )
{
		.relative{
			margin-bottom: 40px;
		}
}


@media (min-width: 1200px) {
  .container-fluid {
    max-width: 990px;
  }
}


.line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #84785b;
	padding-top: 5px;
	margin-bottom: 20px;
}

#page{
	width: auto;
	margin-left:auto;
	margin-right:auto
}

#content{
	
}

#content p{
	line-height: 30px !important;
}

#header-top{
	width:100%;
}

#header-top-nav{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	padding-right: 30px;
}

#header-top-nav a{
	color: #ffffff !important;
	font-size: 15px;
	float: right;
	margin-left: 35px;
	margin-top: 10px;
}



#header-menu{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:14px;
}

/*.site-branding{
	border-bottom: #9E9E9E 1px solid;
}*/

#header_logo{
	text-align: center;
	padding: 20px 0;
}

#header_logo img{
	width: 250px;
}


#header-nav{
}


a img {
  -webkit-transition: opacity 0.3s ease-out;
　-moz-transition: opacity 0.3s ease-out;
　-ms-transition: opacity 0.3s ease-out;
　-o-transition: opacity 0.3s ease-out;
　transition: opacity 0.3s ease-out;
  -webkit-backface-visibility: hidden; /* 追加 */
  backface-visibility: hidden; /* 追加 */
}

a:hover img {
  -webkit-opacity: 0.5;
　-moz-opacity: 0.5;
　-o-opacity: 0.5;
　filter: alpha(opacity=50);	/* IE lt 8 */
　-ms-filter: "alpha(opacity=50)"; /* IE 8 */
　opacity: 0.5;
}

.row_block{
	margin-bottom: 0px;
}

/* ヘッダーメニュー*/
.ubermenu .menu-item-language{
    float:right;
    padding:15px 12px;
}

..ubermenu-responsive-toggle a{
	color: #ffffff !important;
}

.ubermenu-submenu-id-wpml-ls-header_menu_sub-ja{
	
}

@media only screen and (min-width: 960px){
	.ubermenu-responsive-toggle{
		display: none !important;
	}
}

.header-nav-left{
	float: left;
	display: inline;
}

.bt_phone {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	float: right;
	margin-top:10px;
	margin-left: 15px;
}
.bt_phone::before,
.bt_phone::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.bt_phone,
.bt_phone::before,
.bt_phone::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.bt_phone {
	background-color: #CD1100;
	color: #fff;
}
.bt_phone:hover {
	background-color:#FF6557;
}


/* footer*/
.site-footer{
	padding: 50px 20px 50px 20px;
	background-color: #26704B;
	color: #ffffff;
}

.site-footer a{
	color: #ffffff;
}

.site-info{
	text-align: center;
}

#footer_banner{
	padding: 30px 0 50px 0;
	color: #ffffff;
	text-align: center;
}

#footer_banner img{
	margin-bottom: 10px;
}

#footer_banner p{
	text-align: center;
}


/* プラン アーカイブ*/
.plan_list{
	padding-top: 60px;
	padding-bottom: 20px;
}

.plan_list h2{
	font-size: 30px;
	color: #84785b;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: left;
}


.plan_archive_yoyaku{
	text-align: center;
}

.plan_archive_title h3{
	font-size: 15px;
	padding: 5px 5px 0 5px;
}


/* 個別ページ */
.entry-header h1,
.archive_block_title{
	font-size: 25px;
	color: #404040;
	margin-bottom: 30px;
	text-align: left;
	padding: .75em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


.example-header{
	background-color: #EC6D65;
	margin-bottom: 30px;
}

.example h1{
	font-size: 28px;
	color: #ffffff;
	text-align: left;
	padding: 15px 0 0 20px;
	font-weight: normal;
}


.entry-meta{
	padding: 15px 0 30px 0;
}


.plan_top_img{
	text-align: center;
	margin-top: 20px;
}


.plan_txt{
	margin:30px 0 50px 0;
}


.plan_price{
	text-align: right;
}


.plan_menu{
	
}

.plan_url{
	width: 300px;
	margin-bottom: 20px;
}

.plan_url21{
	width:140px;
	float: left;
}
.plan_url45{
	width:140px;
	float: right;
}



.plan_menu{
	padding-top:30px;
	margin: 0 auto;
	width: 300px;
}


.plan_menu a{
font-size:16px;
display:block;
padding-top:15px;
padding-bottom:15px;
text-align:center;
background:#666666;
color:#FFFFFF;
text-decoration:none;
margin-top:0px;
}


.plan_menu a:hover{
background:#cccccc;
color:#666666;
}


/* 個別ページ */
.titleback-thumbnail{
	background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
}

.titleback-thumbnail:before{
  content: '';
  background: inherit;/*.bgImageで設定した背景画像を継承する*/
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;/*重なり順序を一番下にしておく*/
	
	-webkit-filter: brightness(0.4);
     -moz-filter: brightness(0.4);
     -o-filter: brightness(0.4);
     -ms-filter: brightness(0.4);
     filter: brightness(0.4);
}

.page-header h1{
	font-size: 25px;
	color: #404040;
	text-align: center;
}


.page-header h1 {
	position: relative;
	text-align: center;
}
.page-header h1 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 100px 1em;
	background-color: #fff;
	text-align: left;
}
.page-header h1::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}




.entry-content h2,
.faq_list h2{
	font-size: 20px;
	color: #EC6D65;
	margin-bottom: 30px;
	text-align: left;
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-left: 6px solid #ccc;
}

.entry-content h3{
	font-size: 20px;
	color: #EC6D65;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	padding-bottom: .5em;
	border-bottom: 3px double #ccc;
	padding-left: 20px;
}

.entry-content h4{
    color: #5CB531;
	font-size: 16px;
	padding-top: 20px;
}



.dl_des dt{
	font-size: 20px;
	color: #84785b;
	margin-bottom: 10px;
	font-weight: normal;
	text-align: center;
}

.dl_des dd{
	font-size: 16px;
	line-height: 34px;
	padding-bottom: 20px;
}


.room_top_img{
	text-align: center;
}

.room_table{
	font-size: 13px;
	margin-top: 30px;
}

.room_table th,
.room_table td{
	margin-bottom: 15px;
	vertical-align: top;
}

.room_table th{
	width: 120px;
}


/* よくある質問 */
.faq_list{
	padding-bottom: 20px;
}

.faq_list h2{
}

.faq_list h3{
	font-size: 20px;
	color: #EC6D65;
	margin-top: 20px;
	text-align: left;
	padding-bottom: .5em;
}

.faq_list p{
	
}

.qa{
	padding-bottom: 25px;
}


/* アクセス */
.access{
}

.access h3{
	font-size: 20px !important;
	color: #84785b !important;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: left;
}

.access p{
	
}


/* bootstrap調整 */
.o-3column .col-md-5 { padding: 0 0 0 15px;}



/* トップページ */
#rinen{
	background-color: #EC6D65;
}

#rinen_message{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 70px;
}

#rinen_message h2{
	color: #ffffff;
	text-align: center;
	margin-bottom: 30px;
}
#rinen_message p{
	color: #ffffff;
}


.top_news_title h2{
	font-size: 24px;
	text-align: center !important;
	color: #1F1F1F !important;
	padding: 180px 0 100px 0;
}


.top_title_service,
.top_title_miryoku{
	padding: 150px 0 150px 0;
	margin-bottom: 100px;
}


.top_title_service{
	background: url(../tomoku_theme%20-%20Copy/img/img_top_back_1.jpg) no-repeat center;
	background-size: cover;
	position: relative;
  z-index: 0;
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
	width: 100%;
}


.top_title_miryoku{
	background: url(http://tsugu-create.com/sample/hanamizuki/wp-content/uploads/2017/05/82da2822f61031b945c00536b9264157_s.jpg) no-repeat center;
	background-size: cover;
	position: relative;
  z-index: 0;
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
	width: 100%;
}


#top h2{
	text-align: center;
	color: #ffffff;
	position: relative;
}





.top_title_en{
	text-align: center;
}

.top_block{
	padding-bottom: 20px;
}


#top_service{
}


#top_service img{
	width: 100%;
	text-align: center;
}


#top_service h3{
	text-align: center !important;
}


.top_service_img{
	 filter: brightness(50%);
}

.top_service_txt{
	padding: 30px 150px 50px;
}

.top_service_txt h2{
	font-size: 20px;
	color: #404040 !important;
	margin-bottom: 50px;
}

.top_service_txt p{
	font-size: 14px;
}


#top_miryoku{
}


#top_miryoku h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	vertical-align:middle; /* 天地中央に揃える */
}

#top_miryoku p{
	font-size: 14px;
	vertical-align:middle; /* 天地中央に揃える */
}


.top_miryoku_block{
	padding-bottom: 50px !important;
}

.miryoku_img img{
}


.miryoku_txt{
	padding: 0 50px !important;
	display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
	height: 450px;
}

.miryoku_txt h3{
	font-size: 20px !important;
}


.miryoku_txt p{
	font-size: 16px !important;
}





.loop-entry{
	margin-bottom:10px;
}

.loop-entry-content h3{
	font-size:14px;
	text-align:left !important;
	font-weight:bold;
	margin:15px 0 10px 0 !important;
	color: #171717 !important;
	line-height: 25px;
}


.loop-entry-thumbnail{
	text-align:center;
	position:relative;
}

.loop-pdf img{
		border: 4px solid #e6e6e6;
}


.news_excerpt{
	text-align:left;
	font-size:12px;
	line-height: 25px !important;
}

.news_excerpt p{
	margin-bottom:10px !important;
}

.news_footer{
    position:absolute;
    bottom:2px;
	width:100%;
}


.news_cat{
	float:left;
	display:inline;
	margin-left:2px;
}

.news_day{
	float:left;
	margin-right:2px;
}

.news_cat{
	font-size:12px;
	padding:0px 15px;
	background-color:#fff;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


.news_list_link{
	padding:20px 0 30px 0;
	text-align:center;
	-webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
}

.news_list_link a {
	display:inline-block;
	width: 97%;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding:7px 0;
}

.news_list_link a,
.news_list_link a::before,
.news_list_link a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.news_list_link a{
    color: #818181;
	font-size:12px;
	border:2px solid #C6C6C6;
}

.news_list_link a:hover {
	border-color:#e2732c;
	color:#ffffff;
	background-color: #e2732c;
}

.bt_contact{
	text-align: center;
	padding: 50px 0;
}

.top-button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	padding: 15px 50px;
}
.top-button::before,
.top-button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.top-button,
.top-button::before,
.top-button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.top-button {
	background-color: #CD1100;
	color: #fff !important;
}
.top-button:hover {
	background-color: #59b1eb;
}


#top_contact{
	background: url(http://tsugu-create.com/sample/eco-energy/wp-content/uploads/2017/05/53d6cfae0180c5d91ce80257a393369d_m.jpg) no-repeat center;
	background-size: cover;
	position: relative;
  z-index: 0;
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
}

#top_contact:before{
  content: '';
  background: inherit;/*.bgImageで設定した背景画像を継承する*/
  -webkit-filter: blur(5px) brightness(0.4);
  -moz-filter: blur(5px) brightness(0.4);
  -o-filter: blur(5px) brightness(0.4);
  -ms-filter: blur(5px) brightness(0.4);
  filter: blur(5px) brightness(0.4);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;/*重なり順序を一番下にしておく*/
}

#top_contact_message{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 70px;
}

#top_contact_message h2{
	color: #ffffff;
	text-align: center;
	margin-bottom: 30px;
}
#top_contact_message p{
	color: #ffffff;
}


#top_news{
	border: 1px #3C3C3C solid;
		width: 1000px;
	margin: 0 auto 30px;
	padding: 10px 70px;
}





/* 会社概要 */
.gaiyou {
	border-collapse: collapse;
	width:100%;
}
.gaiyou th.t_top {
    border-top: #be1309 4px solid;
}
.gaiyou th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background: #f7f7f7;
}
.gaiyou td.t_top {
	border-top: #b3b3b3 4px solid;
}
.gaiyou td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 30px;
}


/* サービス */
.houtei-button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	padding: 30px 0;
	width: 100%;
	margin-bottom: 40px;
}
.houtei-button::before,
.houtei-button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.houtei-button,
.houtei-button::before,
.houtei-button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.houtei-button {
	background-color: #EC6D65;
	color: #fff !important;
}
.houtei-button:hover {
	background-color: #59b1eb;
}



/* サービス */
.tokusyoku{
	padding: 50px 0;
}

.tokusyoku p{
	font-size: 14px;
}

.eat h4{
	text-align: center !important;
}



.contents_header_img{
	width: 100%;
	padding: 50px 0;
}

.contents_header_img img{
	width: 100%;
}

.faq_contents{
	padding-bottom: 40px;
}


.staff_contents{
	padding-bottom: 100px;
}

.staff_photo{
	border-radius: 50%;
	padding: 0 30px 0px 30px;
}

.staff_name{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}

.staff_table table tr{
	paddin-bottom: 20px !important;
}


.staff_table th{
	width: 150px !important;
}

.staff_table td{
	padding: 10px 0;
}



.partner_photo{
	padding: 0 30px 0px 30px;
}

.partner_name{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}


.partner_bt_block{
	text-align: center;
}


.partner_bt {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.partner_bt::before,
.partner_bt::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.partner_bt,
.partner_bt::before,
.partner_bt::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.partner_bt {
  background-color: #333;
  color: #fff;
}
.partner_bt:hover {
  background-color: #59b1eb;
}



.img_partner_photo{
	width: 50%;
	float: left;
}


.partner_photos_block{
	padding-top: 40px;
}



/* トップページ */

.top_slider{
	margin-bottom: 30px;
}

.loop-entry-content-square{
	
}

.loop-entry-content-square h2{
	font-size: 14px;
	text-align: left !important;
}

.loop-entry-content-square span{
	font-size: 12px;
	text-align: left !important;
}


.top_blog_title{
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px 0 10px 10px;
	color: #010079;
text-shadow: 0 0 5px white;
border-left: solid 7px #158b2b;
background: -webkit-repeating-linear-gradient(-45deg, #c5f7c4, #c5f7c4 3px, #fff 3px, #fff 4px);
background: repeating-linear-gradient(-45deg, #c5f7c4, #c5f7c4 3px, #fff 3px, #fff 4px);
}

#top_about h3{
	font-size: 16px;
	font-weight: bold;
}

#top_about p{
	font-size: 14px;
}

.bt_otherpage{
	text-align: center !important;
	margin: 20px 0;
}


a.cp_btn {
display: block;
width: 100%;
padding: 0.8em;
text-align: center;
text-decoration: none;
color: #5EA62E;
border: 1px solid #5EA62E;
border-radius: 3px;
transition: .4s;
}
a.cp_btn:hover {
background: #5EA62E;
color: #fff;
}


#acMenu dt{
display:block;
width:100%;
padding: 10px 0 10px 20px;
text-align:left;
border: #ffffff 4px solid;
	background-color:#F6FFF3;
cursor:pointer;
}
#acMenu dd{
width:100%;
line-height:50px;
text-align:left;
border:#ffffff 1px solid;
display:none;
margin: 0;
	padding: 15px;
}




/*******************************
* バッジの色
********************************/
/* 必須マーク */
.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: 100%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 10px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
}

/* 送信ボタン */
input.sub-btn {
	width: 300px;
	height: 60px;
	background: #FF1A00;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 3px solid #FF1A00;
	-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: #FF1A00;  
	border: 3px solid #FF1A00;
}

/* 送信ボタン中央寄せ */
.center {
	text-align:center;
}

.block_contents{
	margin-bottom: 20px;
}