@charset "utf-8";

/* CSS Document */



@media screen and (min-width:1200px) {

#top_frame{

    width: 1170px;

    margin: 0 auto;

}

}

@media screen and (max-width:1199px) {

#top_frame{

    margin: 0 15px;

}

}

@media screen and (min-width:900px) {

#top_frame{

    padding: 30px 0 80px 0;

}

}

@media screen and (max-width:899px) {

#top_frame{

    padding: 20px 0 50px 0;

}

}



#top_contents h1{

    font-size: 2.2rem;

    text-align: center;

    color: #fff;

    background: #d80314;

    line-height: 35px;

}

@media screen and (max-width:899px) {

#top_contents h1{

    font-size: 1.8rem;

    line-height: 30px;

}

}





/* 重要なお知らせ

-----------------------------------------*/

#top_important{

    border: solid 2px #d80314;

    padding: 15px;

    text-align: center;

}

#top_important p:nth-child(n+2){

    margin-top: 5px;

}

#top_important a{

    color: #d80314;

}

@media screen and (min-width:1200px) {

#top_important{

    width: 1170px;

    margin: 0 auto;

}

}

@media screen and (max-width:1199px) {

#top_important{

    margin: 0 15px;

}

}

@media screen and (min-width:900px) {

#top_important{

    margin-bottom: 15px;

}

}

@media screen and (max-width:899px) {

#top_important{

    margin: 15px;

}

}





/* メインビジュアル

-----------------------------------------*/

#mainvisual{

    width: 100%;

}

@media screen and (min-width:900px) {

#mainvisual .sp_only{

    display: none !important;

}

}

@media screen and (max-width:899px) {

#mainvisual .pc_only{

    display: none !important;

}

}

#mainvisual img{

    width: 100%;

}

.slick-dots{

    display: flex;

    justify-content: center;

    margin-top: 30px;

}

.slick-dots li{

    margin: 0 15px;

}

.slick-dots li button{

    width: 12px;

    height: 12px;

    background: #d6d6d6;

    border-radius: 50%;

    color: transparent;

}

.slick-dots li.slick-active button{

    background: #d80314;

}

@media screen and (max-width:899px) {

.slick-dots{

    margin-top: 15px;

}

.slick-dots li{

    margin: 0 5px;

}

.slick-dots li button{

    width: 8px;

    height: 8px;

}

}





/* 新着情報

-----------------------------------------*/



@media screen and (min-width:900px) {

#top_news{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 80px;

}

#top_news section{

    width: 48%;

}

}

@media screen and (max-width:899px) {

#top_news section{

    margin-top: 40px;

}

}



#top_news ul{

    margin-top: 15px;

}

#top_news li{

    border-bottom: dashed 1px #bbc4dc;

    padding: 10px 0;

}

#top_news li dt{

    font-size: 1.4rem;

    margin-bottom: 2px;

}

#top_news li dt span.ico_new{

    background: #d80314;

    color: #fff;

    padding: 0 4px;

    margin-left: 15px;

    line-height: 1;

}

#top_news li dt span.storename{

    border: solid 1px #d80314;

    color: #d80314;

    padding: 4px;

    float: right;

    clear: right;

    line-height: 1;

    font-size: 1.3rem;

}

#top_news li dd{

    margin-top: 5px;

}

#top_news li dd a{

    text-decoration: none;

    font-size: 1.5rem;

}





/* 店舗・チラシ

-----------------------------------------*/

@media screen and (min-width:900px) {

#top_store{

    margin-top: 80px;

}

}

@media screen and (max-width:899px) {

#top_store{

    margin-top: 40px;

}

}



.store_list ul{

    display: flex;

    flex-wrap: wrap;

}

.store_list li{

    height: 76px;

    display: table;

}

.store_list li a{

    display: table-cell;

    color: #204c8e;

    text-decoration: none;

    text-align: center;

    vertical-align: middle;

    background: #f0f1f5;

    border: solid 1px #d1d6e6;

}

@media screen and (min-width:900px) {

.store_list{

    margin-top: 40px;

    padding-bottom: 40px;

    border-bottom: dashed 1px #bbc4dc;

}

#top_store h2{

    color: #cc0012;

    font-size: 2.4rem;

    position: relative;

}

#top_store h2::before{

    content: url(../images/ico_store.png);

    margin-right: 8px;

    position: relative;

    top: 6px;

}

.store_list li:nth-child(5n+1){

    margin-left: 0;

}

}

@media screen and (min-width:1200px) {

.store_list{

    display: flex;

    justify-content: space-between;

}

#top_store h2{

    line-height: 76px;

}

.store_list ul{

    width: 970px;

}

.store_list li{

    width: 170px;

    margin-left: 30px;

}

.store_list li:nth-child(n+6){

    margin-top: 30px;

}

}

@media screen and (min-width:900px) and ( max-width:1199px) {

.store_list ul{

    margin-top: 20px;

}

.store_list li{

    width: 18%;

    margin-left: 2.5%;

}

.store_list li:nth-child(n+6){

    margin-top: 2.5%;

}

}

