@charset "UTF-8";
/* CSS Document */

body {
	background:#E6FCFF;
}
#menu p {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size: 2.5rem;
}

#wrapper {
	margin: 0 auto;
		
}

#main-cont{
    background: url(../img/photo-image/backbord.jpg) #000; 
    padding:1em;
}

#page-main-cont{
    background: url(../img/photo-image/backbord.jpg) #000;
}

#page-main-cont-in{
    padding:2em;
    background: #fff;
    border-radius: 12px;
    -webkit-border-radius:12px;
    -mozkit-border-radius:12px;
}

/*---------------------------------------
header
---------------------------------------*/
header{
    text-align: center;
}

/*---------------------------------------
global nav
---------------------------------------*/

#global-navi {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ab8ff+0,11a4ff+100 */
    background: #4ab8ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #4ab8ff 0%, #11a4ff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4ab8ff 0%,#11a4ff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4ab8ff 0%,#11a4ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ab8ff', endColorstr='#11a4ff',GradientType=0 ); /* IE6-9 */
}

#global-navi ul {
    display: table;
    width:100%;
}

#global-navi li {
	display:table-cell;
	width: 20%;
    text-align: center;
    padding:12px 0;
    /* //border: ridge #fff; */
    border-right:1px solid #fff;
    vertical-align: middle;
}

#global-navi li:last-child{
    border-right:none;
}

#global-navi a {
	font-family: Verdana, Geneva, sans-serif;
	color: white;
    text-decoration: none;
    font-size:1.5rem;
}

#global-navi li:hover {
	background-color: #56D8FF;
}


/* slicknav 設定　*/

#global-navi {
      display: none;
}
     
@media screen and (min-width : 600px) {
    #global-navi {
        display: block;
    }
.slicknav_menu {
    display: none;
    }
}





/*---------------------------------------
footer
---------------------------------------*/

footer {
    background:#24B0FB;
}

footer{
    text-align: center;
    padding:2em 0;
}

#footer-in ul{
    margin-bottom:2em;
}


footer li {
	display:inline;
    padding:0 8px;
    border-left:1px solid #fff;
    text-align: center;
    font-size:1.2rem;
}

footer li:last-child{
    border-right:1px solid #fff;
}

footer a {
	color: #fff;
    text-decoration: none;
}

footer a:link, footer a:visited{
    color:#fff;
}

footer a:hover {
	background-color: #8F8F8F;
}

.copyright{
    font-size:1.1rem;
    text-align: center;
    margin-bottom:1em;
}

/*-----　　税込表示　　-----*/
.tax-att{
    text-align: right;
    margin: 0px auto 20px;
    max-width:960px;
    color: #fff;;
}

.tax-att p{
    font-size:11px !important;
    text-align: right;
}



/* TOPへ戻るボタン設置 */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 30px;
    font-weight: bold;
   
}

#page-top a {
    background: #0089ff;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity:0.6;
    text-decoration: none;
    color: #fff;
    width: 55px;
    padding: 3px;
    text-align: center;
    display: block;
    border-radius: 50px;
    border:3px solid #fff;
}

#page-top a:hover {
    background: #1DA9FF;
}


/*---------------------------------------
トップページ
---------------------------------------*/

/*--トップメインコンテンツ--*/

.home section{
    margin-bottom:2em;
}

.h2-top{
	margin:0;
	color: #FFF;
	text-align: center;
    border:2px solid #fff;
	/* //border-style:ridge ; */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ab8ff+0,11a4ff+100 */
    background: #4ab8ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #4ab8ff 0%, #11a4ff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4ab8ff 0%,#11a4ff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4ab8ff 0%,#11a4ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ab8ff', endColorstr='#11a4ff',GradientType=0 ); /* IE6-9 */
	font-size: 30px;
    margin-bottom:12px;
}

.youtube{
    text-align: center;
    width:100%;
    margin: 20px auto;
}

@media(max-width:480px){
    .youtube iframe{
        width:320px;
        height:auto;
    }
}
/*--　TOPスライド下のインフォメーション　--*/

.info-att{
    border:2px solid #f00;
    margin: 20px auto;
    padding:20px 40px;
    background: #fff;
}

