/*
Theme Name:     habakiri_child
Description:    
Author:         ginza_bridal
Template:       habakiri

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/*
Theme Name: habakiri-child
Theme URI: http://2inc.org ( テーマのURL )
Description: Habakiri の子テーマです ( テーマの説明 )
Author: Takashi Kitajima ( 作者名 )
Author URI: http://2inc.org ( 作者のURL )
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/

/*------------------------------------
 * page-headerタイトル非表示
 * ------------------------------------*/
.page .entry-title {
	display: none;
}


/*------------------------------------
 * イベント　カテゴリー
 * ------------------------------------*/
.lcp_catlist {
	position: relative;
	padding: 0;
	margin: 0;
}

.lcp_catlist a {
	text-decoration: none;
	font-weight: bold;
}

.lcp_catlist a:hover {
	text-decoration: underline;
}

.lcp_catlist li {
	list-style: none;
	margin-bottom: 30px;
}

ul .lcp_catlist li {
	list-style: none;
	width: 100%;
	float: left;
}

.lcp_catlist li:after {
	content: "";
	display: block;
	clear: both;
}


/*------------------------------------
 * お客様の声　2カラム
 * ------------------------------------*/
.client-right h4 {
	color: #006934;
	font-weight: 600;
}


@media screen and (min-width:　480px) {
	.client-left {
		text-align: center;
	}
}

@media screen and (max-width: 768px) and (min-width: 1024px) {
	.container-client {
	display: flex;
		margin-left: 10px;
		margin-right: 10px;
}

   .client-left {
	width: 100px;
}
	
	.client-left p {
		font-weight: 600;
		color: #006934;
	}

   .client-right {
	flex: 1;
	margin-left: 20px;
}
}

@media screen and (min-width: 1024px) {
	.container-client {
	display: flex;
}

   .client-left {
	width: 150px;
}
	
	.client-left p {
		font-weight: 600;
		color: #006934;
	}

   .client-right {
	flex: 1;
	margin-left: 20px;
}
}



/*------------------------------------
 * 無料個別相談フォーム
 * ------------------------------------*/
 function my_booking_form_company {
	display: none;
}

/*------------------------------------
 * よくある質問　Q&A
 * ------------------------------------*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #006934;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #006934;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}



/*------------------------------------
 * SNSレイアウト設定関連
 * ------------------------------------*/
.sns_flame {
	background-color: #fff;
}

#sb_instagram {
	background-color: #fff;
}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

}

@media screen and (min-width: 1024px) {
	.sns_flame {
		clear: both;
	}
	.fb_part {
		float: left;
		display: inline-block;
		height: 500px;
	}
	.inst_part {
		display: inline-block;
		margin-left: 30px;
	}

	.access {
		clear: both;
		display: block;
	}
}

/*------------------------------------
 * サイドバー　widget height size
 * ------------------------------------*/
.textwidget {
	height: 300px;
}


/*------------------------------------
 * イベントスケジュール・料金
 *------------------------------------ */
