img{width:100%; display:block}




/*装飾*/
.std{ margin-bottom: 2.5rem; display: flex; justify-content: center; align-items: center;}
.std:before{ content:''; width:6.0rem; height:6.0rem; background-position: center; background-size: contain; background-repeat: no-repeat; display: block; margin-right: 0.5rem;}
.std.bell:before{ background-image: url(../images/icon_bell.png); }
.std.heart:before{ background-image: url(../images/icon_heart.png); }
.std.clock:before{ background-image: url(../images/icon_clock.png); }
.std.store:before{ background-image: url(../images/icon_store.png); }
.std .text{ display: block; }
.std .text i{ font-size:2.0rem; display: block; font-weight: 600; position: relative; bottom:-1.0rem; text-align: center;}
.std .text strong{ font-size:4.2rem; display: block; font-weight: 600;}
.std .text strong small{ font-size:3.15rem; font-weight: 600;}
.std2{ text-align: center; display: flex; justify-content: center; align-items: center; font-size:4.2rem; font-weight: 600; color: var(--branding-color-blue); margin-bottom:5.0rem; line-height: 1.2;}
.std2:before{content: ''; width:6.0rem; height:6.0rem; display:block; background-image:url(../images/icon_h2_before.png); background-size:contain; background-position:center;  background-repeat: no-repeat; margin-right: 0.5rem;}
.std2:after{content: ''; width:6.0rem; height:8.0rem; display:block; background-image:url(../images/icon_h2_after1.png); background-size:contain; background-position:center;  background-repeat: no-repeat; margin-left: 0.5rem;}
.std2.icon2:after{width:7.4rem; height:8.0rem; background-image:url(../images/icon_h2_after2.png);}
.std3{ border-left:2.0rem; border-left:2.0rem solid var(--branding-color); border-bottom:0.2rem solid var(--branding-color); padding:0 0 0.5rem 0.5rem; color:var(--branding-color-gray); font-size:2.6rem; font-weight:600; margin-bottom:2.5rem;}
.std4{ color:var(--branding-color-gray); font-size:3.2rem; font-weight:600; margin-bottom:1.5rem}
.std5{ color:var(--branding-color-gray); font-size:3.2rem; font-weight:600; margin-bottom:2.5rem; text-align: center;}
.std5:before{content: ''; width:6.7rem; height:5.7rem; display:block; background-image:url(../images/icon_pocket.png); background-size:contain; background-position:center;  background-repeat: no-repeat; margin:0 auto}

hr{ display: none;}

/*リンクテキスト設定*/
html{font-size:62.5%;font-family:var(--branding-font-sans); font-weight: 400; font-style: normal;}
html,body{ width: 100%;}
body{ line-height: 1.5; overflow: hidden; font-size:1.6rem}
a{ text-decoration: none; transition: 0.5s all; color: #000000;}
a:visited{}
a:hover img{ opacity: 0.8; transition: 0.5s ;}
a:hover,li:hover,input:hover,p:hover { transition: 0.5s ;}

/*フェードイン*/
.effect-fade {
opacity : 0;
transform : translate(0, 0);
transition : all 4000ms;
}

.effect-fade.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}

/*シャドウ*/
.shadow    {
box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
-moz-box-shadow: 1px 1px 5px #999;
}
.txshadow{ text-shadow: 1px 1px 5px rgba(39, 51, 135, .90);}

/*縦書き*/
.tategaki {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-feature-settings:normal;
}
/*明朝体*/
.min{font-family:'Noto Serif JP', 'Noto Serif Japanese', "游明朝", YuMincho, 'Noto Serif JP', serif, sans-serif;font-display: swap;}
/*ゴシック体*/
.gos{ font-family: "Noto Sans JP", sans-serif;}
.impact{font-family:Impact, 'Arial Narrow Bold', sans-serif}
.abel{font-family: 'Abel', sans-serif; }
.ropa{font-family: 'Ropa Sans', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif; font-weight: 100;}

/*ページネーション*/
.pagenation {
margin: 1em auto;
clear:both;
padding:0 0 50px 0;
width:100%;
}
.pagenation:after, .pagenation ul:after {
}
.pagenation ul {
margin: 0;
text-align:center;
}
.pagenation li {
list-style: none outside none;
margin-left: 3px;
display:inline-block;
font-size:1.6rem
}
.pagenation li:first-child {
margin-left: 0;
}
.pagenation li.active {
background-color: #999999;
border-radius: 3px;
color: #FFFFFF;
cursor: not-allowed;
padding: 10px 20px;
}
.pagenation li a {
background: none repeat scroll 0 0 #CCCCCC;
border-radius: 3px;
color: #FFFFFF;
display: block;
padding: 10px 20px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
background-color: #000000;
color: #FFFFFF;
opacity: 0.8;
transition-duration: 500ms;
transition-property: all;
transition-timing-function: ease;
}
.navigation.pagination{ display:none;}

/*拡大アニメーション*/
.zoom-1 img {
  width: 100%;
  height: auto;
  animation: animationZoom1 40s ease-in-out infinite;
}
.zoom {
  width: 300px;
  height: 200px;
  overflow: hidden;
  margin-bottom: 30px
}

@keyframes animationZoom1 {
  50% { transform:scale(1.1)} 
}

/*非表示*/
.nodisplay{ display: none;}

/**
* slick.js
*/
.slider{opacity: 0; transition: all 0.5s;}
.slider.slick-initialized{opacity: 1;}
.slide-arrow{ position: absolute; top:0; bottom:0; margin:auto; z-index: 5; cursor: pointer;}
.prev-arrow{ left:-2.5%; width:1.25rem; height: 3.3rem;}
.next-arrow{ right:-2.5%; width:1.25rem; height: 3.3rem;}
.slick-dots li button:before{ color: #fc3b9c!important;}

/*固定ボタン*/

/*　ハンバーガーボタン　*/
.hamburger {
background-color: #000000;
display : block;
position: fixed;
z-index : 1200;
right : 1.0rem;
top   : 1.0rem;
border-radius: 0.5rem;
width : 42px;
height: 42px;
cursor: pointer;
text-align: center;
border:1px solid #ffffff;
}
.hamburger span {
display : block;
position: absolute;
width   : 30px;
height  : 3px ;
left    : 6px;
background : #ffffff;
-webkit-transition: 0.3s ease-in-out;
-moz-transition   : 0.3s ease-in-out;
transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 10px;
}
.hamburger span:nth-child(2) {
top: 20px;
}
.hamburger span:nth-child(3) {
top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 20px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform   : rotate(-45deg);
transform        : rotate(-45deg);
}  
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 20px;
-webkit-transform: rotate(45deg);
-moz-transform   : rotate(45deg);
transform        : rotate(45deg);
}
nav.globalMenuSp {
position: fixed;
z-index : 1000;
top  : 0;
left : 0;
color: #000000;
background: rgba(255, 255, 255, 0.95);
text-align: center;
transform: translateY(-100%);
transition: all 0.6s;
width: 100%;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
transform: translateY(0%);
}