.h2-info-att{
    color:#f00;
    font-size:1.8rem;
    margin-bottom:20px;
    text-align: center;
}


/*--今週のセール情報--*/

#bn-sale {
    background:url(../img/photo-image/top-sale.jpg) no-repeat;
    position:relative;
    min-height: 174px;
    margin-bottom:1em;
    text-align: center;
}

#bn-sale h1{
    position: absolute;
    top:40%;
    left:120px;
    font-size:1.8rem;
}

/*--吉野屋メニュー--*/

.top-menu-box{
    text-align: center;
}

.bt-topmenu{
    margin-bottom:12px;
}



/*--吉野屋のシステム--*/

#bn-system img{
    margin-bottom:12px;
    width:100%;
}


/*--トップページサイド --*/

.top-news {
	padding: 20px;
	background:#fff;
    box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    margin-bottom:12px;
}
.h2-news {
	color: red;
	font-size: 24px;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    text-align: center;
    font-weight: normal;
}

.top-news dl{
    margin-top:1em;
    border-top:1px dotted #999;
    padding-top:1em;
}


.top-news dt{
    font-size:1.3rem;
    color:#666;
}

.top-news dd{
    font-size:1.5rem;
}



/*---------------------------------------
下層共通
---------------------------------------*/

#page-main{
    background: #fff;    
}

#page-main img{
    width:100%;
}

#page-main-cont{
    padding:10px;
} 

#menu-main-cont-in{
    padding:30px;
    background:#fff;
}

.page-menu h2{
    margin-bottom:1em;
}


.page-menu-box{
    margin-bottom:2em;
}

.movie-box{
    max-width:500px;
    margin:1em auto;    
}

/*---------------------------------------
吉野屋メニュー
---------------------------------------*/

.menu-box{
    margin-bottom:2em;
}

.menu-box figure{
    text-align: center;
}

.menu-box h1{
    text-align: center;
    font-size:3.6rem;
    margin-bottom:1em;
}

.menu-box h1 a{
    text-decoration: none;
}

#vip-fw a:link,#vip-fw a:visited{
	color: gold;
}

#vip-fw a:hover{
	color: #f00;
}

#dx-fw a:link,#dx-fw a:visited {
	color: #943DF4;
}

#dx-fw a:hover{
	color: #f00;
}

#ozon-fw a:link,#ozon-fw a:visited {
	color: rgba(0,188,255,1.00);
}

#ozon-fw a:hover{
	color: #f00;
}

#simi-fw a:link,#simi-fw a:visited {
	color: rgba(255,129,217,1.00);
}

#simi-fw a:hover{
	color: #f00;
}

#orime-fw a:link,#orime-fw a:visited {
	color: rgba(0,210,41,1.00);
}

#orime-fw a:hover{
	color: #f00;
}

#leather-fw a:link,#leather-fw a:visited {
	color: rgba(170,87,30,1.00);
}

#leather-fw a:hover{
	color: #f00;
}

#other-fw a:link,#other-fw a:visited {
	color: rgba(255,103,0,1.00);
}

#other-fw a:hover{
	color: #f00;
}

.menu-box h1 a:hover{
    color:#f00;
}


/*--------　メニュー共通　--------*/

.h2-menu{
	font-size:2.8rem ;
    color:orange ;
	margin-bottom:1em;
}

.h2-menu-ozon{
    font-size:2.8rem;
    font-weight: bold;
}

.page-menu-box p{
    font-size:1.6rem;

}

.menu-strong{
    text-align: center;
    color:#f00;
    margin-bottom:2em;
    font-size:1.8rem;
}


/*--------　V.I.Pコース　--------*/

.h1-vip{
	font-size:4.0rem;
	color:#FF7D00 ;
	text-align:center;
    margin-bottom:1em;
}

h4{
		clear:both ;
		font-size:28px ;
		color:red ;
		text-align:center ;
		padding:30px 0 50px ;
}


/*--------　オゾンウェット --------*/

.ozon-ase{
    float:left;
    width:75%;
}

.ozon-ase-image{
    float:right;
    max-width: 25%;
}

.ozon-wet{
    max-width:200px;
}

