@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(49,45,43,1.00)}a:hover { color:rgba(121,23,30,1.00)}
/* css setting */
.tk_flex{padding:1rem 0rem;}


/*　トップスライド　*/
.top_main_slide img {
border: 2px solid #fff;
}

.top_main_slide .slick-center img:hover {
opacity:1;
transition:0.5s;
border:2px solid #C00000;
}

@media screen and (max-width: 480px) {
.top_main_slide {
padding-bottom:1.5rem!important;
}
}

/*　トップスライド2　*/
.top_main_slide .slick-slide > div > li{
    background-color: #ffffff!important;
}
.slick-prev, .slick-next {
    display: none!important;
}

.slick-slide {
    margin: 0 0.5rem;
}


.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}



.top_about_box span {
background-color:#C00000;
padding:0.5rem;
z-index:9999;
}

/* ----------　トップ各店舗ごとのSNS　---------- */

.top_sns {
display:flex;
vertical-align:middle;
justify-content:space-between;
padding:0.5rem 0rem;
}

.top_sns p{
width:70%;
border-right:1px solid  #000;
}

.top_sns ul{
display:flex;
width:30%;
margin-left:1rem;
}

.top_sns ul li:first-child {
margin-right:10px;
}


/*　--------------------　ページリストスライダー　--------------------　*/
#archiveBoxesC3-slidecardA button{
display: none!important;
}
#archiveBoxesC3-slidecardA .slick-list{
margin: 0rem!important;
}

.top_shop_slide #archiveBoxesC4-slidecardA .archiveCardA-list-img {
    height: 25vh;
}

.top_shop_slide #archiveBoxesC4-slidecardA .archiveBoxesC4-cardA-list {
    display: -webkit-inline-flex!important;
    display: -moz-inline-flex!important;
    display: -ms-inline-flex!important;
    display: -o-inline-flex!important;
    background-color:#ffffff;
}

.top_shop_slide .archiveCardA-txt-ttl {
    font-weight: bold!important;
    padding: 0.75rem!important ;
   font-size: 0.9rem!important;
}

.top_shop_slide .archiveCardA-txt-read {
    display: none;
}

 
/*　==============================　ABOUT　==============================　*/
/*　【A】　*/
.about-img-space{padding-top: 35rem;}
@media screen and (max-width: 498px) {
.about-img-space{
padding-top: 24rem;
margin: 0rem 2rem 0rem 2rem;
}
}
/*　--------------------　特長ボックス　--------------------　*/
.about_pickup_box{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column wrap;
margin: -30rem auto 3rem auto;
}
.about_pickup_item{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
margin: 0 auto;
background-color:#C00000;
color: #ffffff;
max-width: 400px;
width: 100%;
height: 400px;
font-size:2rem;
}
.about_pickup_item span{
font-size: 1.75rem;
line-height: 1.5rem;
}
@media screen and (max-width: 968px) {
.about_pickup_box{
margin: -30rem auto 3rem auto;
}
.about_pickup_item{
height: 300px;
}
}
@media screen and (max-width: 768px) {
.about_pickup_box{
margin: -30rem 0rem 3rem 2rem;
}
}
@media screen and (max-width: 498px) {
.about_pickup_box{
margin: -6.5rem 0rem 0rem 0rem;
}
.about_pickup_item{
margin: 0rem 0rem 0rem 0rem;
padding: 1.5rem 0rem 1rem 0rem;
height: 120px;
width: 70%;
}
}
.about_catch_box{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
}
.about_catch_text{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 auto;
background-color: #79171E;
color: #ffffff;
max-width: 1000px;
width: 100%;
padding:2rem;
color:#fff;
}

