@charset "utf-8";
/* CSS Document */
/*====================
reset
====================*/
.contents_wrap figure {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
margin: 0;
padding: 0;
padding-inline-start: 0;
}
div:after, dl:after, ul:after {
content: none;
}
*:focus {
outline: none;
}
.l-container, p, h1, h2, h3, h4, h5, h6, a, li, caption, td, th, dt, dd, input, textarea, select, address {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic Medium","游ゴシック Medium", YuGothic, "游ゴシック体",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*====================
basic
====================*/
.contents_wrap{
overflow: hidden;
font-size: 3.2vw;
line-height: 1.8;
position: relative;
-webkit-text-size-adjust: 100%;
}
.mfp-wrap{
font-size: 3.2vw;
line-height: 1.8;
-webkit-text-size-adjust: 100%;
}
.contents_wrap *,
.mfp-wrap *{
box-sizing: border-box;
}
.contents_wrap img,
.mfp-wrap img{
max-width: 100%;
height: auto;
vertical-align: bottom;
transition: ease .4s;
}
/*====================
loading
====================*/
#loading {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background: #fff5f3;
}
#loading img {
width: 180px;
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 90px);
-webkit-animation: zoomIn 3s ease-in-out infinite alternate;
-moz-animation: zoomIn 3s ease-in-out infinite alternate;
animation: zoomIn 3s ease-in-out infinite alternate;
}
/* ズーム */
@-webkit-keyframes zoomIn {
from {}
50% {
opacity: 0;
}
}
@keyframes zoomIn {
from {}
50% {
opacity: 0;
}
}
/*====================
ヘッダー
====================*/
.l-container header {
position: relative;
background: #fff;
height: 50px;
width: 100%;
z-index: 100;
}
.l-container header .header_inner {
position: relative;
height: 50px;
}
.l-container header h1 {
position: absolute;
top: 11px;
left: 18px;
width: 105px;
line-height: 0;
}
/*====================
フッターバナー
====================*/
.sns {
display: flex;
justify-content: center;
}
.sns li {
width: 13vw;
}
.sns li:not(:first-child) {
margin-left: 6vw;
}

/*====================
foot_area 
====================*/
#foot_area {
background: #caad8a;
padding: 15vw 6.6vw 13vw;
}
#foot_area .contents_list {
margin-bottom: 10vw;
}
#foot_area .contents_list li {
width: 100%;
}
#foot_area .contents_list li a {
display: block;
}
/* ～640px For SP
====================================================*/
@media screen and (max-width: 767px), print {      /*元は640px*/
.isPC {
display: none;
}
}
/* 641px～ For PC
====================================================*/
@media screen and (min-width: 768px), print {    /*元は641px*/
.isSP {
display: none;
}
body {
min-width: 950px;
position: relative;
}
.contents_wrap,
.mfp-wrap{
font-size: 14px;	
}
.contents_wrap a:hover img {
opacity: 0.7;
}
/*====================
loading
====================*/
#loading img {
width: 300px;
top: calc(50% - 40px);
left: calc(50% - 150px);
}
/*====================
ヘッダー
====================*/
.l-container header {
height: 60px;
}
.l-container header .header_inner {
width: 880px;
margin: 0 auto;
height: 60px;
}
.l-container header h1 {
width: 125px;
top: 18px;
left: calc(50% - 430px);
}
/*====================
フッターバナー
====================*/
.sns li {
width: 60px;
}
.sns li:not(:first-child) {
margin-left: 20px;
}

/*====================
foot_area 
====================*/
#foot_area {
padding: 80px 0 100px;
}
#foot_area .contents_list {
margin: 0 auto 80px;
}
#foot_area .contents_list li {
width: 460px;
margin: 0 auto;
}
/*以下、スライダー起動時のみコメントアウト外す*/
/*#foot_area .contents_list {
display: block;
width: 810px;
margin-top: -18px;
}
#foot_area .contents_list .slick-list {
padding-top: 18px;
}
#foot_area .contents_list li {
width: 270px;
padding: 0 15px
}
#foot_area .contents_list li:not(:first-child) {
margin-left: 0;
}
#foot_area .contents_list .slick-prev,
#foot_area .contents_list .slick-next {
top: 95px;
}*/
}