@charset "shift_jis";

/*ƒy[ƒW‘S‘̂̐ݒè*/
body{
font-size: 90%;
font-family: Meiryo,sans-serif;
line-height: 160%;
padding:0;
margin: 0;
text-align: center;
}

html{
scrollbar-arrow-color:#fff;
scrollbar-base-color:#000;
scrollbar-face-color:#000;
scrollbar-track-color:#000;
scrollbar-3dlight-color:#fff;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-darkshadow-color:#fff;
}

img{
border: none;
}

/*ƒŠƒ“ƒN‚Ì•¶ŽšFA‘•üÝ’è*/
a:link{
text-decoration:none;
}

a:visited{
}

#menu a:hover{
color:#fff;
background-color: #d56666;
text-decoration:none;
}

/*Œ©o‚µ•¶Žš*/
h1 {
text-align: center;
}

h2 {
text-align: center;
}

.mt40 {
margin-top:40px;
}

/*Œ©o‚µ•¶Žšif’fj*/
.sindan{
font-size: 220%;
letter-spacing: 2px;
clear: both;
width: 100%;
height: 40px;
text-align: center;
}

/*‘S‘Ì*/
#main{
max-width:1500px;
height: auto;
background: url(../img/back_dot.png) repeat center;
margin: -20px auto 0;
}

/*ƒTƒCƒgƒ^ƒCƒgƒ‹*/
#title{
width: 100%;
text-align:center;
}

#title img{
margin-top:30px;
}

#titlefont{
padding:100px 0 0 80px;
font-size: 200%;
font-weight: bold;
text-align: left;
letter-spacing: 5px;
}

/*ƒƒjƒ…[*/
#menu{
width: 780px;
margin: auto;
height: 90px;
padding-top: 8px;
}

#menu ul{
padding: 0;
margin: 30px auto;
list-style-type: none;
text-align: center;
background: #EF7AAF;
padding: 10px 0;
color: #fff;
border-radius: 20px;
}

#menu li{
display: inline;
font-weight: bold;
padding:0 10px 0 10px;
margin: 0;
font-size: 140%;
color: #fff;
}

#menu li a:link {
color: #fff;
}

#menu li a:visited {
color: #fff;
}

/*ƒeƒLƒXƒg*/
.text{
max-width: 1500px;
height: auto;
margin: 30px auto 0;
background: #fff;

}

.textlayout{
max-width: 1000px;
margin: 0 auto;
color: #342f2c;
background: #fff;
border-radius: 30px;
}

/*ƒy[ƒWã•”‚ÖˆÚ“®‚³‚¹‚éˆ×‚̃Šƒ“ƒN—pƒŒƒCƒAƒEƒg*/
.gotop{
width: 100%;
text-align: right;
margin: 15px 0 0 0;
padding: 5px 0 0 0;
}

/*ƒtƒbƒ^[*/
#footer{
clear: both;
font-size: 65%;
text-align: center;
background: #EF7AAF;
color: #fff;
padding: 10px;
}

/*ƒeƒLƒXƒgƒGƒŠƒA*/
textarea{
font-size: 100%;
width: 300px;
height: 80px;
margin:0;
padding:  10px;
text-align:left;
scrollbar-arrow-color:#000;
scrollbar-base-color:#fff;
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;
scrollbar-3dlight-color:#000;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#000;
float: left;
border: solid,1px;
}

/*ƒeƒLƒXƒgƒGƒŠƒAƒŒƒCƒAƒEƒg*/
.tflayout{
padding: 10px 0 10px 0;
width: 650px;
background-color: #fff;
height: auto;
float: left;
}

/*–â‚¢‡‚킹*/
.toiawase {
	margin-left: 50px;
	float:none;
}

.toiawase input[type="text"] {
	width:400px;
}

.toiawase textarea {
	width:400px;
	height:200px;
	display:inline-block;
}

.clear {
    clear: both;
}

.err {
	font-size: 100%;
	color: #f00;
	line-height: 120%;
}

.top_img {
	width: 300px;
}

.setumei {
	margin-top: 20px;
	font-size: 18px;
    line-height: 2.2em;
}

.top_setumei {
	margin: 0 auto;
}

.kekka {
	text-align: center;
	margin-left:5px;
}

.kekka_img {
	margin:-36px 0 -36px 0;
	width: 720px;
}

.koryaku_img {
	width: 370px;
}

.kekka span {
	font-size: 22px;
	font-weight:bold;
}

/*Œ©o‚µ•¶Žš*/
.kekka h2{
	font-size: 24px;
	letter-spacing: 2px;
	clear: both;
	width: 100%;
	height: 20px;
	text-align: center;
	padding:0 0 10px 20px;
	border-bottom: 2px solid #eb6e9f;
}

