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

/*-----------------------  ここから個別サイトごと yoshidaya-yuto.com  -----------------------*/	


.titleBG {background: url("../img/comm_title_bg1.png") no-repeat center center;}

h3.number {border-bottom: 6px dashed #ccc; padding-bottom:6px; margin-top: 10px; margin-bottom: 1em; font-size: 140%; line-height: 1.3; position: relative;}
h3.number img {position: absolute; left:-60px;}

@media screen and (max-width:959px) {
h3.number {margin-left: 60px;font-size: 115%; }
h3.number img {position: absolute; }
}

.inqButton {display: flex;justify-content: space-around; align-items: center; width: 45%; min-width: 360px; max-width: 370px;
padding:20px 20px; color: #fff; text-shadow: 2px 2px 5px #555; background: #62B63E; border-radius: 16px; text-align: center; margin: 30px 0!important; font-size: 130%; font-weight: 900; box-shadow: 0px 0px 10px #ccc;}
.inqButton a { color: #fff;}
@media screen and (max-width:959px) {
.inqButton {margin:30px auto!important;width: 85%; min-width: 280px; max-width: 320px; font-size:110%;}
.inqButton img {width: 80%;}
}

p.black {background: #B28247; font-weight: bold; font-size: 120%; padding: 4px 8px 4px 16px; color: #fff; border-radius: 16px;}




.googleMap {text-align: center;}

h3.wakuBW {padding: 8px 16px; border: 1px solid #aaa; display: inline-block;}


/*------------------------  ここから共通パーツ  ------------------------*/	

/* funcyboxを使う場合 */
#fancybox-wrap {box-sizing: inherit;}


/* footer */
#f_navi {
	text-align:right; margin:0 auto 0 auto; 
	position:fixed;
	z-index:99;
	bottom: 40px;
	right: 0px;
	opacity: 0.9;}
#f_navi img {margin:0 0 1px 0; zoom:0.7;}


/*--------------- PC ---------------*/
.pcnone {display:none;}
.smartnone {display: inherit;}
/*-------------- ~PC ---------------*/

/*------------- Mobile -------------*/
@media screen and (max-width:959px) {
.pcnone {display: inherit;}
.smartnone {display:none;}
/*------------ ~Mobile -------------*/
}

/*--------------- PC ---------------*/
.left {float:left; max-width: none;text-align: left; margin: auto;}
.right {float:right; text-align: left; margin: auto; }
/*-------------- ~PC ---------------*/
@media screen and (max-width:959px) {
/*------------- Mobile -------------*/
.left {float:none; max-width: nonep;text-align: left; margin: auto; /*width: 100%;*/}
.right {float:none; text-align: left; margin: auto;/* width: 100%;*/ }
/*------------ ~Mobile -------------*/
}


/*　見出し-中央に2本線 */
h3.d_line {
  position: relative;
  display: inline-block;
  padding: 0 80px;
  text-align: center;
		color: #333;
		font-size: 125%;
		font-weight: 600;
		text-align: center;
		margin:10px auto 20px;
		letter-spacing: 5px;
		line-height: 1.3;}
h3.d_line:before,
h3.d_line:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 60px;
  height: 6px;
  content: '';
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;}
h3.d_line:before { left: 0;}
h3.d_line:after { right: 0;}


/* 見出し-中央に1本線*/
h3.c_line {
  position: relative;
		display: inline-block;
  padding: 0 65px;
  text-align: center;
		font-size: 125%;
		font-weight: 600;
		letter-spacing: 5px;}
h3.c_line:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #000;}
h3.c_line span {
  position: relative;
  padding: 0 1em;
  background: #fff;
	display: block;}
@media screen and (max-width:959px) {
		h3.c_line {width: 100%; padding: 0;}
		h3.c_line span {padding: 0 16px; display:inline-block; line-height: 1.3;}
}

/* 見出し-中央に1本線*/
h4.c_line {
  position: relative;
		display: inline-block;
  padding: 0 65px;
  text-align: center;
		font-size: 105%;
		font-weight: normal;
		letter-spacing: 5px;}
h4.c_line:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #000;}
h4.c_line span {
  position: relative;
  padding: 0 1em;
  background: #fff;
	display: block;}
@media screen and (max-width:959px) {
		h4.c_line {width: 100%; padding: 0;}
		h4.c_line span {padding: 0 16px; display:inline-block; line-height: 1.3;}
}





@media screen and (min-width:959px) {
/*------------- Mobile -------------*/
/*tableをスクロールさせる*/
.sidescroll table td {font-size:13px;white-space: nowrap;}
.sidescroll { overflow: auto; padding: 30px 0;}
.sidescroll::-webkit-scrollbar { /*tableにスクロールバーを追加*/
 height: 10px!important;}
.sidescroll::-webkit-scrollbar-track { /*tableにスクロールバーを追加*/
 background: #eee!important;}
.sidescroll::-webkit-scrollbar-thumb {　/*tableにスクロールバーを追加*/
 background: #ccc;}
/*------------ ~Mobile -------------*/
}


.heightMargin_05 { position: relative; padding: 25px 0;display: block;}
.heightMargin_1 { position: relative; padding: 50px 0;display: block;}
.heightMargin_1_5 { position: relative; padding: 75px 0;display: block;}
.heightMargin_2 { position: relative; padding: 100px 0;display: block;}
.heightMargin_3 { position: relative; padding: 150px 0;display: block;}

.annotation {
	text-align: left;
	padding-left:1.1em;
	text-indent:-1.1em;
}
.annotation2 {
	text-align: left;
	padding-left:1.3em;
	text-indent:-1.3em;
}

img.tips {width: auto; height: 1.5em; margin-right: 4px; vertical-align: middle;}

img.mushimegane {width: 20px!important; height: auto;position: absolute; right: 15px; top: 15px;z-index: 9!importan;box-shadow: none!important;background:none!important; }

.blue {color:#2AABB7;}
.green {color:#3BB37B;}
.pink {color:#ea6ea4}
.red {color:#DC0003}
.purple {color:#A58CC8;}


.caption { font-size: 85%; color: #9F4100;}
.signature { padding: 8px; text-align:center; font-size:90%; font-family: Georgia, "Times New Roman", Times, "serif"; letter-spacing:2px; line-height: 1.2; }
@media screen and (max-width:959px) {
.signature { font-size: 80%;}
}