/*　--------------------　ボックス　--------------------　*/
.about-item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.about-item li {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-self: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem 3px;
margin: 0rem 2px 4px 2px;
width: calc(25% - 10px);
background-color: #79171E;
box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.1);
}
@media screen and (max-width: 768px) {
.about-item li{
width: calc(50% - 4px);
margin: 0rem 2px 4px 2px;
padding: 0.8rem 0;
}
}
.about-sub-ttlA{
position: relative;
margin-top: -2rem;
}
.about-sub-ttlA span{
display: inline-block;
background-color: #666666;
padding: 1rem 2rem;
}
.about-sub-ttlB span{
display: inline-block;
box-sizing: border-box;
border: 1px solid #666666;
padding: 1rem 2rem;
}
/*　--------------------　リスト　--------------------　*/
.about-tb-contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
border-bottom:1px solid #E2E8F0;
}
.tb-border-n{
border:none!important;
}
.about-tb-contents dt{
padding: 1rem 0rem 1rem 0rem;
position: relative;
font-weight: bold;
font-size:0.9rem;
letter-spacing:0.2rem;
width: calc(100% - 40px - 1rem);
}
.about-tb-contents dd{
text-align: right;
padding: 1rem 0rem 1rem 1rem;
width: 40px;
}
@media screen and (max-width: 768px){
.about-tb-contents {
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.about-tb-contents dt {
font-weight: bold;
letter-spacing:0.1rem;
}
.about-tb-contents dd {
font-size: 1rem;
border: none;
}
}

@media screen and (max-width: 498px){
.brand_top_logo img {
width:50px;
height:auto;

}
}

/* ----------　店内詳細　---------- */
.inshop_detail{
  width: 100%;
}

.inshop_detail tr{
border-bottom:solid 1px #fff;
background-color:#FBF7EE;
}

.inshop_detail th,.inshop_detail td{
  text-align: left;
  padding: 10px 0;
}

.inshop_detail th{
padding-left:1rem;
width:30%;
}

.inshop_detail td{
padding-left:1rem;
width:70%;
}
/* ----------　ポジションリラティブ　---------- */

.pos_rel{position: relative;}

/* ----------　店舗情報　---------- */
.pdf_btn p,.brand_btn p{
width:100%;
padding:1rem 0rem;
background-color:#fff;
}

.brand_information_wrapper li{
border-bottom:1px solid #C1C0C0;
}
.brand_information_wrapper li:last-child{
border-bottom:none;
}

.brand_information {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;

}
.brand_information dt{
padding: 1rem 0;
width: 120px;
position: relative;
font-weight: bold;
font-size:0.9rem;
}
.brand_information dd{
text-align: left;
padding: 1rem 0  ;
width: calc(100% - 80px);
}
@media screen and (max-width: 768px){
.brand_information {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.brand_information dt{
font-size: 95%;
font-weight: bold;
padding: 0.5rem 0 0.3rem 0;
width: calc(100% - 1rem);
}
.brand_information dt:after{
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: -1px;
width: 25px;
}
.brand_information dd{
font-size: 1rem;
padding: 0rem 0 0.5rem 0;
width: calc(100% - 1rem);
border: none;
}
}

/* ----------　店舗情報・営業時間　---------- */

.ms_table th {
width:34%;
font-weight:normal;
text-align:left;
}
.ms_table td {
width:66%;
}
@media screen and (max-width: 480px){
.ms_table th {
width:35%;
text-align:left;
}
.ms_table td {
width:65%;
}
}


/*--------------------　 SNSボタン　--------------------*/
.f_sns img { width: auto; height: 40px; margin-right: 1rem; }
.f_sns a:hover img { opacity:0.5; transition: .3s; }
.footer_sns_sp_line { margin:0 0 1rem 2rem; }
@media screen and (max-width: 480px) {
.f_sns img { width: auto; height: 40px; margin-right: 1rem; }
.footer_sns_sp_line { margin:2rem 2rem 2rem 2rem;}}



.f_app img {
width:auto;
height:55px;
}
.f_app img:hover, .f_app_fx img:hover{
opacity:0.5;
transition:0.3s;
}
.f_app_fx img{
width:auto;
height:60px;
}

@media screen and (max-width: 498px){
.f_app_fx img{
width:auto;
height:50px;
}
}

@media screen and (max-width: 498px){
.app_icon img{
width:60px;
height:auto;
}
.app_top_smp img{
width:150px;
height:auto;
}
}

.mark-box {
    width: 100%
    height: auto;
    position: relative;
    background-color: #C00000;
}
.mark-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 80px 0 0;
    border-color:#C00000 transparent transparent transparent;
}

/*　==============================　BUSINESS A　==============================　*/
.businessA-mainImg{padding-top: 32rem;}
.businessA-detail{margin: -6rem 2rem 4rem 2rem;}
@media screen and (max-width: 498px) {
.businessA-mainImg{padding-top: 24rem;}
}


/*　==============================　COMPANY　==============================　*/
/*　----------　アンカーボタン　----------　*/
.color_btn .fs_btn_text_main {
font-size:1.4rem;
}
.color_btn .fs_btn_text_sub {
font-size:0.9rem;
}
.color_btn .fs_btn{
line-height: 1.4rem;
background-color: rgba(85,99,105,0.45);
}
.color_btn .fs_btn:hover {
background-color: rgba(85,99,105,0.05);
}
/*　----------　会社概要　----------　*/
.cp_left {
font-size: 0.9rem;
padding: 1rem 0;
vertical-align: top;
width: 20%;
font-weight: bold;
text-align: justify;
color: #7a8e96;
}
.cp_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  0 1rem 1rem;
vertical-align: top;
width: 80%;
}
.cp_line {
border-top:1px solid #ccc;
}

