/*その他と主な共通部分は省略*/
/* テンプレ弄り箇所メモ
 * 　responsive.css 773，781行目周辺

@media screen and (max-width:950px) {
  #post_image { height:350px; }不要
}
@media screen and (max-width: 750px)
#post_image_wrap {
  padding-top: 67%;　57 -> 67
}
**/

.grecaptcha-badge { visibility: hidden; }

/*--- サイドメニューを調整 ---*/
#side_menu{
	top:210px;
}
/*ver1.8対応*/
.ina_widget{
		margin-top: -14px !important;
}
.ina_widget ul{
  list-style: none outside none !important;
  margin-left: 0em !important;
}
/* お知らせの変に*/
.left_mgn60{
	 margin-left:60px;
}


/* 関連イベント隙間開け*/
#related_post .item{
	width: calc(33.33333333% - 5px) !important;
	margin: 0 5px -1px 0;
}
#related_post .image_wrap {
    height: 130px;
}
@media screen and (max-width: 750px) {
	#related_post
	.item {
		width:calc(50% - 5px) !important;
	}
 #related_post .image_wrap {
    height: 120px;
  }
}

/* 詩？　デフォルトのカスタム*/
.pre_orange {
  border-left: 3px solid #ff8c00 !important;
  background: #fffaf0 !important;
}

/*レスポンシブCSSを直接変更TOPページPICKUPサムネサイズ*/
@media screen and (max-width: 750px)
.blog_list .image_link {
  height: 220px !important;
}
.image_link_ina{ /* 高さを削除 */
	display: block;
  width: 100%;
}
.title_ina { /* マージン小 */
  padding: 5px 20px 13px;
  display: block;
}

.change_margin{ /* マージン 15->10 */
	margin: 0 0 10px 0 !important;
}

/* ブログ アーカイブ*/
.item_eve{
	background: #fff !important;
}
.blog_list .title2 h3{
	color:#000 !important;
	line-height:1.2;
}

.blk_tx {
  color: #000 !important;
}
.hd2{
	height:280px !important;
}
.hd3{
	top: 60% !important;
}

@media screen and (max-width: 750px){
	.blog_list .title2 h3{
		font-size:110% !important;
	}
	.image_link2{
		height:150px !important;
	}
	.hd2{
		height:140px !important;
	}
	.hd3{
		top: 65% !important;
	}
}

/*　投稿　*/

#post_title{
	margin-bottom:5px;
}
.post_content p{
	line-height:1.8;
}
.post_content td, .post_content th{
line-height: 1.6 !important;
} 
@media screen and (max-width: 750px){
  #archive_header_desc {
    padding: 0 20px !important;
  }
}
#global_menu > ul > li > a{
	font-weight: normal !important;
}
.blog_list .title{
	min-height: 38px;
}

/*　ホバーアクション　*/
.hoverImg:hover{
  opacity:0.7 !important;
}

/*　SPのみ電話のリンク　*/
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}


/*　SPスライドショー　弄り
@media screen and (max-width: 750px){
#header_slider .item {
    height: 310px !important;
}}
*/

/*トップページアイテム*/
@media screen and (max-width: 750px){
#cb_content_1 .post_content td{
  padding: 4px 4px !important;
	text-align:center;
}
}

/*　SPボトム固定　イベントリンク　*/

@media (min-width: 800px){
  .link_box_btm_sp {
    display:none !important;
  }
}
@media (max-width: 800px){
  .link_box_btm_sp {
  width: 100%;
  background-color: rgba(223, 225, 224, 0.89);
  position: fixed; 
  bottom: 0px;
  right: 0;
  z-index:999;
	padding-top: 10px;
  }
}

.bg_form_sp{
  width:100%;
  text-align: center;
}
.btn_form_sp {
	display: inline-block; /*横並び2個の場合必要*/
	/*display:none; 最初は隠す*/
  width:70%;
  margin:0px 60px 10px 10px;
  padding: 0.8em 1.5em;
  text-decoration: none;
  color: #ffffff;
  background: #C70000;
  transition: .4s;
  border-radius: 4px;
  font-weight: bold;
}