.event {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.event tr .event_day {
	color: #006934;
}

.event tr td {
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
}

@media screen and (min-width: 480px) {
	.event {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
   }
	
	.event tr td {
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 14px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.event {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
	
.event tr td {
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 14px;
	}
}

@media screen and (min-width: 1024px) {
	.event {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
	
.event tr td {
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 16px;
	}
	
}


/*------------------------------------
 * 料金表
 *------------------------------------ */

.all_plan {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.all_plan tr .plan_title {
	font-weight: 700;
	color: #fff;
	background-color: #006934;
}

.all_plan tr .plan_name {
	width: 200px;
}

.all_plan tr td {
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	font-size: 12px;
}


.all_plan tr #about_start {
	background-color: #55ba76;
}

@media screen and (min-width: 480px) {
	/* 画面サイズが480pxからはここを読み込む */
.all_plan {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
	

	
.all_plan tr td {
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	font-size: 14px;
	}
	
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	/* 画面サイズが768pxから1024pxまではここを読み込む */
.all_plan {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
	
.all_plan tr td {
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	font-size: 14px;
	}
	
}

@media screen and (min-width: 1024px) {
	/* 画面サイズが1024pxからはここを読み込む */
.all_plan {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
	
.all_plan tr td {
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	}
	
}


/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}


@media (max-width: 480px) {
img{
width:100%;
	}
	body .wc-shortcodes-one-half,
	body .wc-shortcodes-one-third,
	body .wc-shortcodes-two-third,
	body .wc-shortcodes-three-fourth,
	body .wc-shortcodes-one-fourth,
	body .wc-shortcodes-one-fifth,
	body .wc-shortcodes-two-fifth,
	body .wc-shortcodes-three-fifth,
	body .wc-shortcodes-four-fifth,
	body .wc-shortcodes-one-sixth,
	body .wc-shortcodes-five-sixth {
	
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
width: 47.3%;
float: left;
}
	}

@media (min-width: 992px){
.col-md-10{
width:100%;
	}
}

.ggmap {
margin-top:15px;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*以下、追加CSS*/

.wp-caption-text{
color:#333333;
background: #f0f0f0;
padding:5px;
margin:0px;
}

/*–ギャラリー
——————————*/
.gallery {
display: flow-root;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: left;
}
.gallery-item {
box-sizing: border-box;
margin: 5px 1% 5px 0;
}
.gallery-columns-1 .gallery-item {
width: 100%;
margin-right: 0;
}
.gallery-columns-2 .gallery-item {
width: 49%;
}
.gallery-columns-3 .gallery-item {
width: 32%;
}
.gallery-columns-4 .gallery-item {
width: 24%;
}
.gallery-columns-5 .gallery-item {
width: 19%;
}
.gallery-columns-6 .gallery-item {
width: 15.66%;
}
.gallery-columns-7 .gallery-item {
width: 13.28%;
}
.gallery-columns-8 .gallery-item {
width: 11.5%;
}
.gallery-columns-9 .gallery-item {
width: 10.11%;
}
@media screen and (max-width: 768px) and (min-width: 481px){
.gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item{
width: 49%;
max-width: 49%;}
}
@media screen and (max-width: 480px){
.gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item{
width: 49%;
max-width: 100%;}
}




button.style-test {
margin:30px 0px 10px 0px;
font-size: 1.3em;
border-style: none;
font-weight: bold;
padding: 15px 35px;
background-color:#006934;
color: #fff;
-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;
box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
}
 
button.style-test:hover {
	cursor : pointer;
opacity:0.7;
	color: #fff;
}


#main{
margin:0px 0px 0px 0px;
}



td{
padding:10px;
}

.table-contactform7 input{
width:90%;
}

.table-contactform7 textarea{
border: 1px solid #e0e0e0;
border-radius: 4px;
}


.table-contactform7 input{
border: 1px solid #e0e0e0;
border-radius: 4px;
}

.table>tbody>tr>th{
padding: 15px 15px 15px 15px;
}

.table-bordered>tbody>tr>td{
padding: 10px 10px 10px 10px;
}

.wpcf7 .wpcf7-not-valid {
    background: #ffb6c1;
}
.wpcf7 .wpcf7-response-output {
margin:30px 0px 0px 0px;
padding: 10px 10px 10px 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
 
.wpcf7 .wpcf7-validation-errors {
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
    }
.wpcf7 .wpcf7-mail-sent-ok {
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
    }

.newmark{
width:20px;
}

.table-contactform7 input, .table-contactform7 textarea{
padding:10px;
font-size:16px;
}

.wpcf7 input[type="submit"]{
font-weight:bold;
border:none;
background-color:#006934;
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 0.7s ease-out;
-ms-transition: opacity 0.7s ease-out;
transition: opacity 0.7s ease-out;
width: 280px;
margin:15px 0px 0px 0px;
padding:20px 10px 20px 10px;
border-radius:0px;

}

.wpcf7 input[type="submit"]:hover {
	
opacity: 0.7; 
}

.required-contactform7{
font-size:13px;
margin:0px 10px 0px 0px;
background: #c41111;
border-radius:2px;
}


.image-text {
position: relative;
}
 

.text1 {
position: absolute;
bottom: 0px;
right: 0px;
padding: 2px 2px 2px 2px;
}


.alignleft{
margin-bottom:20px;
}

.toph4{
border-radius:0px;
background-color:#f5f5f5;
padding:15px 15px 15px 15px;
margin:25px 0px 25px 0px;
font-size:18px;
font-weight:bold;
text-align:center;
}



.category:after{
content: "";
display: block;
clear: both
}

.category{
margin:0px 0px 40px 0px;
}

.responsive-nav .sub-menu a{
border: 1px solid #f0f0f0;  
}

.sub-page-contents{
padding-top:25px;
}

#responsive-btn{
position:absolute;
right:-15px;
border-color:#bfbfbf;
}




.habakiri-slider{
margin:0px 0px 40px 0px;
}

.copyright {
margin:40px 0px 0px 0px;
padding:15px 0px 15px 0px;
background-color: #006934;
color: #ffffff;
text-align: center;
}





.responsive-nav a{
font-size:13px;
margin:0px 25px 0px 0px;
}



img{

-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;	
}


a:hover img{
opacity:0.7;
-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;
}




a {
text-decoration:underline;
color:#006934;
}

a:hover{	
text-decoration:none;
}

p{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

@media (min-width: 480px) {
.float-left{
width:300px;
float:left;
margin:0px 15px 0px 0px;
}	

.float-right{
width:300px;
float:right;
margin:0px 0px 0px 15px;
}	
	
.mainSection-title, h2{
background: -webkit-repeating-linear-gradient(-45deg, #e3ffd2, #e3ffd2 3px,#cfeaaf 3px, #cfeaaf 8px);
background: repeating-linear-gradient(-45deg, #e3ffd2, #e3ffd2 3px,#cfeaaf 3px, #cfeaaf 8px);
color:#006934;
font-size:26px;
text-align:center;
font-weight:bold;
padding:15px 15px 15px 15px;
margin:0px 0px 25px 0px;
}
	
.entry__title{
background: -webkit-repeating-linear-gradient(-45deg, #e3ffd2, #e3ffd2 3px,#cfeaaf 3px, #cfeaaf 8px);
background: repeating-linear-gradient(-45deg, #e3ffd2, #e3ffd2 3px,#cfeaaf 3px, #cfeaaf 8px);
color:#006934;
font-size:20px;
text-align:center;
font-weight:bold;
padding:15px 15px 15px 15px;
margin:0px 0px 25px 0px;
}

.col-md-offset-1{
margin:0px;
	}
.container{
width:auto;
padding:0px;
margin: 0 auto;
max-width:1000px;
	}
	
.entry__content{

margin: 0 auto;
max-width:1000px;
}


	
.subtitle{
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
font-size:14px;
text-align:center;
font-weight:bold;
color:#fff;
}
	
.subtitle2{
background-color:#EDEDED;
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
font-size:14px;
text-align:center;
color:#000000;
}

.wc-shortcodes-one-half, .wc-shortcodes-one-third, .wc-shortcodes-two-third, .wc-shortcodes-three-fourth, .wc-shortcodes-one-fourth, .wc-shortcodes-one-fifth, .wc-shortcodes-two-fifth, .wc-shortcodes-three-fifth, .wc-shortcodes-four-fifth, .wc-shortcodes-one-sixth, .wc-shortcodes-five-sixth{
 display: inline-block;
  color: #FFF;
  


padding:0px 0px 0px 0px;
background-color: #006934;
	}
	


}

@media (max-width: 480px) {

	
.mainSection-title, h2{
background: -webkit-repeating-linear-gradient(-45deg, #e3ffd2, #e3ffd2 3px,#cfeaaf 3px, #cfeaaf 8px);
background: repeating-linear-gradient(-45deg, #e3ffd2, #e3ffd2 3px,#cfeaaf 3px, #cfeaaf 8px);
color:#006934;
font-size:22px;
text-align:center;
font-weight:bold;
padding:15px 15px 15px 15px;
margin:10px 0px 25px 0px;
}
	
.entry__title{
background: -webkit-repeating-linear-gradient(-45deg, #e3ffd2, #e3ffd2 3px,#cfeaaf 3px, #cfeaaf 7px);
    background: repeating-linear-gradient(-45deg, #e3ffd2, #e3ffd2 3px,#cfeaaf 3px, #cfeaaf 7px);
color:#006934;
font-size:24px;
text-align:center;
font-weight:bold;
padding:10px 10px 10px 10px;
margin:10px 0px 25px 0px;
}

	.subtitle{
padding:3px 0px 3px 0px;
margin:0px 0px 0px 0px;
font-size:14px;
text-align:center;
font-weight:bold;
color: #FFF;
}
	
	
.wc-shortcodes-column- {
padding:0px;
margin:0px;
	}
	
.subtitle2{
background-color:#EDEDED;
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
font-size:14px;
text-align:center;
color:#000000;
}
	
.wc-shortcodes-one-half, .wc-shortcodes-one-third, .wc-shortcodes-two-third, .wc-shortcodes-three-fourth, .wc-shortcodes-one-fourth, .wc-shortcodes-one-fifth, .wc-shortcodes-two-fifth, .wc-shortcodes-three-fifth, .wc-shortcodes-four-fifth, .wc-shortcodes-one-sixth, .wc-shortcodes-five-sixth{


padding:0px 0px 0px 0px;
	
background-color: #006934;
	}
	
.wc-shortcodes-column-first{
margin-right:15px;
	}
	
body .wc-shortcodes-column-last{
margin-left:15px;
	}


}




	




@media (max-width: 767px) {

.entry{
padding:0px 15px 0px 15px;
	}
	
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
padding:0px 0px 0px 0px;
	}

.breadcrumbs{
padding:0px 15px 0px 15px;
margin:0px 0px 15px 0px;
	}
	
	


.toph4{
border-radius:0px;
background-color:#f5f5f5;
padding:15px 15px 15px 15px;
margin:25px 0px 25px 0px;
font-size:16px;
font-weight:bold;
text-align:center;
}
	
.wc-shortcodes-item{
margin-bottom:10px;
margin-top:0px;
	}	
	

.toph3 {
font-size:22px;

padding:0px 0px 20px 0px;
margin:20px 0px 20px 0px;
font-weight:bold;
color:#006934;
text-align:center;
position: relative;
}



.toph3:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #006934, #006934 2px, #fff 2px, #fff 5px);
background: repeating-linear-gradient(-45deg, #006934, #006934 2px, #fff 2px, #fff 5px);
}
	


p{
font-size:15px;
line-height:1.7;
	}






	


.site-branding__logo{
margin:0px 0px 0px 15px;
width:250px;
}


}



@media (min-width: 767px) {

	
.breadcrumbs{
margin:0px 0px 25px 0px;
	}
	

.toph3 {
padding:0px 0px 20px 0px;
margin:20px 0px 20px 0px;
font-weight:bold;
color:#006934;
text-align:center;
position: relative;
}



.toph3:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 6px;
background: -webkit-repeating-linear-gradient(-45deg, #006934, #006934 2px, #fff 2px, #fff 5px);
background: repeating-linear-gradient(-45deg, #006934, #006934 2px, #fff 2px, #fff 5px);
}

	
.site-branding__logo{
width:300px;
}

p{
font-size:15px;
line-height:2;
	}
	
.wc-shortcodes-item{
margin-bottom:35px;
margin-top:0px;
	}
	



}

/*
sns用アイコン
*/
.fa-hatena:before {
  font-family: Verdana;
  font-weight: bold;
  content: 'B!';
}
 
.share {
  margin-top: 40px;
  margin-bottom: 40px;
}
 
.share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.share ul:after {
  display: block;
  clear: both;
  content: '';
}
 
.share li {
  float: left;
  width: 25%;
  margin: 0;
  margin-top: 15px;
}
 
.share li a {
  font-size: 14px;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
 
.share li a:hover {
  opacity: .8;
}
 
.share li a:visited {
  color: #fff;
}
 
.tweet a {
  background-color: #55acee;
}
 
.facebook a {
  background-color: #315096;
}
 
.googleplus a {
  background-color: #dd4b39;
}
 
.hatena a {
  background-color: #008fde;
}
 
@media(max-width: 599px) {
  .share li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
  }
  .share li i {
    font-size: 1.3em;
    padding-top: 3px;
  }
  .share li span {
    display: none;
  }
}


.sns-widget .share {
  margin: 0;
}
 
.sns-widget .share li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 3px;
}
 
.sns-widget .share li i {
  font-size: 1.3em;
  padding-top: 3px;
}
 
.sns-widget .share li span {
  display: none;
}

.day-calendar table {
width:100%!important;
}


.content-text.small {
border: 0.5px solid #dddddd;
}

.content-text.fat {
border: 0.5px solid #dddddd;
width: 100%;
}

@media (max-width: 767px) {
.content-text.medium {
width: 100%!important;
border: 0.5px solid #dddddd;
}
	
.content-text.fat {
width: 100%!important;
border: 0.5px solid #dddddd;
}
	
}

/***** PCアイコン*****/
.fa-envelope-o{
font-size:16px;
}


.fa-phone-square{
vertical-align:-1pt;
color:#606060;
font-size:20px;
padding:0px 5px 0px 0px;
}

.mail-area{
color:#606060;
}



.telno{
vertical-align:-1pt;
color:#606060;
font-size:20px;
font-weight:bold;
}

.telno:hover{
color:#606060;
}

.top-right-area{
padding:10px 0px 10px 0px;
float:right;
display: block;
}
.top-right-area-mobile{
display: none;
}

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

hr {
margin:0px 0px 20px 0px;
border: 0;
border-top: 1px solid #eee;
}
	
.smallgazou{
width:30%;
	}
.top-right-area{
display: none;
    }
.top-right-area-mobile{
display: block;
    }
}
/***** PCアイコン*****/

/***** スマホアイコン*****/
@media screen and (max-width: 768px) {

#responsive-btn{
border:none;
}
.fa-envelope{
border-right: solid 0.5px #606060;
padding:0px 50px 0px 0px;
margin:0px 0px 0px 0px;
}


.fa-phone{
border-right: solid 0.5px #606060;
margin:0px 0px 0px 0px;
padding:0px 35px 0px 15px;	
}

.site-branding__logo{
padding:3px 0px 0px 0px;
float:left;
}

.mobile-menue{
float:right;

}

.fa-3x{
color:#606060;
position:relative;
right:-5px;
top:-12px;
font-size:1.5em;
padding:0px 0px 0px 0px;
}
}
/***** スマホアイコン*****/


@media screen and (min-width : 768px){
	

	
.top-right-area {
padding: 30px 0px 10px 0px;
float: right;
display: block;
}
}

@media screen and (max-width: 768px){
.site-branding__logo {
width:170px;
padding: 0px 0px 0px 0px;
}
.mobile-menue td {
padding: 0px;
}	
	
}