@media screen and (max-width:899px) {

.store_list{

    margin-top: 15px;

}

.store_list li{

    height: 56px;

}

.store_list li a{

    line-height: 1.4;

}

#aichi_tab,

#gifu_tab,

#mie_tab{

	position: absolute;

	z-index: -1;

	opacity: 0;

}

.store_list label{

    font-size: 2rem;

    color: #2961a0;

    line-height: 60px;

    padding: 0 15px;

    background: #f0f1f5;

    border: solid 1px #d1d6e6;

	position: relative;

	display: block;

	cursor: pointer;

}

#aichi_contents,

#gifu_contents,

#mie_contents{

	overflow: hidden;

	max-height: 0;

	transition: all 0.5s;

}

#aichi_tab:checked ~ #aichi_contents,

#gifu_tab:checked ~ #gifu_contents,

#mie_tab:checked ~ #mie_contents{

	max-height: 100em;

}

.store_list label::after{

	position: absolute;

    top: 17px;

	right: 15px;

	display: block;

	-webkit-transition: all 1s;

	transition: all 1s;

    border: solid 1px #2961a0;

    line-height: 1;

    padding: 3px 6px 2px 6px;

    font-family: "Font Awesome 5 Free";

    font-size: 2rem;

    font-weight: 700;

}

#aichi_tab[type=checkbox] + label::after,

#gifu_tab[type=checkbox] + label::after,

#mie_tab[type=checkbox] + label::after{

    content: "\f107";

}

#aichi_tab[type=checkbox]:checked + label::after,

#gifu_tab[type=checkbox]:checked + label::after,

#mie_tab[type=checkbox]:checked + label::after{

	content: "\f106";

}

.store_list ul{

    margin-top: 4%;

}

.store_list li{

    width: 48%;

}

.store_list li:nth-child(2n){

    margin-left: 4%;

}

.store_list li:nth-child(n+3){

    margin-top: 4%;

}

}





/* インフォメーション

-----------------------------------------*/

@media screen and (min-width:900px) {

#top_info{

    margin-top: 80px;

}

}

@media screen and (max-width:899px) {

#top_info{

    margin-top: 40px;

}

}



#top_info ul{

    display: flex;

    flex-wrap: wrap;

}

#top_info li span{

    display: block;

    margin-top: 5px;

    text-align: center;

}

#top_info li span.external::after{

    font-family: "Font Awesome 5 Free";

    font-size: 1.4rem;

    font-weight: 700;

    content: "\f35d";

    color: #2961a0;

    margin-left: 15px;

}

@media screen and (min-width:1200px) {

#top_info li{

    width: 270px;

    margin-left: 30px;

    margin-top: 30px;

}

}

@media screen and (min-width:900px) and ( max-width:1199px) {

#top_info li{

    width: 22%;

    margin-left: 4%;

    margin-top: 4%;

}

}

@media screen and (min-width:900px) {

#top_info li:nth-child(4n+1){

    margin-left: 0;

}

}

@media screen and (max-width:899px) {

#top_info li{

    width: 48%;

    margin-left: 4%;

    margin-top: 4%;

    font-size: 1.2rem;

}

#top_info li:nth-child(2n+1){

    margin-left: 0;

}

#top_info li span.external::after{

    font-size: 1.1rem;

    margin-left: 10px;

}

}





/* FACEBOOK

-----------------------------------------*/

@media screen and (min-width:900px) {

#top_facebook{

    margin: 80px auto 0 auto;

    width: 500px;

}

}

@media screen and (max-width:899px) {

#top_facebook{

    margin: 40px auto 0 auto;

    max-width: 500px;

    width: 100%;

}

}





/* 採用情報

-----------------------------------------*/

@media screen and (min-width:900px) {

#top_recruit{

    margin-top: 80px;

}

}

@media screen and (max-width:899px) {

#top_recruit{

    margin-top: 40px;

}

}



#top_recruit li span{

    display: block;

    margin-top: 5px;

    text-align: center;

}

#top_recruit li span.external::after{

    font-family: "Font Awesome 5 Free";

    font-size: 1.4rem;

    font-weight: 700;

    content: "\f35d";

    color: #2961a0;

    margin-left: 15px;

}

@media screen and (min-width:1200px) {

#top_recruit ul{

    justify-content: center;

}

#top_recruit li{

    width: 320px;

    margin-left: 30px;

    margin-top: 30px;

}

}

@media screen and (min-width:900px) and ( max-width:1199px) {

#top_recruit li{

    width: 30%;

    margin-left: 5%;

    margin-top: 30px;

}

}

@media screen and (min-width:900px) {

#top_recruit ul{

    display: flex;

    flex-wrap: wrap;

}

#top_recruit li:nth-child(3n+1){

    margin-left: 0;

}

}

@media screen and (max-width:899px) {

#top_recruit li{

    max-width: 320px;

    width: 100%;

    margin: 0 auto;

    font-size: 1.2rem;

    margin-top: 15px;

}

#top_recruit li span.external::after{

    font-size: 1.1rem;

    margin-left: 10px;

}

}