.ozon-ase li{
    font-size:1.6rem;
    margin-bottom:0.4em;
}

.process-ta{
    margin-bottom:1em;
}

.process-ta th,.process-ta td{
    padding:8px;
    border: 4px solid #7ACFFF;
    font-size:1.8rem;
}

.process-ta th{
    text-align: left;
    font-weight: normal;
    background: #FFFED2;
    width:60%;
}

.process-ta td{
    background: #FFACED;
    text-align: right;
}

.ozon-att01{
    color:blue;
    font-size:1.6rem;
    margin-bottom:1em;
}

.ozon-att02{
    color:#f00;
}

/*--------　しみ抜き・復元加工 --------*/

.simi-movie{
    width:100%;
}

#tigai {
    margin:1em auto;
}

.simi-yogore{
    display: table;
}

.simi-yogore-image{
    display:table-cell;
    width:35%;
}

.simi-yogore-text{
    display:table-cell;
    width:65%;
}

.simi-price-ta{
    width:100%;
    margin:1em auto;
}

.simi-price-ta th,.simi-price-ta td{
    padding:20px 10px;
    font-size:1.6rem;
    border:4px solid #7ACFFF;
}

.simi-price-ta th{
    background:#FFFED2;
    text-align: left;
}

.simi-price-ta td{
    background: #FFACED;
    text-align: right;
}

.simi-return{
    font-size:2.2rem;
    color:#003fce;
    text-align: center;
    font-weight: bold;
}

.simikakou-image{
    max-width:320px;
}


/*--------　折り目加工 --------*/

.h2-orime{
    color:#48b44b;
    font-size:2.8rem;
    text-align: center;
    margin-bottom:1em;
}

.orime-keep{
    margin-bottom:2em;
}

/*--------　革メンテナンス --------*/

.h1-leather{
    color:#ed28ff;
    font-size:2.8rem;
    margin-bottom:1em;
    text-align: center;
}

.leather-copy{
    color:#003fce;
    font-size:1.8rem;
    margin-bottom:1em;
}

#leather-step p{
    margin-bottom:2em;
}


/*--------　その他 --------*/

.h1-other {
	color:red;
	text-align: center;
	font-size: 2.4rem;
	padding: 30px 0  ;
	background:url(../img/menu/other-img01.png) left top no-repeat ;
    background-size: 100%;
}

.other-info{
    margin-bottom:1em;
}

.h2-other {
	color: red;
	text-align: center;
	font-size: 2.4rem;
	margin-bottom:10px;
}

#other-box .other-att{
    font-size:1.4rem;
    margin-bottom:1em;
}

#other-box p{
    margin-bottom:1em;
}


/*---------------------------------------
会員情報
---------------------------------------*/

#members-box{
    max-width:880px;
    background: url(../img/members/bg-members.jpg) center no-repeat;
}

@media(min-width:600px){
    #members-box{
        padding:20px;
    }
}

#members-box img{
    width: 100%;
}

.members-merit-wrapper{
    display: flex;
    flex-wrap: wrap;
    /* margin-bottom:50px; */
    /* align-items: center; */
}

.members-merit-number{
    flex-basis: 20%;
    padding:20px;
    display: flex;
    align-items: center;
}

.members-merit-text{
    flex-basis: 80%;
    background: #fff;
    padding:10px 20px;
    /* display: flex; */
    align-items: center;
    font-size:3.3rem;
    font-family: 'Mochiy Pop One', sans-serif;
    /* flex-wrap: nowrap; */
}

@media(max-width:600px){
    .members-merit-number{
        flex-basis: 100%;
    }
    .members-merit-text{
        flex-basis: 100%;
        text-align: center;
        font-size:2.6rem;
        padding:10px;
    }
}

.members-merit-wrapper01{
    border:4px solid #08B77B;
}

.members-merit-number01{
    background: #08B77B;
    color:#fff;
}

.members-merit-wrapper02{
    border:4px solid #01B4FE;
}

.members-merit-number02{
    background: #01B4FE;
    color:#fff;
}

.members-merit-wrapper03{
    border:4px solid #DB0000;
}

.members-merit-number03{
    background: #DB0000;
    color:#fff;
}