.btn_form_sp a {
   color: #FFF;
}

.btn_form_sp:hover {
  background: #f7a1a9;
  color: #FFF;
}

.sp_form_tx{
   font-weight: bold;
   font-size:85%;
   text-align: center;
}
/* ふわっと表示 */
.fade_innnn {  
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}


/*　リスト部分　*/
.sr_list tr{
	padding:10px 10px;
}
.sr_list th{
	width: 60% !important;
	vertical-align: middle !important;
}
.sr_list th{
	line-height: 0 !important;
	/*height:auto 0;*/
	padding:10px 10px !important;
}
.sr_list td{
	vertical-align: middle !important;
}

@media only screen and (max-width:768px){
	.sr_list {
	}
	.sr_list th,
	.sr_list td{
		display: block !important;
		width: 100% !important;
	}
}


/*フォーム・サンクスページを中央寄せ 個別php*/
.center_col{
	margin: auto;
	max-width:860px !important;
	float:none !important;
}

/*  ボトムの画像タイプ申し込みCSS　*/
.bottom_inv2 {
	display:none;
}

@media screen and (max-width:850px){
  .bottom_inv2{
  display:block !important;
  width:100%;
  background-color: rgba(240,240,240, 0.90);
  /*padding-bottom:5px;*/
  position: fixed; 
  bottom: 0;
  right: 0;
  z-index: 3;
  text-align:center;
  }
  
  .bottom_inv2 > a{
    display: block;
    text-decoration: none ;
  }
  .bottom_inv2 img{
    width:90%;
  }
}

/*---------------------
  装飾・さるかわBOXなど
----------------------*/
/*　スペーサー　*/
.spacer10{
	padding-top:10px;
}
.spacer10b{
	padding-bottom:10px !important;
}
.spacer20{
	padding-top:20px;
}
.spacer20b{
	padding-bottom:20px !important;
}
.spacer30{
	padding-top:30px;
}
.spacer100{
	padding-top:60px;
}
.margin0 img{
vertical-align: bottom;
margin: 0;
padding: 0;
}


/*　中央　*/
.f_center{
	text-align:center;
}

/*PCでは改行、スマホで改行しない*/
.pc_br{
    display: block;
}
/*PCでは改行しない、スマホで改行*/
.sp_br{
    display: none;
}
@media screen and (max-width:768px) {
    .pc_br{
        display: none;
    }
    .sp_br{
        display: block;
    }
}

/*---　文字色　 ---*/
.txt_red {
 color:#BB0000;
 font-weight:bold;
}
.txt_white h3{
 color:#ffffff !important;
}

.marker {
background:linear-gradient(transparent 60%, #FFFF00 0%);
}

/*---　特典赤文字　 ---*/
.t_red {
 color:#BB0000;
 font-weight:bold;
 font-size: 1.4em;
}
.t_red_big {
 color:#BB0000;
 font-weight:bold;
 font-size: 1.4em;
}
.h2_vw{
	font-size:2.2vw;
}
.mid_tx{
	font-size:1.2em;
	line-height:1.5em;
}
.big_tx {
 font-size: 1.6em;
}

@media screen and (max-width:768px){
	.t_red {
	 font-size: 1.2em;
	}
	.t_red_big {
	 font-size: 1.3em;
	}
	.h2_vw{
		font-size:6vw;
	}

}

/*---　装飾BOX　2重線黄色---*/	
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #EEE8AA;
}
.box5 p {
    margin: 0; 
    padding: 0;
}
/*---　装飾BOX　注意BOX　---*/
.box_notice {
    border: 2px #4682B4 solid;
    margin: 0 0 20px 0;
}

.notice_ttl {
    color: #FFFFFF;
    background-color: #4682B4;
    padding: 7px 15px;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
}

.notice_p {
    padding: 10px 15px;
    line-height: 1.9;
    position: relative;
}	

