@charset "utf-8";
/*
Template: rakuraku-home
Theme Name:rakuraku-home_child
Theme URI:
Description:楽々自然住宅ホームページシステム
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:1.3.1
Text Domain:tcd-w
*/


/* ------------------------------------------------------------------------------------
 header_info情報
------------------------------------------------------------------------------------ */
/* 電話番号 */
#header_tel_contact { position:absolute; right:0px; top:25px; margin:0; visibility:visible; }
#header_tel_contact li { float:left; margin:0 0 0 10px; }
#header_tel { }
#header_tel span.label { display:block; font-size:11px; margin:5px 0 0; }
#header_tel span.number { font-size:38px; display: inline-block;
    background: url(../../uploads/2017/06/fd_btm.png) no-repeat 5px 9px;
    padding: 0px 0px 0px 25px; }
#header_contact1 a { display:inline-block; background:#fff url(../../uploads/2017/06/info_mail1.png) no-repeat 5px 10px; padding:5px 10px 0px 30px; height:30px; line-height:20px; color:#333; font-size:0.5em -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; ; text-decoration:none; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; 
border:1px solid #333;}
#header_contact2 a { display:inline-block; background:#fff url(../../uploads/2017/06/info_siryo1.png) no-repeat 5px 10px; padding:5px 10px 0px 30px; height:30px; line-height:20px; color:#333; font-size:10px -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; ; text-decoration:none; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; 
border:1px solid #333;}
#header_contact3 a { display:inline-block; background:#fff url(../../uploads/2017/06/info_mail1.png) no-repeat 5px 10px; padding:5px 10px 0px 30px; height:30px; line-height:20px; color:#333; font-size:10px -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; ; text-decoration:none; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; 
border:1px solid #333;}

#header_contact1 #header_contact2 #header_contact3 a:hover { text-decoration:none; }

#header_inner {
    width: 1200px;
    height: 140px;
    margin: 0 auto;
    position: relative;
}

#header {
    min-width: 1200px;
	height:160px;
    position: relative;
    margin: 0 auto;
    z-index: 9;
    /*border-bottom: 5px solid #000;*/
    background: #fff;
    top: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#global_menu > ul {
    top: 45px;
}
#hed_b{
	font-size:11px;
	padding-bottom:10px;
}
#hed_b1{
	font-size:11px;
	padding-bottom:10px;
	font-weight:bold;
}
.pc #global_menu > ul > li > a {
    line-height: 230px;
}

/* banner 2(画像・facebook) */
#index_news1 {
  width:1250px; margin:0 auto; padding:8px 25px 0;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#index_news1 + #index_blog_image { padding-top:0; }
#index_news1 .catchphrase { margin:0 0 40px 0; position:relative; }
#index_news1 .catchphrase .headline { font-size:40px; line-height:200%; margin:0 30px 0 0; display:inline-block; vertical-align:middle; }
#index_news1 .catchphrase .desc { font-size:14px; line-height:200%; margin:0; display:inline-block; vertical-align:middle; }

.index_news_list1 { width:660px; margin:0 0 100px 0; }
.index_news_list1 .headline { float:left; height:45px; line-height:45px; background:#333; color:#fff; font-size:12px; font-weight:normal; text-align:center; width:170px; }
.index_news_list1 .archive_link { float:left; height:45px; line-height:45px; font-size:12px; color:#fff; text-decoration:none; text-align:center; width:170px; }
.index_news_list1 ol { clear:both; }
.index_news_list1 ol a { display:block; border:1px solid #ddd; padding:0 20px; height:50px; line-height:50px; margin-bottom:-1px; font-size:14px; text-decoration:none; }
.index_news_list1 ol a:hover { background:#f7f7f7; }
.index_news_list1 ol a .entry-date { display:inline-block; margin-right:25px; font-size:12px; }
.index_news_list1 ol a .title { }
.index_news_list2 {
    width: 500px;
    margin: 0 0 100px 0;
}

#index_event_list1 { float:left; }
#index_info_list1 { float:right; }

#index_news.one_list1 #index_event_list1, #index_news.one_list1 #index_info_list1 { float:none; width:100%; }

@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}
@media only screen and (max-width: 320px) {
#index_news1 {
	display:none;
}
}
<!-- sp_banner -->
#index_info_lis2 {
  width: 100%;
    margin: 0 0 30px 0;
}
}
/* facebook(スマホ表示用) */
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
/* ------------------------------------------------------------------------------------
 飾りライン
------------------------------------------------------------------------------------ */
.leaf:before{
		content: url(img/bg_leaf_left.png);
		position: absolute;
		top: -5%;
		left: -2%;
		z-index: 1;

	}
	.leaf:after{
		content: url(img/bg_leaf_right.png);
		position: absolute;
		top: -5%;
		right: -2%;
		z-index: 1;

	}
	@media screen and (max-width : 480px){
	.leaf:before{
		top: -2%;
		left: -2%;
		-webkit-transform: scale(0.7);  
		-moz-transform: scale(0.7); 
  		-moz-transform-origin: 0 0;  
    	-webkit-transform-origin: 0 0; 
	}
	.leaf:after{
		top: -2%;
		right: -2%;
		-webkit-transform: scale(0.7);  
		-moz-transform: scale(0.7); 
  		-moz-transform-origin: 100% 0;  
    	-webkit-transform-origin: 100% 0; 
	}
	}	
	