.members-merit-large{
    color:#DB0000;
    font-size:6.0rem;
}

@media(max-width:600px){
    .members-merit-large{
        font-size:4.0rem;
    }
}

.members-merit-strong{
    color:#DB0000;
}

.members-merit-text03{
    background: url(../img/members/coupon.png) right bottom no-repeat #fff;
}

.members-price{
    background: #fff;
    border-radius: 20px;
    padding:10px 20px;
    text-align: center;
    margin:20px 20px 50px;
    box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.3);
}

.members-price p{
    color:#08B77B;
    font-size:2.6rem;
    font-weight: bold;
}

@media(max-width:599px){
    .members-price p{
        font-size:1.8rem;
    }
}

/*---------------------------------------
クリーニングシステム
---------------------------------------*/

.h1-system{
    color:#11a4ff;
    font-size:2.6rem;
    text-align:center;
    margin-bottom:1em;
}

.sys-arrow{
    text-align: center;
}

.sys-arrow img{
    width:80px;
}

.h2-system{
	color: red;
	font-size: 2.4rem;
    margin-bottom:1em;
}

.sys-step-box li{
    font-size:1.7rem;
    margin-bottom:0.5em;
}

.page-top-image img{
    width:100%;
}

/*---------------------------------------
会社概要
---------------------------------------*/

.h1-company{
    color:#f00;
    font-size:2.6rem;
    text-align:center;
}

.company-ta{
    width:100%;
}

.company-ta th,.company-ta td{
    padding:8px;
    border:1px solid #000;
}


/*---------------------------------------
求人情報
---------------------------------------*/

.rec-info{
    border-bottom:1px dashed #59933c;
    margin-bottom:2em;
    padding-bottom:1em;
}

.rec-info p{
    line-height: 2;
}

.rec-tel{
    font-size:2.1rem;
    font-weight: bold;
}



.recruit-ta{
    width:100%;
    margin-bottom:2em;
}

.recruit-ta caption{
    text-align: left;
    font-weight: bold;
    padding: 1em 0 0.5rem;
}

.recruit-ta th,.recruit-ta td{
    border:1px solid #999;
    padding:6px;
}

.recruit-ta th{
    width:20%;
    width:20%;
}

.h2-recruit{
    color:#59933C;
    font-size:2.0rem;
    margin:10px 0;
}

.recruit-image{
    margin-bottom:20px;
    max-width:820px;
}










/*---------------------------------------
お問い合わせ
---------------------------------------*/

.h1-contact {
	font-size: 2.6rem;
	color: #11a4ff;
    text-align:center;
    margin-bottom:10px;
}

.grecaptcha-badge:not(.page-template-contact .grecaptcha-badge) { visibility: hidden; }


/*---------------------------------------
プライバシーポリシー
---------------------------------------*/

.h3-privacy{
    color:#f00;
    font-size:3.6rem;
    text-align: center;
    margin-bottom:0.5em;
}

.privacy-list dt{
    font-size:2.4rem;
    margin-bottom:1em;
    font-weight: bold;
}

.privacy-list dd{
    font-size:1.6rem;
    margin-bottom:3em;
}

.privacy-use{
    margin-bottom:2em;
}

.privacy-use li{
    margin-bottom:1em;
    font-size:1.6rem;
}

#rinen-waku{
	border-style:groove;
    margin-bottom:1em;
    padding:20px 10px;
}

.h4-privacy{
	font-size:3.0rem;
	padding:20px 0;
	text-align:center;
	color:red;
	font-weight:bold;    
}

.rinen-list,.rinen-list li{
    font-size:1.9rem;
    margin-bottom:0.2em;
    padding:10px;
}


/*--------------------------
ショップ情報
--------------------------*/

#sale-btn{
    display: table;
    width:100%;
    padding:20px 0;
}

#sale-btn li{
    display:table-cell;
    width: -webkit-calc(100% / 8);
    width: calc(100% / 8);
    border-left:1px solid #11a4ff;
    text-align: center;
}

#sale-btn li a{
    color:#11a4ff;
    text-decoration: none;
}

.h1-shop{
    color:#fff;
    font-size:2.6rem;
    margin-bottom:0.5em;
    text-align: center;
}

