@charset "utf-8";

/*=========================
　　　　基本設定
===========================*/
body{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin:0;
	padding:0;
    letter-spacing: 0.05em;
    color: #7C6A56;
	-webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
}

a,a:hover{
    color: inherit;
	text-decoration:none;
	border:0;}
	
h1,h2,h3,h4,h5,h6,p{
	padding:0;
	margin:0;}
	
ul,li{
	list-style:none;
	padding:0;
	margin:0;}

img{
	max-width:100%;
	height:auto;
    vertical-align: top;
}
	
.clear{
	clear:both;}
	
.contents{
    width: 1080px;
	margin: 0 auto;
	clear: both;
}

.single_text{
	letter-spacing: 1px;
	line-height: 1.7;
}

.inline_cent{
	display:inline-block;
	vertical-align:middle;}

.block_left{
	float:left;}
	
.block_right{
	float:right;}

.block{
    display: block!important;
}

.margin_t_10{margin-top: 10px!important}
.margin_t_20{margin-top: 20px!important}
.margin_t_30{margin-top: 30px!important}
.margin_t_40{margin-top: 40px!important}
.margin_t_50{margin-top: 50px!important}
.margin_t_60{margin-top: 60px!important}
.margin_t_80{margin-top: 80px!important}
.margin_t_100{margin-top: 100px!important}
.margin_t_150{margin-top: 150px!important}
.margin_t_200{margin-top: 200px!important}
.margin_b_10{margin-bottom: 10px!important;}
.margin_b_20{margin-bottom: 20px!important;}
.margin_b_30{margin-bottom: 30px!important;}
.margin_b_40{margin-bottom: 40px!important;}
.margin_b_50{margin-bottom: 50px!important;}
.margin_b_60{margin-bottom: 60px!important;}
.margin_b_80{margin-bottom: 80px!important;}
.margin_b_100{margin-bottom: 100px!important;}
.margin_b_150{margin-bottom: 150px!important;}
.margin_b_200{margin-bottom: 200px!important;}

.padding_t_10{padding-top: 10px!important}
.padding_t_20{padding-top: 20px!important}
.padding_t_30{padding-top: 30px!important}
.padding_t_40{padding-top: 40px!important}
.padding_t_50{padding-top: 50px!important}
.padding_t_60{padding-top: 60px!important}
.padding_t_80{padding-top: 80px!important}
.padding_t_100{padding-top: 100px!important}
.padding_t_150{padding-top: 150px!important}
.padding_t_200{padding-top: 200px!important}
.padding_b_10{padding-bottom: 10px!important;}
.padding_b_20{padding-bottom: 20px!important;}
.padding_b_30{padding-bottom: 30px!important;}
.padding_b_40{padding-bottom: 40px!important;}
.padding_b_50{padding-bottom: 50px!important;}
.padding_b_60{padding-bottom: 60px!important;}
.padding_b_80{padding-bottom: 80px!important;}
.padding_b_100{padding-bottom: 100px!important;}
.padding_b_150{padding-bottom: 150px!important;}
.padding_b_200{padding-bottom: 200px!important;}

.sp, .sp_tab, .pc_sp_tab{
	display:none!important;}

.font_11{font-size: 11px;}
.font_12{font-size: 12px;}
.font_13{font-size: 13px;}
.font_14{font-size: 14px;}
.font_15{font-size: 15px;}
.font_16{font-size: 16px;}
.font_17{font-size: 17px;}
.font_18{font-size: 18px;}
.font_19{font-size: 19px;}
.font_20{font-size: 20px;}
.font_21{font-size: 21px;}
.font_22{font-size: 22px;}
.font_23{font-size: 23px;}
.font_28{font-size: 28px;}
.font_29{font-size: 29px;}
.font_30{font-size: 30px;}
.font_50{font-size: 50px;}
.font_52{font-size: 52px;}
.font_55{font-size: 55px;}
.font_b{font-weight:600;}
.font_left{text-align: left!important;}
.font_right{text-align: right!important;}
.centering{text-align:center!important;}
.centering_left{text-align: left; display: inline-block;}
.font_red{color: #FF0000;}

.indent_1{
    padding-left:1em;
    text-indent:-1.1em;
}
.indent_2{
    padding-left:2em;
    text-indent:-2.1em;
}

.width_20{width: 20%!important;}
.width_30{width: 30%!important;}
.width_40{width: 40%!important;}
.width_50{width: 50%!important;}
.width_60{width: 60%!important;}
.width_70{width: 70%!important;}
.width_80{width: 80%!important;}
.width_90{width: 90%!important;}
.width_100{width: 100%!important;}

/*=========================
    ヘッダー
===========================*/
#header{
    padding: 60px 0;
}

/*=========================
    フッター
===========================*/
#footer{
    padding: 60px 0 10px;
    background: #EFDBDC;
}
.footer_company_name{
    font-size: 18px;
}
.footer_company_info{
    font-size: 14px;
}
.copyright{
    font-size: 9px;
    text-align: center;
}

/*=========================
    トップページ
===========================*/
.text_01{
    font-size: 34px;
    line-height: 2.5;
}
.shopping_button_area .block_left,.shopping_button_area .block_right{
    width: 48%;
}
.shopping_text{
    font-size: 20px;
}

/*===========================================================================
　　レスポンシブ設定
=============================================================================*/
   /*=====タブレット=====*/
@media(max-width: 1079px){
	.contents{
		width: 95%;
    }
	.pc{
		display: none!important;
	}
	.sp_tab{
		display: block!important;
	}
}

   /*=====スマホ=====*/
@media(max-width: 759px){
	.sp{
		display:block!important;}
	
	.pc_tab{
		display: none!important;
	}
    
    .width_20,.width_30,.width_40,.width_50,.width_60,.width_70,.width_80,.width_90{width: 100%!important;}
}