/*---　黄色いBOX　---*/
.box6 {
  width: 60%;
  padding: 0.5em 1em;
  margin: 0.5em 0;
  background: #fff8dc;
  border: dashed 2px #f0e68c;
  text-align: center;
  margin: 0px auto;
}
.box6 p {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 750px) {
 .box6 {
  width: 85%;
 }
}


/*---　タイトル付きBOX　---*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #BDB76B;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #BDB76B;
    font-weight: bold;
}


/*-------------------
　見出し　全幅
---------------------*/
@media screen and (max-width:1024px) {
 div.wide-box{
  position:relative;
  margin:0 calc(50% - 50vw);
  overflow:hidden;
	text-align:center;
 }
}
.wide-h2 h2{
background-color:transparent;
border:none;
padding:0;
margin:0;
}
.back-bk{
	background-color:#000000;
}
/*---  見出し  カラー ---*/
div.mds {
 padding:1.2em 0;
 text-align:center;
 font-size:110%;
 font-weight:600 !important;
 /*margin-bottom: 1em;*/
}

/*-------------------
　LP　イベントページ
---------------------*/

/*---　ウィジェット　---*/
.bk_white{
	background-color:#ffffff;
	padding-left:15px;
	padding-bottom:15px;
}

/*---　特典テーブル　---*/
.present-table{
border-collapse: collapse; 
width: 100%;
}
.present-table td{
border: 0px none;
padding:7px 30px
}
/* 奇数行のスタイル */
.present-table tr:nth-child(odd){
  background-color:#f0f0f0;
}
 
/* 偶数行のスタイル */
.present-table tr:nth-child(even){
  background-color:white;
}

.pres-icon{
  float: left;
  color: #fff;
	margin: 5px 0 7px 5px;
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
}
.pres-text{
	float: left;
	margin: 5px 0 0 20px;
  display: block;
  width: 84%;
  font-size: 1.2em;
  word-break: break-all;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.pres-icon{
		margin-left: 0;
	}
	.pres-text{
		float: left;
		margin: 5px 0 0 10px;
    display: block;
		width: 80%;
    font-size: 1.0em;
    word-break: break-all;
		line-height: 1.5;
	}
	.present-table td{
		border: 0px none;
		padding:5px 0px
	}
}


.detailsTable td, .detailsTable th{
	padding: 7px 10px;
}

/*** 　PC左下固定 　CSSのボタン***/
.flow-navi {
position: fixed; /* 要素の位置を固定する */
bottom: 120px; /* 基準の位置を画面の一番上に指定する */
left: 0; /* 基準の位置を画面の一番右に指定する */
  z-index: 3;
}

@media screen and (max-width:1500px) {
 .flow-navi {
   display:none;
 }
}

/*---------------------
 Googleマップ
----------------------*/
/*　Googleマップ　*/
.google_map{
overflow: hidden;
width: 100%;
margin: 20px 0;
text-align: center;
}

/*地図のボタン*/
a.btn_11 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 220px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
	border-radius: 100vh;
	color: #333;
	border: 1px solid #999;
	text-shadow: 0 1px #fff;
	box-shadow: 0 3px 2px 1px #fcfcfc, 0 4px 6px #cecfd1, 0 -2px 2px #cecfd1, 0 -4px 2px #eee, inset 0 0 2px 2px #cecfd1;
	transition: 0.5s;
}
a.btn_11:hover {
	opacity: 0.5;
}
@media screen and (max-width: 750px){
	a.btn_11 {
		width: 50%;
	}
}

/*---------------------
 光るエフェクト　shiny-btn a要素につける
----------------------*/	
@keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}

.shiny-btn {
    position: relative;
    display: block;
    text-decoration: none;
    color: #ffffff;
    overflow: hidden;
}

.shiny-btn::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