.shop-box{
    margin-bottom:1em;
    padding-bottom:1em;
    border-bottom:1px dashed #11a4ff;
}

.h2-shop-page{
    font-size:2.0rem;
}

.shop-post{
    font-size:1.4rem;
    margin-right:1em;
}

#page-main-cont-in-shop{
    padding:1em;
    background: #f2f2f2;
    border-radius: 12px;
    -webkit-border-radius:12px;
    -mozkit-border-radius:12px;    
    }

.shop-area-box{
    background:#fff;
    border-radius: 12px;
    margin-bottom:2em;
}

.shop-area-box-in{
    padding:1em;
}


/* 06.リボン型の見出し（影調整） */
.h1-shop{
	position:relative;
	padding:10px;
	background:#88ccef;
	box-shadow:
		10px 0 0 0 #88ccef,
		-10px 0 0 0 #88ccef,
		0 3px 3px 0 rgba(0,0,0,0.1);
}

.h1-shop:before{
	content:" ";
	position:absolute;
	top:100%;
	left:-10px;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#7bb8d8;
}

.h1-shop:after{
	content:" ";
	position:absolute;
	top:100%;
	left:100%;
	width:0;
	height:0;
	border-width:10px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#7bb8d8;
}

.go-area{
    font-size:1.5rem;
    color:#ff6200;
    margin-bottom:2em;
}

.go-sale{
    background:#EB225E;
    padding:4px;
    color:#fff;
    font-size:1.3rem;
}

.h2-shop-page a:hover{
    color:#79ccff;
}

.go-sale a:link, .go-sale a:visited{
    color:#fff;
    text-decoration: none;    
}

.go-sale a:hover{
    color:#ffbaba;
}

.sale-shop-name{
    font-size:2.2rem;
    padding:0;
    text-align: left;
    color:#003fce;
}

.sale-all-date{
    color:#f00;
    font-weight: bold;
}

.h3-sale-all-name{
    color:#3d6629;
    font-size:1.8rem;
}

.sale-all-item-ta{
    width:100%;
    margin-bottom:5px;
    border:1px solid #59933c;
}

.sale-all-item-ta th,.sale-item-ta td{
    padding:5px;
}

.sale-all-item-ta th{
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    color:#fff;
    background:#59933C;
    text-align: left;
    width:70%;
    font-weight: normal;
}

.sale-all-item-ta tr:last-child th{
    border-bottom:none;
}

.sale-all-item-ta tr:first-child th{
    border-top:none;
}

.sale-all-item-ta td{
    border:1px solid #59933C;
    text-align: left;
    background: #F7F9E8;
    color: #ef0d50;
    font-weight: bold;
}

/* 2021.09.02 セール情報一覧ページに店休日追加 */

.sale-holiday{
    font-size:1.3rem;
    font-weight: bold;
}

.sale-holiday span{
    background: #f00;
    color:#fff;
    padding:2px 10px;
}

.sale-holiday span{
    margin-right:10px;
    font-weight: normal;
}



/*--------------------------
ショップ情報シングルページ
--------------------------*/ 

.h1-single{
    text-align: center;
    color:#037dc9;
    margin:0.8em 0;
    font-size:3.4rem;
}


/*--- リボン風見出し 本体 ---*/

.h2-single-box{
	position: relative;  /* 相対配置（相対位置）*/
	width: 60%;
	line-height: 1.2;  /* 行の高さ */
	margin: 20px auto 30px;
	padding: 10px 0px;
	background: #eb225e;
	font-weight: bold;
	color: #ffff00;
	text-align: center;
	box-shadow: 0 8px 25px -10px #333;/* ボックスに影 */
	  }

.h2-single{   /* テキスト部分 */
	margin: 0 15px;
	padding: 5px;
	border-top: 1px dashed #99ff99;
	border-bottom:1px dashed #99ff99;
    font-size:1.8rem;
	 }

.h2-single span{
	color:#fff;
        }

.h2-single span:before{   /* テキスト部分に ★ マーク */
	content: "★";
	position: absolute;
	color:#99ff99;
	font-size: 10px;
	top:-2px;left:10px;
	  }

