@charset "utf-8";

.common-subtitle{
    font-size:19px;
    margin-bottom:35px;
    border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
    padding:15px 0;
    text-align: center;
    color:#E69802;
}




@media screen and (min-width: 992px),
print {
    .common-subtitle{
    font-size:25px;
        margin-bottom: 45px;
}

}

/*
+++++++++++++++++++++++++++++++

メインタイトル

+++++++++++++++++++++++++++++++
*/


.main-title {
    
	z-index: 1;
	height: 100vh;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .main-title {
    margin-bottom: 80px;
}
}

.slider-item03 {
    background:url(../../../../img/shop/title_sp.jpg);
}


@media screen and (min-width: 992px),
print {
   .slider-item03 {
    background:url(../../../../img/shop/title.jpg);
}
    }


.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size:cover;
    display: flex;
  justify-content: center;
  align-items: center;
}

.title-txt{
color:#fff;
    font-size:35px;
}

@media screen and (min-width: 992px),
print {
   .title-txt{
color:#fff;
    font-size:60px;
} 
}


/*
+++++++++++++++++++++++++++++++

サブタイトル

+++++++++++++++++++++++++++++++
*/


.subtitle01{
    font-size:27px;
    position: relative;
    margin-bottom:35px;
}

.subtitle01:after {
  content: "";
  position: absolute;
  bottom:-5px;
  left:5px;
  height:1px;
    width:60px;
    background:#D8D8D8;
    
}


@media screen and (min-width: 992px),
print {
    .subtitle01{
    font-size:45px;
        margin-bottom: 45px;
}

.subtitle01:after {
  bottom:-5px;
  left:5px;
  height:1px;
    width:60px;
    background:#D8D8D8;
    
}
}












/*
++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

+++++++++++++++++++++++++++++++++++++++++
*/

/*
+++++++++++++++++++++++++++++++

メインタイトル

.xxx img{
    border-radius:15px; 
}

grid-template-columns: 1fr 1fr;

grid-column-gap:50px;

    grid-template-columns: 1fr 1fr;


+++++++++++++++++++++++++++++++
*/