.kekka h3{
	font-size: 24px;
	letter-spacing: 2px;
	clear: both;
	width: 100%;
	height: 20px;
	text-align: center;
	padding:0 0 10px 0px;
}

.kekka_comment {
	width: 97%;
	font-size: 18px;
	text-align: left;
	margin: 0 20px 10px 20px;
}

.kekka_comment_img {
	width: 360px;
	margin: 0 auto;
	display: block;
}

.kekka_comment img {
	width: 360px;
	margin: 0 auto;
	display: block;
}

.syurui {
	border: none;
	margin: 40px auto;
}

.syurui th {
	font-size: 18px;
	font-weight:bold;
	color: #ffa9b6;
}

.syurui img {
	margin: 0px;
	width: 180px;
}

.ad_under {
	text-align:center;
	position: fixed;
	bottom: 95px;
	left:50%;
}

.ad_under img {
	width:400px;
	margin-left:-200px;
  height:66px;
}

.ad_side1 {
	position: fixed;
	bottom: 10px;
	left:30px;;
}
.ad_side2 {
	position: fixed;
	bottom: 10px;
	right:30px;;
}


/* マーカー線・オレンジ */
.marker{
	background:linear-gradient(transparent 75%, #FFEBCA 75%);
	font-weight:bold;
	color: #DB1D74;
	font-size: 120%;
}

.inner{
	width: 780px;
	margin: 0 auto;
	background: #fff;
	border-radius: 30px;
	padding: 50px 0;
}

#toha{
	background: #FFEFF6;
	padding: 20px 0 60px;
}


#toha .title {
  	position: relative;
  	padding: 0 0 0 80px;
  	color: #EF7AAF;
}

#toha .title::before {
  	position: absolute;
  	top: 5px;
  	left: 40px;
  	content: url(//hitsujiuranai.com/img/icon/maru.png);
}

#toha .inner{
	text-align: left
}

#toha .inner p{
	width: 700px;
	padding: 20px 0;
    margin: 0 auto;
}

#kowaihodo{
	background: url(../img/back_dot.png) repeat center;
	padding: 40px 0;
}

.kuwashiku{
	text-align: center;
}

#entrance{
	background: #EF7AAF;
	padding: 40px 0;
}

#entrance .inner {
    text-align: center;
}

.phone_app{
	background: #fff;
    width: 780px;
    margin: 0 auto;
    border-radius: 30px;
    padding: 20px;
    text-align: left;
}

#tel_kantei{
	background: -webkit-repeating-linear-gradient(-45deg,#FFEFF6 0,#FFEFF6 5px,#fff 5px,#fff 10px);
    background: -o-repeating-linear-gradient(-45deg,#FFEFF6 0,#FFEFF6 5px,#fff 5px,#fff 10px);
    background: repeating-linear-gradient(-45deg,#FFEFF6 0,#FFEFF6 5px,#fff 5px,#fff 10px);
	padding: 50px 0;
}

.tel_img{
	margin: -5% 0 0 75%;
}

#twitter{
	background: #FFEFF6;
	padding: 40px 0;
}

#toi{
	text-align: left;
}

#sorezore{
	background: #FFF;
}

.tenmetsu{
  	animation: flash 5s linear infinite;
  	margin:20px;
  	font-size:30px;
	font-weight: bold;
}

@keyframes flash {
  0%,35%,60%,100%{
    opacity: 0;
    color: #ffdf7d;
  }

  25%{
    opacity: 1;
    color:#DB1D74;
  }
  
  50%{
    opacity: 1;
    color:#EF7AAF;
  }
  
  75%{
    opacity: 1;
    color:#ffb2cc;
  }
  
}

.btn-social-long-twitter {
  color: #FFF;/*文字・アイコン色*/
  border-radius: 50px;/*角丸に*/
  display: inline-block;
  height: 45px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 20px;/*文字のサイズ*/
  line-height: 45px;/*高さと合わせる*/
  background: #1da1f3;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.btn-social-long-twitter .fa-twitter {
  text-shadow: 2px 2px 0px #4287d6;
  font-size: 25px;
  padding: 10px 5px 0 0;
}

.btn-social-long-twitter span {
  display:inline-block;
  transition: .5s;
}

.btn-social-long-twitter:hover span {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

.btn-social-long-pink {
  color: #FFF;/*文字・アイコン色*/
  border-radius: 50px;/*角丸に*/
  display: inline-block;
  height: 45px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 16px;/*文字のサイズ*/
  line-height: 45px;/*高さと合わせる*/
  background: #EF7AAF;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.btn-social-long-pink .fa-chevron-right {
  text-shadow: 2px 2px 0px #DB1D74;
  font-size: 18px;
  padding: 0px 0 15px 8px;
}

.btn-social-long-pink span {
  display:inline-block;
  transition: .5s;
}

.btn-social-long-pink:hover span {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}