/* 背景を3つに分けたパターン
****************************************************************/
	#kazari_line{
		/*width: 60%;*/
		max-width:1168px;
		width:100%;
		margin: 40px auto 6px;
		position: relative;
		background-image: url(img/bg_top.gif);
    	background-position: top;
    	background-repeat: no-repeat;
		background-size:100%;
		padding: 1.57%;
	}
	@media screen and (max-width : 750px){
	#kazari_line{
		width: auto;
		padding: 2.5%;
	}
	}
	@media screen and (max-width : 480px){
	#kazari_line{
		background-image: url(img/bg_top_sp.gif);
 		padding: 4.78%;
	}
	}
/* Photo Galleryページ
****************************************************************/
#archive_catchphrase .headline {
    line-height: 30px;
}

/* ＴＯＰページ大きなバナー
****************************************************************/
#index_blog_image {
    padding: 10px 25px 0;
}

/* イベント情報（テンプレート）
****************************************************************/
table.type02 {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.type02 th {
	width: 40px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.type02 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.bt_red {
    margin-bottom: 30px;
}

/* タイトルｈ２（テンプレート）
****************************************************************/
#post_title{
	position: relative;
background: #ebe5de;
box-shadow: 0px 0px 0px 5px #ebe5de;
border: dashed 1px #c1bab0;
padding: 0.2em 0.5em;
color: #42372b;
}
#post_title:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #ebe5de;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
#post_title {
    font-size: 25px;
}
/* イベント情報ページ（予約フォーム見出し）
****************************************************************/
.yoyaku_tit {
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: large;
  font-weight: bold;
  margin-top: 30px;
}
.event_tit2{
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ccc;
  font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #555;
}
/* イベント情報ページ（スマホ表示での画像縦幅調整）
****************************************************************/
@media only screen and (max-width: 750px){
img {
    height: auto;
}
}
/* トップページ・２ボックス・バナー用＆フェイスブック
****************************************************************/
.index_box_list_banner li.box11 {
    margin: 0;
    width: 740px;
	float: left;
}
.index_box_list_banner li.box33 {
    margin: 0;
    width: 400px;
	float: left;
}
/* #boxbanner
****************************************************************/
#boxbanner{clear:both;overflow:hidden;padding:15px 0;margin-bottom:30px;background:#fff;}
#boxbanner ul{margin:10px 15px 0;}
#boxbanner li{display:block;width:100%;margin-bottom:10px;}
#boxbanner li a{display:table;width:100%;}
#boxbanner li a img,
#boxbanner li a span{height:72px;}
#boxbanner li a img{display:block;width:100%;opacity:1;}
#boxbanner li a span{
	display:table-cell;
	width:100%;
	border:solid 2px #6B7C54;
	background:#6B7C54;
	font-size:1.15em;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	line-height:25px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#boxbanner li a:hover img{opacity:0.7;}
#boxbanner li a:hover span{background:#407D91;border:solid 2px #407D91;color:#fff;}


@media screen and (min-width:350px){
	#boxbanner ul{width:320px;margin:10px auto 0;}
	#boxbanner li a img,
	#boxbanner li a span{height:80px;}
}

@media screen and (min-width:600px){
	#boxbanner ul{width:auto;margin:10px 15px 0;}
    #boxbanner li{float:left;width:49%;margin-right:2%;}
	#boxbanner li:nth-child(even){margin-right:0;}
}

@media screen and (min-width:650px){
	#boxbanner ul{width:650px;margin:10px auto 0;}
    #boxbanner li{width:320px;margin-right:10px;}
}

@media screen and (min-width:1000px){
	#boxbanner li a img,
    #boxbanner li a span{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
	#boxbanner ul{width:1000px;}
	#boxbanner li:nth-child(even){margin-right:10px;}
    #boxbanner li:nth-child(3n){margin-right:0;}
}