.h2-single span:after{  /* CSS疑似要素 :before / :after */
	content: "★";
	position: absolute;
	color:#99ff99;
	font-size: 10px;
	bottom:-2px;right:10px;
	  }

/* ここから本番 リボン飾り */
/* 左右の凹み(逆)三角形 */

.h2-single-box:before, .h2-single-box:after{   /* 左右の凹み三角,共用コード */
	content: "";
	position: absolute; /* 絶対配置 */
	z-index: -1;/* 要素の重なり順序 */
	bottom: -20px; /* 下辺からの距離  top,left,bottom,right 親要素からの距離*/
	width: 0; height: 0; 
	 border: 30px solid #ec4477; /* ボーダー: 幅 実線 色 */
	  }

.h2-single-box:before{   /* 左の凹み三角 */
	left: -40px;  /* 左辺からの距離 */
	border-left-color: transparent; /* 左ボーダーを透明に */
	  }

.h2-single-box:after{   /* 右の凹み三角 */
	right: -40px; /* 右辺からの距離 */
	border-right-color: transparent;/* 右ボーダーを透明に */
	  }

/* 左右の折り返し三角 */
.h2-single:before, .h2-single:after{   /* 左右の折り返し三角,共用コード */
	content: "";
	position: absolute;/* 絶対配置 */
	width: 0; height: 0;
	bottom: -20px;/* 下辺からの距離 */
	  }

.h2-single:before{   /* 折り返し三角 左 */
      left: 0;/* 左辺からの位置 */
      border-top: 20px solid #690629;
      border-left: 20px solid transparent;
	  }

.h2-single:after{   /* 折り返し三角 右 */
      right: 0;/* 右辺からの距離 */
      border-top: 20px solid #690629;
      border-right: 20px solid transparent;
	  }


.sale-date{
    color:#ef0d50;
    font-size:1.6rem;
    text-align: center;
    font-weight: bold;
    /* //background: #fffcad; */
    padding:8px;
}

.h3-sale-name{
    font-size:1.8rem;
    color:#3D6629;
    font-weight: bold;
    margin-bottom:0.5em;
    text-align: center;    
}

.sale-item-ta{
    margin-bottom:5px;
    width:100%;
    border:1px solid #59933C;
}

.sale-item-ta th,.sale-item-ta td{
    padding:10px;
}

.sale-item-ta th{
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    color:#fff;
    background:#59933C;
    text-align: left;
    width:60%;
}

.sale-item-ta tr:last-child th{
    border-bottom:none;
}

.sale-item-ta tr:first-child th{
    border-top:none;
}

.sale-item-ta td{
    border:1px solid #59933C;
    text-align: left;
    background: #F7F9E8;
    color: #ef0d50;
    font-weight: bold;
}

.sale-att{
    font-size:1.3rem;
    margin-bottom:1em;
}

.sale-att-time{
    color:#f00;
    font-weight:bold;    
}

.sale-box{
    background:#fff;
    padding:1em;
    margin-bottom:20px;
    border-radius: 16px;
    box-shadow: 1px 1px 3px #ccc;  
}

.sale-box:last-child{
    margin-bottom:2em;
}

.shop-image-box{
    width:90%;
    margin:20px auto;
}

.h2-sale{
    color:#59933C;
    margin-bottom:10px;
}

.sale-all-area{
    font-size:2.0rem;
    margin: 0 0 10px 20px;
}

/* map 埋込用　*/

