@charset "UTF-8";


/*---------------------------------
リセットCSS
---------------------------------*/


html {
margin: 0px;
padding: 0px;
font-size: 10px;
line-height: 1.5;
height: 100%;
width: 100%;
}

body {
margin: 0px;
padding: 0px;
min-height: 100%;
}
/* Traveling Informationページ専用フォント設定 */
body.accesstocity {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 14px;
}


header,
footer,
article,
section,
nav,
aside,
div {
margin: 0px;
padding: 0px;
}


h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
figcaption {
margin: 0px;
padding: 0px;
font-size: 100%;
font-weight: 400;
}


ul,ol {
list-style-type: none;
margin: 0px;
padding: 0px;
}
li{
margin: 0px;
padding: 0px;
}


dl,dt,dd{
margin: 0px;
padding: 0px;
font-weight: 400;
}


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


/*---------------------------------
基本設定
---------------------------------*/

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 14px;
  background: #f1f1ee;  /* 背景色が異なるページでは不要なら削除しても可 */
  -webkit-text-size-adjust: 100%;
}

/*---------------------------------
フォント統一設定（全ページ共通）
---------------------------------*/
body, h1, h2, h3, h4, h5, h6,
p, a, li, ul, ol, dl, dt, dd,
div, span, strong, em, table, th, td {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
}



hr {
    background-color: whitesmoke;
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0;
    height: 6px;
    background: url(../images/hr.svg) center center repeat-x;
}




/*パーセンテージの設定*/

.per5{width: 5%;}
.per15{width: 15%;}
.per25{width: 25%;}
.per35{width: 35%;}
.per45{width: 45%;}
.per55{width: 55%;}
.per65{width: 65%;}
.per75{width: 75%;}
.per85{width: 85%;}
.per95{width: 95%;}
.per10{width: 10%;}
.per20{width: 20%;}
.per30{width: 30%;}
.per40{width: 40%;}
.per50{width: 50%;}
.per60{width: 60%;}
.per70{width: 70%;}
.per80{width: 80%;}
.per90{width: 90%;}
.per100{width: 100%;}


.c-black{
	color: #000;
}

.c-blue{
	color: rgba(5,98,181,1.00);
}

.c-red{
	color: rgba(227,64,15,1.00);
}

.c-darkblue{
	color: rgba(4,44,82,1.00);
}

.f-weight600{
	font-weight: 600;
}

.f-weight700{
	font-weight: 700;
}

.d-block{
	display: block;
}

.top-8px-pd{
	padding-top: 8px;
}

.top-1em-pd{
	padding-top: 1em;
}

.under-8px-pd{
	padding-bottom: 8px;
}
.under-1em-pd{
	padding-bottom: 1em;
}

.f-size120{
	font-size: 120%;
}

.f-size150{
	font-size: 150%;
}
/*Button*/
.button  {
	  width: 150px;
	  height: 40px;

  opacity: 0.7;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
 border-style: none;
  border-radius: 0;
  transition: 0.3s;
  text-align: center;
	margin-left: 10px;
   color: #3C413A;
  font-weight: bold;
  background-color: #FFFFFF;
  border: 1px solid #3C413A;

}
.inline-block{
  display:inline-block;
}

img.img-photo{
	width: 100%;
	height: auto;
}

img.img-photo.max300{
	max-width: 300px;
}

img.img-photo.max400{
	max-width: 400px;
}


img.img-photo.max500{
	max-width: 500px;
}

img.img-photo.max600{
	max-width: 600px;
}

img.img-photo.max700{
	max-width: 700px;
}

img.img-photo.max800{
	max-width: 800px;
}