/*---------------------
 申し込みフォームTEL
----------------------*/
.free_call >  a{
	color:#0638cf !important;
	font-size:140%;
}
.free_call_ico {
  display: inline-block;
  color: #0931ab;
  border-radius: 5px;
  padding: 5px 5px 5px;
  margin-right: 4px;
  background: #d4defc;
  font-size: 85%;
}
.toiawase_ico {
  display: inline-block;
  color: #006633;
  border-radius: 5px;
  padding: 1px 8px 1px;
  margin-right: 4px;
  background: #DCECDD;
  font-size: 85%;
}
.invit > .free_call > a {
 font-size:180% !important;
}
.invit > .free_call_ico {
 font-size:110% !important;
}

/*-------------------
　メールフォームContactform7
---------------------*/
/*　問い合わせ・フォーム*/
/*入力欄高さ*/
.wpcf7 textarea[name="your-message"] 
{ 
	height: 60%;
}
/* プライバシーのチェックボックス*/
.wpcf7 .check-p .wpcf7-list-item-label {
  font-size:100%;
}

.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"]{
  width: auto;
  max-width: 97%;
  padding: 8px;
  border: 1px solid #ccc;
}

/*背景色いじり*/
.wpcf7 {
  border: none !important;
  background: none !important;
}

/*検索タップ時のズーム回避*/
@media screen and (max-width: 1024px){
.wpcf7 form {
  margin: 0;
}	
.wpcf7 select, .wpcf7 .wpcf7-list-item-label{ font-size:16px !important; }
.wpcf7 textarea{
		 font-size:16px !important;
}
input{
 font-size:16px;
}
.subj1{
	font-size:16px; !important;} 
}
.datesp{
	height:40px; !important;
}
  /* 小さいスマホでテーブルが切れるのを修正*/
.inquiry{
	table-layout: fixed;
}
/*スマホ　カスタマイズ*/
@media(max-width:500px){
  .inquiry th,.inquiry td {
   display:block!important;
   width:100%!important;
   border-top:none!important;
   -webkit-box-sizing:border-box!important;
   -moz-box-sizing:border-box!important;
   box-sizing:border-box!important;
  }

  .inquiry tr:first-child th{
    border-top:1px solid #d7d7d7!important;
  }
  /* 必須・任意のサイズ調整 */	
  .inquiry .haveto,.inquiry .any {	
    font-size:10px;
  }
}
  /* 小さいスマホでテーブルが切れる
　　横スクロールに*/
@media(max-width:800px){
	.table-scroll-x{
   overflow-x:scroll;
	}
}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px !important;
 color:#444;
 padding:7px 10px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
 vertical-align:top !important; 
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#F08080;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#6699CC;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
	
/*送信ボタンのデザイン変更*/
#formbtn {
    background: #fea014;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0px;
    /*max-width: 420px;*/
	width:60%;
    padding: 10px 35px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	font-size:110%;
}
#formbtn:before {
    content: "\f201";
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #999;
}
#formbtn:hover {
    background: #fa8900;
    color: #FFF;
}
@media screen and (max-width: 750px){
	#formbtn {
		width:90%;
		font-size:95%;
	}
	
}
/*　申し込みボタン　*/
#evntfbtn {
    background: #fea014;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto 0px;
    /*max-width: 420px;*/
	width:60%;
    padding: 10px 35px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	font-size:110%;
}
#evntfbtn:before {
    content: "\f201";
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #999;
}
#evntfbtn:hover {
    background: #fa8900;
    color: #FFF;
}
@media screen and (max-width: 750px){
	#evntfbtn {
		width:80%;
	}
}
/*未入力を非表示*/
.screen-reader-response{
	display:none;
}
.wpcf7-not-valid-tip{
	color:#BB0000;
}
/*未入力の背景をピンク*/
.wpcf7 .wpcf7-not-valid {
    background: pink;
}


/*-------------------
　ほか
---------------------*/

#showroom_gallery p{
/*bottom: 0px !important;*/
background-color: #000000 !important;
}

/*　商品プライスリスト　*/
.price_list dl {
display: flex;
flex-wrap: wrap;
/* flex-flow: row wrap;
width: 100%;  */
}
.price_list dt {
flex-basis: 25%;
padding: 10px;
background-color: #f1f1f1;
border-bottom: 2px solid #ffffff;
}
.price_list dd {
flex-basis: 70%;
padding: 10px;
background-color: #fff;
/*border-bottom: 1px solid #ccc;*/
}
.post_content dd{ /* template */
 margin-bottom: 0.5em !important;
}
@media screen and (max-width: 775px) {
.price_list dl {
flex-flow: column;
}
}