.acf-map {
    width: 90%;
    height: 300px;
    border: #ccc solid 1px;
    margin: 20px auto;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


/* 店舗写真　設定　*/


.ImgGroup {
    width: 100%;
    margin: 0 auto;}

.ImgMain{
    width: 100%;
}
.ImgMain img{
    width: 100%;
}

ul.ImgThumbs {
    width: 100%;
}

ul.ImgThumbs li{
/*     //display: inline-block;
    //width: 23%; */
    width:80%;
}
ul.ImgThumbs li img {
    width: 100%;
    cursor: pointer;
    border: 1px solid transparent;
}
ul.ImgThumbs li.current img {
    border: 1px solid #f33 !important;
}

/*---------------------------------------
新着情報シングル
---------------------------------------*/

.news-cont dt{
    color:#555;
    font-size:2.0rem;
    margin-bottom:0.5em;
    border-bottom:1px dashed #999;
    padding-bottom:1em;
}

.news-cont-date{
    font-size:1.4rem;
    color:#59933c;
    text-align: right;
}




/*========================================
タブレット用
========================================*/

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

/*--------------------------
footer
--------------------------*/     
    
    footer li {
    padding:0 10px;
    font-size:1.4rem;
}
    
    
    
/*--------------------------
トップページ
--------------------------*/    
    
    #bn-sale h1{
        top:30%;
        left:150px;
        right:0;
        font-size:4.0rem;
    }
    
    .bt-topmenu{
        width:49%;
        display: inline-block;
        text-align: center;
    }
    
    .bt-topmenu:first-child{
        margin-right:1%;
    }
    
/*--------------------------
メニューページ
--------------------------*/     
    
    
/*-------- シミ ---------*/
    
    .shimi-movie{
        width:60%;
        margin:0 auto 2em;
    }
    
    .fukugen-text{
        font-size:1.8rem;
        padding-top:20px;
    }        
    
/*--------------------------
ショップ情報
--------------------------*/

#page-main-cont-in-shop{
    padding:2em;
    }    

    
.shop-area-box-in{
    padding:2em;
}    
    
/*--------------------------
セール情報シングルページ
--------------------------*/ 

.sale-box{
    padding:2em;
}

.h2-single{
	font-size: 3.0rem;
    }
    
.sale-date{
    font-size:2.4rem;
    margin-bottom:0.6em;
}

.h3-sale-name{
    font-size:2.8rem;
    margin-bottom:0.5em;
    
} 

.sale-item-ta th{
    width:80%;    
}
    
.go-sale{
    margin-left:20px;
}
    



/*========================================
PC用設定
========================================*/

@media screen and (min-width:768px){
    
/*ヘッダー*/
    
header img{
    max-width: 960px;
}
    
    
/*トップページ*/

    #bn-sale h1{
        top:30%;
        left:20%;
        right:0;
        font-size:4.6rem;
    }
    
    #main-cont{
        padding:2em;
    }

    #page-main-cont{
        padding:30px 40px;
    }
    
    #page-main-cont-in{
        padding:30px;    
    }
    
/*オゾンウェット*/ 
    
    .process-ta{
        width:70%;    
    }
    
    .process-ta td{
        padding-right:20px;
    }
    
/*しみ抜き*/     

    #tigai {
        width: 100%;
        background:url(../img/menu/simi-img01.jpg) right top no-repeat;
        padding: 50px 30px;
        margin-bottom:1em;
    }
    
    .simi-price-ta{
        width:90%;
        margin:1em auto;
    }    
    
    .simi-price-ta th,.simi-price-ta td{
        padding:20px 10px;
        font-size:2.0rem;
    } 
    
    .fukugen-text{
        font-size:1.8rem;
        padding-top:40px;
    }    
    
/*　折り目加工 */

    .h2-orime{
        font-size:4.0rem;
    }

    .orime-price-ta{
        width:60%;
        margin: 1em 0;
    }
    
/* 革メンテナンス */
    
    .h1-leather{
        font-size:4.8rem;
    }
    
    .leather-copy{
        color:#003fce;
        font-size:2.6rem;
    }

/*その他*/
    
    #other-box{
        padding:30px;
    }
    
    #other-box p{
        margin-bottom:2em;
        font-size:1.8rem;
    }    
    
    .h1-other{
        font-size:3.6rem;
    }
    
    .h2-other {
	    font-size: 3.6rem;
	    margin-bottom:20px;
    }
    
/*システム*/
    .h1-system{
        font-size:3.6rem;
    }
    
    .sys-arrow img{
        width:140px;
    }
    
/*会社概要*/
    .h1-company{
        font-size:3.6rem;
    }
    
/*お問い合わせ*/    
    .h1-contact {
	    font-size: 2.6rem;
}
    
/*セール情報singleページ*/    
    
.sale-date{
    text-align: center;
    font-weight: bold;
    background:none;
}

    
}}