@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
/*@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);*/

/* reset */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
	border:0;
}

html { font-size: 62.5%; }
/*html, body { height: 100%; } 背景グラデーションのiphone対策*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,span,img,table,tr,th,td {
	margin:0;
	padding:0;
	border: 0px;
	text-align: left;
}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1, h2{
	font-family: 'Josefin Sans', 'Noto Sans JP',serif;
}
img,abbr,acronym,fieldset{border:0;}
img {
	max-width: 100%;
/*	width: 100%;*/
	height: auto;
}

body{
	font-size: 14px; font-size: 1.4rem;
	font-family: "Lato", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 400;
	line-height: 1.9;
	letter-spacing: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color: #2E3C51;
	background: #fff;
}

a{
	color: #0066f9;
	text-decoration: none;
	overflow: hidden;
}
a:link, a:visited {
  text-decoration: none;
}
a:hover, a:active{
  text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}

hr {
	height: 1px;
	width: 100%;
	border: solid #a5a5a5 0px;
	color: #a5a5a5;
	background-color: #a5a5a5;
}

input[type="text"], input[type="tel"], input[type="submit"], input[type="password"], input[type="reset"], textarea {
	-webkit-appearance: none;
	appearance: none;
	font-family: "Lato", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

input[type="text"], input[type="tel"], input[type="password"], select, textarea {
width:100%;
border:1px solid #c2c2c2;
height:45px;
padding: 5px;
}

input[type="text"], input[type="tel"], tarea {
font-family: "Hiragino Kaku Gothic ProN", Meiryo, Hiragino Sans, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Helvetica, Arial, sans-serif !important;
line-height: 1.7;
}

select {
    -webkit-appearance:auto;
    appearance: auto;
}

select.select-box {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #c2c2c2;
	background: #eee;
	background: url(../images/contents/select_arrow.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);
	background: url(../images/contents/select_arrow.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
	background-size: 20px, 100%;
}

input[type="submit"],
input[type="submit"]:hover,
input[type="reset"] {
  outline: none;
}

textarea { height:120px; }

/*確認画面*/
#ContactConfirm,
#ReserveConfirm {
	display:none;
}

#ContactInput a,
#ContactConfirm a,
#ReserveInput a,
#ReserveConfirm a { cursor: pointer; }

pre {
	font-family: "Lato", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
}

.formbtn {
text-align:center;
margin: 40px 0 30px;
}

span.required {
	display: inline-block;
	color: #ffffff;
	line-height: 1;
	margin: 0 0 0 10px;
	padding: 3px;
	background: #d9534f;
	border: 1px solid #d43f3a;
	border-radius: 3px;
}

.formnotice { padding: 4px 0 0;line-height:1.5; }

[class^="submit_"],
[class^="submit_"]:link,
[class^="submit_"]:visited,
[class^="submit_"]:hover,
[class^="submit_"]:active {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 37px;
    padding: 0 1.2em;
    max-width: 290px;
    color: #2E3C51;
background: transparent;
    background-color: #fff;
    border: 2px solid currentColor;
    font-weight: normal;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: background-color .3s,border .3s;
    -o-transition: background-color .3s,border .3s;
    transition: background-color .3s,border .3s;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
[class^="submit_"],
[class^="submit_"]:link,
[class^="submit_"]:visited,
[class^="submit_"]:hover,
[class^="submit_"]:active {
  -webkit-transition: background-color .0s;
  -o-transition: background-color .0s;
  transition: background-color .0s;
}
}
[class^="submit_"]:hover {
    color: #fff;
    background-color: #2E3C51;
    border: 2px solid #2E3C51;
}

[class^="btn_"],
[class^="btn_"]:link,
[class^="btn_"]:visited,
[class^="btn_"]:hover,
[class^="btn_"]:active {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 58px;
    padding: 0 1.2em;
    max-width: 290px;
    color: #2E3C51;
background: transparent;
    background-color: #fff;
    border: 2px solid currentColor;
    font-weight: normal;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: background-color .3s,border .3s;
    -o-transition: background-color .3s,border .3s;
    transition: background-color .3s,border .3s;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
[class^="btn_"],
[class^="btn_"]:link,
[class^="btn_"]:visited,
[class^="btn_"]:hover,
[class^="btn_"]:active {
  -webkit-transition: background-color .0s;
  -o-transition: background-color .0s;
  transition: background-color .0s;
}
}
[class^="btn_"]:hover {
    color: #fff;
    background-color: #2E3C51;
    border: 2px solid #2E3C51;
}

.btn_reset { background-color: #bbb; }

#loading {
text-align: center;
padding: 30px 0 80px;
  background: url(../images/contents/loading.png) no-repeat;
background-position: bottom;
}