/*---------------------------
　イベント一覧　タブ表示
-----------------------------*/
.tab_list_title{
	padding: 80px 0 0px;
}

/*タブ枠　切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  /*width: 700px;*/
  margin: 0 auto;}

/*タブ枠　スタイル*/
.tab_item {
  width: calc(100%/8);　/* 枠8 */
  height: 50px;
  border-bottom: 3px solid #C70000;
  background-color: #d5a9a9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
@media screen and (max-width: 850px){

	.tab_item {  /* 枠上4-下4 */
  	width: calc(100%/4);
	}
	.tab_lists{
	padding: 30px 0 0px;
	}
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ中身の大箱*/
.tab_content {
  display: none; /*基本非表示*/
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#dtab0:checked ~ #dtab0_content,
#dtab1:checked ~ #dtab1_content,
#dtab2:checked ~ #dtab2_content,
#dtab3:checked ~ #dtab3_content,
#dtab4:checked ~ #dtab4_content,
#dtab5:checked ~ #dtab5_content,
#dtab6:checked ~ #dtab6_content,
#dtab7:checked ~ #dtab7_content {
  display: block;
}

/*選択されているタブのスタイル*/
.tabs input:checked + .tab_item {
  background-color: #C70000;
  color: #fff;
}
/*画像とリスト*/
.tab_cont {
  display: flex;
  align-items: center;
  padding:0px 0px 10px 0px;
}
.tab_imgg{
	width: 200px;
	height: 150px;
}
.tab_imgg img{
	min-width:200px;
	max-width:100%;
	vertical-align:top;
}
.tab_boxx{
	padding-left:10px;
	font-size:120%;
	line-height: 1.2em;
}
.tab_title{
	font-size:130%;
	font-weight:bold;
	color:#ff0000;
	padding:5px 0px;
}
.label_tab{
	display: inline-block;
	margin: 0 6px 5px 0;
	margin-right: 6px;
	padding: 3px 13px;
	min-width: 50px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	border-radius: 13px;
	color: #fff;
	background: #000;
}
.label_tab_red{
	display: inline-block;
	margin: 0 6px 5px 0;
	margin-right: 6px;
	padding: 3px 13px;
	min-width: 50px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	border-radius: 13px;
	color: #fff;
	background: #FF773E;
}
.label_or{
	font-family:sans-serif;
	font-size:16px;
	display: inline-block;
	margin: 0 6px 5px 0;
	margin-right: 6px;
	padding: 3px 13px;
	min-width: 50px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	border-radius: 9px;
	color: #fff;
	background: #FF773E;
}
.label_kaijo {
  display: inline-block;
  color: #FF773E;
  border: 1px solid #e24242;
  border-radius: 5px;
  padding: 0px 5px 0px;
  margin-right: 4px;
  background: #FBF0EB;
	font-size:70%;
}
.arc2 {
	padding: 3px 5px 3px !important;
	font-size:85% !important;
}

@media screen and (max-width: 750px){
.my-thum-responsive	{
	width:90%;
	height:90%;
}
.tabs{
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);	
	}

.tab_imgg{
	width: 150px;
	height: 123px;
}
.tab_imgg img{
	min-width:150px;
	max-width:100%;
	vertical-align:top;
}
	
.tab_boxx{
	padding-left:5px;
	font-size:100%;
}
	
.tab_content {
  padding: 10px 10px 0;
}
.tab_title{
	font-size:110%;
	}

.label_tab{
	font-size:12px;
	padding: 0px 8px;
}
.label_tab_red{
	font-size:12px;
	padding: 0px 8px;
}	
	
.label_or{
	font-family:sans-serif;
	font-size:12px;
	padding: 0px 8px;
}
}

/*------------------
　商品詳細　
---------------------*/
/*　WEB購入ボタン　*/
a.label_ec {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background: linear-gradient(to top, rgb(5, 130, 174), #27acd9);
	color: #fff!important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transition: 0.5s;
}
a.label_ec:hover {
	color: #fff; 
	opacity: 0.5;
}
@media screen and (max-width:750px) {
	a.label_ec {
	padding: 0.8rem 2rem;
		margin-bottom:15px;
	}
}

/* 002 */
.button_wrap{
	display: flex;
	justify-content: center;
  line-height:1.3;
}
@media screen and (min-width: 750px){
	.button_wrap{
		font-size:120%;
	}
}
/* ショールーム誘導 */
.button_sr a {
    background: #000;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    max-width:380px;
    padding: 20px 45px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button_sr a:before {
    content: "\f54f";
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #fff;
}
.button_sr a:hover {
    background: #b3afa4;
    color: #FFF;
}
.button_ec a {
    background: #000;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    max-width: 220px;
    padding: 20px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button_ec a:before {
    content: "\f07a";
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #fff;
}
.button_ec a:hover {
    background: #b3afa4;
    color: #FFF;
}
@media screen and (max-width: 750px){
	.button_sr a {
		padding: 20px 25px;
	}
	.button_ec a {
		padding: 20px 15px;
	}	
}

/*------------------
　吹き出し　お客様声　
---------------------*/
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #FFF;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #F5F5F5;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #F5F5F5;
}

.says p {
  margin: 0;
  padding: 0;
}
/*SR予約ボタン橙*/
.sr_inv_btn,
a.sr_inv_btn,
button.sr_inv_btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #ffffff;
  border-radius: 0.5rem;
}

a.sr_inv_btn-radius-solid {
  border: 1px solid #ffdabf;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #f78938 0%, #fbb079 100%);
  background: linear-gradient(to bottom, #f78938 0%, #fbb079 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.sr_inv_btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#fbb079));
  background: -webkit-linear-gradient(bottom, #fbb079 0%, #fbb079 100%);
  background: linear-gradient(to top, #fbb079 0%, #fbb079 100%);
	color:#ffffff;
}
/*SR予約ボタン赤に変更*/
.bk_red{
	border: 1px solid #f99494 !important;
	color:#ffffff  !important;
	 background: linear-gradient(to top, #f99494 0%, #f76464  100%);
}
a.bk_red{
	color:#ffffff !important;
	 background: linear-gradient(to top, #f99494 0%, #f76464  100%);
}
a.bk_red:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#f99494), to(#f99494));
  background: -webkit-linear-gradient(bottom, #f99494 0%, #fdff99494bfb 100%);
  background: linear-gradient(to top, #f99494 0%, #f99494 100%);
}
	
@media screen and (max-width: 750px){
	.sr_inv_btn{
		font-size: 1.2rem !important;
		padding: 1rem 2.7rem  !important;
	}
}


/*------------------
　トップページお知らせ　
---------------------*/
.news_container {
width: 90%;
max-width:1000px;
margin: 50px auto;
}
.news_title {
text-align: center;
font-size: 150%;
font-weight: bold;
}
.news_li {
margin: 20px 0;
border: 1px solid #ddd;
background-color:#f2f2f2;
}
.news_li li {
text-align: left;
padding: 15px 25px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
	border-bottom: 1px dotted #999;
}
.news_li li:last-child {
  border-bottom: none;
}

.news_date {
/*font-size: 16px;*/
margin-right: 10px;
margin-left: 10px;
font-size: 90%;
}
.news_category {
display: inline-block;
color: #fff;
width: 120px;
/*font-size: 14px;*/
text-align: center;
margin-right: 10px;
padding: 2px 10px;
background-color: #75b46e;
}

@media screen and (max-width: 750px) {
.news_li li {
padding: 15px 0px;
}
.news_container {
padding: 0 20px;
}
.news_text a {
display: block;
margin-top: 10px;
text-overflow: ellipsis;
overflow: hidden;
}
}