@media screen and (max-width: 498px){
.cp_left {
width: 25%;
}
.cp_right{
width: 75%;
}
}


/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}



/*　==============================　RECRUIT　==============================　*/
/*　----------　fix　----------　*/
.rec_bg_m{
position: relative;
z-index: -100;
}
@media screen and (max-width: 768px) {
.rec_bg01{
background-attachment: scroll!important;
}
}
/*　--------------------　採用情報テーブル　--------------------　*/


.shoplist-tb-wrapper li .shoplist-tb{
border-bottom:2px solid #FBF7EE;
}
.shoplist-tb-wrapper li:last-child .shoplist-tb:last-child{
border-bottom:none;
}

.shoplist-tb {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
line-height: 1.4rem;/*列の文字の高さ*/
}
.shoplist-tb dt, .shoplist-tb dd{
padding: 1.5rem 0 1rem 2rem ;
line-height: 1.4rem;/*列の文字の高さ*/
}
.shoplist-tb dt{
    font-size: 1.1rem;
    width: 20%;
box-sizing: border-box;
}
.shoplist-tb dd:nth-child(2){
width: 15%;
box-sizing: border-box;
}
.shoplist-tb dd:nth-child(3) {
    width: 15%;
    box-sizing: border-box;
    letter-spacing: 0.05rem;
    font-size: 1.1rem;
}
.shoplist-tb dd:nth-child(4) {
    width: 50%;
    box-sizing: border-box;
    letter-spacing: 0.05rem;
    font-size: 1.1rem;
}
@media screen and (max-width: 768px) {
.shoplist-tb dt{
    font-size: 1.2rem;
padding: 2rem  1.5rem 2rem;
width: 100%;
}
.shoplist-tb dd:nth-child(2){
width: 100%;
padding: 0  1.5rem 2rem;
}
.shoplist-tb dd:nth-child(3){
width: 100%;
padding: 0  1.5rem 2rem;
}
.shoplist-tb dd:nth-child(4){
width: 100%;
padding: 0  1.5rem 2rem;
}
}
.shoplist_btn {
font-size:0.7rem;
padding-left:0.2rem;
}

ーーーーーーーーーーーー公式アプリ・特典内容ーーーーーーーーーーーーーーー


.special_table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  table-layout: fixed;

}

.special_table tr {
  background-color:#fff;
  border-bottom: 2px solid #FBF7EE;
}
.special_table th,
.special_table td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #FBF7EE;
}

