@charset "utf-8";
/* CSS Document */
/*
* COMMON
******************************************************/
html,
body {
overflow-x: hidden;
/*overflow-y: scroll;*/
-webkit-overflow-scrolling: touch;
}

html {
font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}
body {
color: #000;
letter-spacing: 0.05rem;
font-size: 1.6rem;/* 16px */
line-height:2;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, 'Yu Gothic', Verdana, Meiryo, sans-serif;
overflow-wrap: break-word;
word-break: normal;
}
a {
color: #666;
text-decoration: underline;
}
a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
/* PC-SP */
.ge_pcOnly {
display: block;
}
.ge_spOnly {
display: none;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

img{
vertical-align: bottom
}


@media screen and (max-width:768px) {
.ge_pcOnly {
display: none;
}
.ge_spOnly {
display: block;
}
}



/*============================================*/
/* 共通 */
/*============================================*/

.txt-orange{
color:#E2551C
}

.txt-green{
color: #06D800
}

@media screen and (max-width:599px) {
.txt-br{
display: block;
}

}

/*============================================*/
/* グローバルナビ　SP　*/
/*============================================*/

.global-sp-nav{

}
.global-nav {
background: rgba(255,255,255,0.1);
border-radius: 34px;
max-width: 622px;
float: right;
line-height: 2;
}
.global-nav ul li {
border-left: 1px solid #fff;
padding: 0 10px;
text-align: center;
display: inline-block;
font-size: 1.7rem;
line-height: 1;
font-weight:bold;
}
.global-nav ul li:last-child {
border-right: 1px solid #fff;
padding-right: 19px;
}
.global-nav ul li a {
color: #777777;
text-decoration:none;
}

.global-nav ul li a:hover {
border-bottom:3px solid #e20003;
padding-bottom:5px;

}
/*============================================*/
/* ページトップ　*/
/*============================================*/

#pagetop {
position: fixed;
bottom: 50px;
right: 1px;
z-index: 99
}
/*============================================*/
/* 　ヘッダー　*/
/*============================================*/

.page-content-bg{
max-width: 1000px;
margin: 0 auto;
}

.page-content-bg_wrapper{
background: #fff;
box-sizing: border-box;
display:block;
}
.page-content{
padding-bottom: 20px;
padding-left: 15px;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-align-items: flex-end;
align-items: flex-end;

}
.page-logo{
letter-spacing: 0; 
}
.page-logo img {
max-width: 220px;
height: auto;
}
/*============================================*/
/* フッター */
/*============================================*/

.footer-content_wrapper{
background:url(../img/common/footer-bg.jpg) center center no-repeat;
background-size: cover;
margin-top:-52px;
}

.footer-content{
padding-left:15px;
padding-right: 15px;
padding-top: 40px;
padding-bottom: 20px;
}

.footer-logo a img{
width: 185px;
}

.footer-nav li{
display: inline-block;
line-height: 1.5rem;
padding: 0 15px 0 18px;
}

.footer-nav li a{
color: #fff;
font-size: 1.4rem;
text-align: center;
text-decoration: none;
}

.footer-infomaton{
margin-top: 20px;
margin-left: 9px
}
.footer-infomaton li{
color: #fff;
font-size: 1.3rem;
text-align: left;
line-height: 1.2
}
.footer-left{
float:left;
width: auto
}
.footer-right{
float:right;
width: auto;
position: relative
}
.footer-content:after	{
content: "";
display: block;
clear: both
}
.snsLink{
position: absolute;
top:60px;
right: 0
}
.snsLink dt{
color: #fff;
line-height: 2.6;
font-size: 1.3rem;
font-weight: bold;
float: left;
width: auto;
}
.snsLink dd{
float: left;
width: auto;
}
.snsLink:after	{
content: "";
display: block;
clear: both
}

.fab {
color: #fff;
}

.copyright{
color: #fff;
font-size: 1.3rem;
text-align: right;
margin-top: 120px
}
a.footer-link{
text-decoration: none;
color: #fff;
}
@media screen and (max-width:599px) {
.footer-left{
float: none;
}
.footer-right{
float: none;
}
.footer-logo a img{
width: 185px;
display: block;
margin: 0 auto;
}

.footer-infomaton{
/*display: none;*/
width: 185px;
display: block;
margin: 20px auto 0 auto;
}
.copyright{
margin-top: 71px;
text-align: center;
}

.footer-nav{
text-align: center;
}
.snsLink{
position:static;
width: 173px;
margin:auto;
}
.footer-nav{
margin-top:40px;
margin-bottom: 40px;
}

}
/*============================================*/
/* 詳細ページのメイン画像 */
/*============================================*/

.page-main img{
width: 100%;
height: auto
}
/*============================================*/
/* fontawesome */
/*============================================*/
.fas ,.far{
padding-right: 10px;
color:#C71212;
}