.special_table thead tr{
  background-color: #C00000;
  color:#fff;
}
.special_table tbody th {
    background: #78bbc7;
    color: #fff;
    width:10%; 
   vertical-align:middle;
   font-size:0.9rem;

}

.special_table tbody th:nth-child(1) {
line-height:2rem;
padding-bottom:5px!important;
}
.special_table tbody tr:nth-child(1) th{
 background:#6C9533;
}
.special_table tbody tr:nth-child(2) th{
 background:#C1C0C0;
}
.special_table tbody tr:nth-child(3) th{
 background:#CBB32E;
}
.special_table tbody tr:nth-child(4) th{
 background:#86786D;
}
.special_table tbody tr:nth-child(5) th{
 background:#56307D;
}
.nikubaru_txt, .nikusoba_txt, .kosora_txt{
   text-align: center;
   font-weight: bold;
   width:30%;
  vertical-align:middle;
}


.nikubaru_txt .menu_gold, .nikusoba_txt .menu_gold, .kosora_txt .menu_gold{
font-size:1.0rem;
background-color:#907A28;
padding:0.3rem;
color:#fff;
}

.nikubaru_txt .menu_red, .nikusoba_txt .menu_red, .kosora_txt .menu_red{
color:#C00000;
font-size:1.2rem;
}

.non{
  background:#FBF7EE;
}

.app_table{
  justify-content:space-between;
}

@media screen and (max-width: 480px){
.nikubaru_txt .menu_gold, .nikusoba_txt .menu_gold, .kosora_txt .menu_gold{
font-size:0.9rem;
background-color:#907A28;
padding:0.3rem;
color:#fff;
}
.nikubaru_txt .menu_red, .nikusoba_txt .menu_red, .kosora_txt .menu_red{
color:#C00000;
font-size:0.9rem;
}
.special_table{
font-size:0.9rem;
}
}

/*　ーーーーーーーーーーー　アプリ・今すぐダウンロードの両端線　ーーーーーーーーーーー　*/
.deco_txt {
    position: relative;
    display: inline-block;
    padding: 0 30px;
   font-weight:bold;
}

.deco_txt::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(-45deg);
}
       
.deco_txt::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(45deg);
}

/*　==============================　GUIDELINE A　==============================　*/
.guidelineA-tb{
background-color: #f2f2f2;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.guidelineA-tb li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.guidelineA-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.guidelineA-tb li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.guidelineA-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#000000;
letter-spacing:0.2rem;
width: 200px;
}
.guidelineA-tb li dl dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 200px - 4rem);
}
@media screen and (max-width: 768px){
.guidelineA-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.guidelineA-tb li{
width: 100%;
}
.guidelineA-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.guidelineA-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.guidelineA-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}


/*　==============================　お問い合わせページ　==============================　*/
.formBlockSurveyTable dl dt {
color:#312D2B;
text-align: left;
width: 100%;
margin-right: 0%!important;
font-weight: bold;
font-size: 1rem;
margin-top: 1rem;
padding: 2px 0 0.5% 0;
}
.formBlockSurveyTable dl dd {
width: 100%;
}
.formBlockSurveyTable dl {
padding: 0.5% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 1.5%;
background-color:#FBF7EE;
border:1px solid #fff;
}
.formBlockSubmitButton {
width:240px!important;
text-align:center!important;
background-color: #312D2B!important;
color:#fff;
border:1px solid #fff;
}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {
width:100%!important;
}
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(0.9) !important;
}
}
.formBlockSubmitButton:hover {
transition:0.6s;
background-color: #fff!important;
border:1px solid #999;
color:#999;
}
.on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 100%;
}
}



/*　==============================　ページタイトル共通設定　==============================　*/
.page-ttl span{
display: ineline-block;
background-color: #ffffff;
padding: 0.55rem 1.2rem 0.55rem 1.5rem;
}
.page-ttl-ja{padding: 13rem 0rem 0rem 0rem}
.page-ttl-en{padding: 0rem 0rem 13rem 0rem}
@media screen and (max-width: 480px) {
.page-ttl-ja{padding: 10.5rem 0rem 0rem 0rem}
.page-ttl-en{padding: 0rem 0rem 10.5rem 0rem}
}
@media screen and (min-width: 480px) {
.top_logo {
margin-top:-3rem;
}
}

@media screen and (max-width: 768px) {
.top_logo {
margin-top:0rem;
}
}
/*　--------------------　SNSボタンに関する設定　--------------------　*/
.h-sns-btn{padding:1.6rem 0rem 0rem 0rem;}
.h-sns-btn a{font-size: 1.65rem; color:#003685; display: inline-block; width: 20%;}
.h-sns-btn a:hover{color:#333333;}
@media screen and (max-width: 1200px) {
.h-sns-btn a{width: 26%;}
}
@media screen and (max-width: 768px) {
.h-sns-btn a{width: 30%;}
}

/*　=============================================================================　*/
/*　=============================================================================　*/
/*　===============================　全体の共通項目　===============================　*/
/*　=============================================================================　*/
/*　=============================================================================　*/


/*　==============================　ヘッダー部分　==============================　*/
/*　--------------------　PC用（オートナビ）に関する設定　--------------------　*/
.h_pc_navi a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.h_pc_navi a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 3px;
  background: #79171E;
  transition: .3s;
}
.h_pc_navi a:hover::after {
  width: 100%;}

.h_pc_navi .fsNavMenuList li:nth-child(n + 4) ,
.h_pc_navi .fsNavMenuList li:first-child ,
.h_pc_navi .fsNavMenuList li .sub_title {
     display:none;}

/*　———　リンクカラー　———　*/
.f_link01 a , .f_link02 a , .bl_link a {
position: relative;
display: inline-block;
transition: .3s;
}
.bl_link a { color:#79171E; margin-right: 0.2rem; }

@media screen and (min-width: 1025px){
.f_link01 a::after ,
.f_link02 a::after , 
.bl_link a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 2px;
transition: .3s;
}
.f_link01 a::after , .bl_link a::after { background: #79171E; }
.f_link02 a::after { background: #79171E; }
.f_link01 a:hover::after , .f_link02 a:hover::after , .bl_link a:hover::after { width: 100%; }
}


/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/

.fat-nav li {
    list-style-type: none;
    text-align: left;
    padding: 1.5rem ;
    margin-left: 2rem ;
    font-size: 1.3rem;
    line-height: 1.5rem;
    border-bottom: none;
    font-weight: bold;
    background-color:#312D2B;
}

.fat-nav li a {
    border-bottom: 0px solid #fff;
}

.sp_h_navi .fat-nav li p {
    font-weight: bold;
}
.sp_h_navi .fat-nav li .sub_title{
    font-size: 0.9rem;
    padding-left:0.2rem;
    letter-spacing: 0.2rem;
}
.sp_h_navi .fat-nav li:first-child .sub_title  {
    display: none!important;
}

.fat-nav{
        background-color:#312D2B;
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
     background:#79171E;
}
.fat-nav li p{
    color:#fff;
}

.topfix_A {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
}
.topfix_B {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}



/*　==============================　お店ロゴのシャドウ　==============================　*/
.logo_shadow img{
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .15);
}

.logo_shadow img:hover{
 box-shadow:none;
 transition: .3s;

}


/*　==============================　フッター部分　==============================　*/
/*　フッターロゴに関する設定　*/
@media screen and (min-width: 1201px) {
.f-logo {padding: 0rem 0rem 0rem 2rem;}
.f-logo img {max-width:195px;}
}
@media screen and (max-width: 1200px) {
.f-logo {padding: 0rem 0rem 0rem 2rem;}
.f-logo img {max-width:195px;}
}
@media screen and (max-width: 480px) {
.f-logo {padding: 2rem 1.5rem 0rem 2rem;}
.f-logo img {max-width:155px;}
}
/*　サイトマップ　*/
.sitemap-table {
padding: 0 0 1rem 0.5rem;
vertical-align: top;
width: 50%;
line-height: 1.5rem;
color:#fff;
}

.sitemap-table p{
padding-bottom:0.8rem;
border-bottom:1px solid #fff;
width:100%;
}

.sitemap-table-eiji{
font-size:0.9rem;
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}

.sitemap-table a, .sitemap-table a:visited, .sitemap-table a:active ,
.f-link a , .f-link a:visited, .f-link a:active  {
color: #ffffff;
}

.sitemap-table a:hover ,
.f-link a:hover{
opacity: 0.5;
transition:0.3s;
}

/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
.space{
letter-spacing: 0.2rem;
}
.space-1{
letter-spacing: 0.1rem;
}
.space-2{
letter-spacing: 0.4rem;
}
.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
.tx-shadow-b {
text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 480px) { 
.tx-center{
text-align: center!important;
}
.tx-left{
text-align: left!important;
}
.tx-right{
text-align: right!important;
}

.br-sp{
display:block;
line-height:0rem;
}
.br-sp-r{
display:none;
}
}
/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.8);
}
.rgba-black{
background-color:rgba(0,0,0,0.8);
}
.rgba-black4{
background-color:rgba(0,0,0,0.4);
}
.rgba-staff{
background-color:rgba(0,0,0,0.7);
}
/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode, .ccm-scrapbook-list-item-detail div{margin-top:0rem!important;}
.ccm-edit-mode .ccm-area-styles{margin-top:0rem!important;}
/*　--------------------　ページリストタグ　--------------------　*/
.tk_tags_Tags{
background-color:#907A28;
color: #ffffff;
}
.tk_title a{
font-weight:bold;
}
.tk_title a:hover, .tk_kiji a:hover{
color:#79171E
}


.top_sns_news{
width:60%;
display:flex;
vertical-align:middle;
justify-content:space-between;
padding:0.5rem 0rem;
}

.top_sns_news p{
width:40%;
border-right:1px solid  #000;
}

.top_sns_news ul{
display:flex;
width:70%;
margin-left:1rem;
}

.top_sns_news ul li:first-child {
margin-right:10px;
}
@media screen and (max-width: 480px) { 
.top_sns_news{
width:100%;
display:flex;
vertical-align:middle;
justify-content:space-between;
padding:0.5rem 0rem;
}

.top_sns_news p{
width:60%;
border-right:1px solid  #000;
}

.top_sns_news ul{
display:flex;
width:40%;
margin-left:1rem;
}
}



/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{
margin-top: 1rem;
}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{
top: 0.5rem!important;
}
#pagination .currentPage  strong{
background-color: #000000!important;
color: #ffffff!important;
}
#pagination .numbers {
margin-right: 0.6rem;
}
#pagination .numbers a, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color: #666666;
padding: 0.5rem 1rem;
display: inline-block;
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
.tel_splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp-br br {display:none;}
}
/*　--------------------　タブレット横時スクロール　--------------------　*/
@media screen and (max-width: 1024px) {
.tb-bg-scroll{background-attachment: scroll!important; }
}
/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-img:hover {
opacity:0.7;
transition:0.6s;
}
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　box-shadow　*/
.boxshadow_20 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);}
.boxshadow_50 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.5);}
.boxshadow_90 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.9);}
/*　--------------------　トップボタン　--------------------　*/
/*　ボタンline-height　*/
.btn-detail .fs_btn_text {
line-height: 1.6;
}
/*　ピックアップボタン　*/
.btn_pickup .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.btn_pickup .fs_btn_text_sub {
font-size:0.8rem;
font-weight: bold;
}
.btn_pickup  .fs_btn {
background-color: rgba(33,33,33,0.5);
}
.btn_pickup .fs_btn:hover{
background-color: rgba(33,33,33,0.05);
}
/*　ページトップボタン　*/
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop_btm .fs_btn{
line-height: 1.6;
}
.pagetop_btm_sp {
background-color: rgba(0, 70, 150, 0.7);
}

/*　--------------------　Google font　--------------------　*/
.googlefont {font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}

/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}