/******* ここから旧配送料金用CSS変更しない事 *******/
/*    共通    */
.sp_only{
    display: none;
}

.breadcrumb4{
 width:600px;
}

.bt_none{
    border-top: none !important;
}

.bb_none{
    border-bottom: none !important;
}

.bb_none2{
    border-bottom: 4px solid #cccccc !important;
}


.top_read{
    font-size: 1.05em;
    padding: 1.8em;
    text-align: center;
}

.notes{
    font-size: 85%;
}

#delivery_area h2{
	margin:0 !important;
}

.indent{
	padding-left:1em;
	text-indent:-1em;
}

.mt05em{
	margin-top:0.5em;
}

.mt1em{
	margin-top:1em;
}

.mt2em{
	margin-top:2em;
}

.flexbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.red_note {
	color:#cc2600;
}

.small_f{
	 font-size: 0.8rem;
}

.caution a,
.caution2 a {
    font-size: 0.9rem;
	padding:0.5em 1.7em 0.5em 1em;
	background:#fff;
	border:1px solid #eee;
	margin:1em 0 0 0;
	position: relative;
}

.caution a,
.caution2 a {
	display:block;
	background:#fff;
}

.caution a i {
    color: #cccccc;
    font-size: 0.8rem;
    font-weight: normal;
    position: absolute;
    right: 0.5em;
    top: 1.05em;
}

.caution2 a i {
    color: #cccccc;
    font-size: 0.8rem;
    font-weight: normal;
    position: absolute;
    right: 0.5em;
    top: 0.9em;
}

#delivery_area .notice {
	font-size: 90%;
}

#delivery_area .info {
	background-color: #eee;
	font-size:115%;
    padding: 4em auto 1em;
    text-align: center;
}
#free_cam{   
    text-align: center;    
}
  
#free_cam ul{       
	display: -webkit-flex;
	display: flex;
    width: 100%;
}
    
#free_cam ul li:first-child{
    margin-right: 1em;
}   
    
#free_cam ul li{
    width : calc((100% - 2em) / 3) ;
}       
     
#free_cam h1{
    font-size: 160% !important;
    font-weight: normal;
    margin: 0.2em 0 0.5em;
}

#free_cam .lead{
    margin: 0.6em 0 1.5em;
    line-height: 1.7;
}
    
#free_cam .days{
    font-size: 120%;        
}

#free_cam h3 div{
    font-size: 90%;
    display: inline;
}

.free_cam_caution{
   font-size: 80%;
   line-height: 1.7;
   text-align: left;
   margin: 1em 0 2em 240px;   
}

/* エリアマップ */
#map_content .campaign {
	width: 75%;
	margin: -2em auto 4em;
}
#map_content .campaign .caption {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
#map_content .campaign .notice {
	font-size: 0.9rem;
    font-weight: normal;
    margin:3em 0 5em 3.5em;
}
#map_content .campaign dl {
	font-size: 1.2rem;
	font-weight: bold;
}
#map_content .campaign dl dt {
	margin-bottom: 1em;
	text-align: center;
}
#map_content .campaign dl dd {
	margin-bottom: 1em;
    text-align: center;
}
#map_content .campaign dl dd span {
	color:#f00;
}
.notice_island {
	font-size: 0.8rem;
	margin:0.2em 1em 0em 90px;
}

#delivery_area #map_content{
	margin:4em 0 1.5em 0;
}

#delivery_area #map_content p.m_read{
	margin: 1em;
	text-align:center;
	font-size: 1rem;
}

#deli_map_css{
	width:700px;
	height: 28em;
	position:relative;
	margin:1.5em auto;
	padding:0;
}
#deli_map_css li a{
	background:#eee;
	display:block;
	text-align:center;
	font-size: 0.8rem;
	color: #000;
    border-bottom: solid 4px #eee;
    border-radius: 4px;
}

#deli_map_css li a:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

#deli_map_css li span{
	font-weight:bold;
	font-size:1.2rem;
	line-height:1.2;
}

#deli_map_css li.ho_btn a{
	padding:2.4em 0.8em;
	margin:0.5em;
	position:absolute;
	top:0;
	right:0;
	background:#bacde0;
	width:22%;
}

#deli_map_css li.to_btn a{
	padding:1.2em 0.8em 0.8em;
	margin:0.5em;
	position:absolute;
	top:7.5em;
	right:0;
	background:#9dd9e5;
	width:12%;
}

#deli_map_css li.ka_btn a{
	padding:1.4em 0.8em 1em;
	margin:0.5em;
	position:absolute;
	top:13.8em;
	right:0;
	background:#97dbd4;	
	width:18%;
}

#deli_map_css li.cb_btn a{
	padding:2em 0.8em 2em;
	margin:0.5em;
	position:absolute;
	top:14.5em;
	right:22%;
	background:#d9dcaa;
	width:15.5%;
}

#deli_map_css li.hk_btn a{
	padding:2em 0.8em 2em;
	margin:0.5em;
	position:absolute;
	top:11em;
	left:39%;
	background:#b9e2b5;
	width:15%;
}

#deli_map_css li.ks_btn a{
	padding:2em 0.8em 2em;
	margin:0.5em;
	position:absolute;
	top:17.7em;
	left:39%;
	background:#ebd5a3;
	width:15%;
}

#deli_map_css li.cg_btn a{
	padding:2em 0.8em 2em;
	margin:0.5em;
	position:absolute;
	top:11em;
	left:20%;
	background:#e0d0ef;
	width:15%;
}

#deli_map_css li.sk_btn a{
	padding:2em 0.8em 2em;
	margin:0.5em;
	position:absolute;
	top:17.7em;
	left:20%;
	background:#f0c9e6;
	width:15%;
}

#deli_map_css li.ky_btn a{
	padding:2em 0.8em 2em;
	margin:0.5em;
	position:absolute;
	top:19em;
	left:1%;
	background:#efb7b3;
	width:15%;
}

#deli_map_css li.ok_btn {
	padding:0 4% 2% 2%;
	margin:0.5em;
	position:absolute;
	top:0.2em;
	left:0.1em;
	width:21%;
	height:8.2em;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#deli_map_css li.ok_btn a{
	padding:1.2em 0.85em;
	margin:2% 3% 2% 2%;
	position:absolute;
	top:0;
	left:0.5em;
	background:#e0a78d;
	width:48%;
}

/* 全域ボタン */

.deli_area_btn {
	width: 100%;
	margin:2em 0;
}

.deli_area_btn li {
	float: left;
	height: 48px;
	line-height: 48px;
	width:calc(50% - 0.5em);
	margin-bottom:1%;
	text-align:center;
}

.deli_area_btn li a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff;
	display: block;
	text-decoration: none;
	color: #333;
	border: 2px solid #cdcdcd;
	height: 48px;
	line-height: 48px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position:relative;
	font-size:1rem;
	letter-spacing:0.1em;
}

.deli_area_btn li i {
    position:absolute;
	top:1.6em;
	right:0.5em;
	font-weight:normal;
	color:#333;
	font-size:0.7rem
}

.deli_area_btn li:nth-child(odd){
	margin-right:1em;
}


h2.deli_zeniki{
	background:#555;    
	color:#fff;
	margin:0;
	padding:1em;
	position:relative;
}

h2.deli_zeniki a{
	display:block;
	color:#fff;
	font-size:1.1rem
}

h2.deli_zeniki a i {
    position:absolute;
	top:1.9em;
	right:0.7em;
	font-weight:normal;
	color:#fff;
	font-size:0.7rem
}

h2.deli_chiiki{
	background:#808080;
	color:#000;
	margin:0;
	padding:0.7em;
	position:relative;
}

h2.deli_chiiki a{
	display:block;
	color:#fff;
	font-size:1.1rem
}

h2.deli_chiiki a i {
    position:absolute;
	top:1.4em;
	right:0.7em;
	font-weight:normal;
	color:#fff;
	font-size:0.7rem
}


#btn_content_pre{
	margin-top:0.5em;
}

h2.deli_zeniki2{
	width:54%;
	/* background:#cccccc; */
    background:#555;
	color:#fff;
	/* width: 100%; */
	margin:0;
	padding:0.7em 0.7em 0.7em 0.8em;
	position:relative;
}

h2.deli_zeniki2 a{
	display:block;
	color:#fff;
	font-size:1.1rem
}

h2.deli_zeniki2 a i {
    position:absolute;
	top:1.6em;
	right:0.7em;
	font-weight:normal;
	color:#fff;
	font-size:0.7rem
}

h2.deli_chiiki2{
	width:41%; /*こちらは修正しないでください。レイアウトが崩れます*/
	margin:0;
	padding:0.7em 0.7em 0.7em 0.8em;
	position:relative;
}

h2.deli_chiiki2 a{
	display:block;
	color:#fff;
	font-size:1.1rem	
}

h2.deli_chiiki2 a i {
    position:absolute;
	top:1.6em;
	right:0.7em;
	font-weight:normal;
	color:#fff;
	font-size:0.7rem
}

.kanto{
	/* background:#97dbd4; */
    background:#7db160;
}

h3.kt_tit{
	/* background:#97dbd4; */
    background:#7db160;
	color:#fff;
	margin:0;
	padding:1em 1em 1em 0.8em;
	display:block;
	font-size:1.1rem		
}

.tohoku{
	/* background:#9dd9e5; */
    background:#7db160;
}

h3.to_tit{
	/* background:#9dd9e5; */
    background:#7db160;    
	color:#fff;
	margin:0;
	padding:1em 1em 1em 0.8em;
	display:block;
	font-size:1.1rem;
}

.chubu{
	/* background:#d9dcaa; */
    background:#7db160;    
}

h3.cb_tit{
	/* background:#d9dcaa; */
    background:#7db160;    
	color:#fff;
	margin:0;
	padding:1em 1em 1em 0.8em;
	display:block;
	font-size:1.1rem		
}

.hokuriku{
	/* background:#b9e2b5; */
    background:#7db160;    
}

h3.hk_tit{
	/* background:#b9e2b5; */
    background:#7db160;    
	color:#fff;
	margin:0;
	padding:1em 1em 1em 0.8em;
	display:block;
	font-size:1.1rem		
}

.kansai{
	/* background:#ebd5a3; */
    background:#7db160;    
}

h3.ks_tit{
	/* background:#ebd5a3; */
    background:#7db160;    
	color:#fff;
	margin:0;
	padding:1em 1em 1em 0.8em;
	display:block;
	font-size:1.1rem		
}

.chugoku{
	/* background:#e0d0ef; */
    background:#7db160;    
}

h3.cg_tit{
	/* background:#e0d0ef; */
    background:#7db160;    
	color:#fff;
	margin:0;
	padding:1em 1em 1em 0.8em;
	display:block;
	font-size:1.1rem		
}

.shikoku{
	/* background:#f0c9e6; */
    background:#7db160;    
}

h3.sk_tit{
	/* background:#f0c9e6; */
    background:#7db160;    
	color:#fff;
	margin:0;
	padding:1em 1em 1em 0.8em;
	display:block;
	font-size:1.1rem		
}

.kyushu{
	/* background:#efb7b3; */
    background:#7db160;    
}

h3.ky_tit{
	/* background:#efb7b3; */
    background:#7db160;    
	color:#fff;
	margin:0;
	padding:1em 1em 1em 0.8em;
	display:block;
	font-size:1.1rem		
}


/*  サービス  */
#delivery_area #service{
    background:#efefef;
	padding:1em 3em 3em;
	font-size:16px;
}

#delivery_area #service h1{
	text-align:center;
	background:#eee;
	border:none;
	font-size:1.2rem
}

#delivery_area #service h2{
	text-align:center;
	background:#ebd5a3;
	padding:0.7em;
    letter-spacing: 1.5px;    
}

#delivery_area #service h2.rates{
	text-align:center;
	background:#b9e2b5;
	padding:0.7em;
	font-weight:bold;
	font-size:1.0rem;
    letter-spacing: 1.5px;
}


#delivery_area #service p.rates{
	text-align:center;
	background:#b9e2b5;
	padding:0.7em;
	font-weight:bold;
    letter-spacing: 1.5px;
    box-sizing: border-box;
}

#delivery_area #service p.rates_sub{
	text-align:center;
	background:#333;
	padding:0.7em;
	font-weight:bold;
	margin-top:-0.5em;
	color:#fff;
    letter-spacing: 1.5px;    
}

.sankaku {
    border-color: #b9e2b5 transparent transparent;
    border-style: solid;
    border-width: 30px;
    display: block;
    height: 0;
    margin: 0 auto;
    text-align: center;
    width: 0;
}

#delivery_area #service .rates2{
	text-align:left;
	font-size:0.9rem;
	background:#fff;
	padding:0.8em;
	border-top:none;
	border-left:1px solid #fff;
	border-top:1px solid #fff;    
	border-right:none;
    box-sizing: border-box;
}

#delivery_area #service .rates3{
	text-align:center;
	background:#333;
	padding:0.4em;
	border-top:none;
	color:#fff;
}

#delivery_area #service .rates3b{
	text-align:center;
	background:#eee;
	padding: 0.5em 0 0.3em;
	border-top:2px solid #cccccc;
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;	
	color:#000;
	font-size:1rem;
	font-weight:bold;
}

#delivery_area #service .rates3c{
	border-top:1px solid #222;
	text-align:center;
	background:#fff;
	padding: 0.5em 0 0.3em;
	color:#000;
	font-size:1rem;
	font-weight:bold;
	line-height:1.4;
}

.hosoku{
	font-size:0.8rem !important;
	font-weight:normal;
	color:#cccccc;
}

.hosoku2{
	font-weight:bold;
	/* color:#c00; */
}

.hosoku3{
    font-size: 0.8rem;
    padding: 0.4em !important;
    text-align: left;
}  

#delivery_area #service .rates4{
	background:#fff;
	text-align:left;
	padding:0.4em;
	font-size:0.8rem;
	border-top:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
}

#delivery_area #service .rates5{
	background:#b6f4b9;
	text-align:left;
	padding:1.0em;
	/* font-size:1.1rem; */
	font-weight:bold;
	border-top:2px solid #cccccc;	
}


#delivery_area #service .rates3 li:nth-of-type(1){
	font-size:1.0rem;
	font-weight:bold;
}

#delivery_area #service .rates3 li:nth-of-type(2){
	font-size:0.8rem;
}


#delivery_area #service h3{
	text-align:center;
	background:#f7cc80;
}

.cam_read{
    margin: 2.2em 0 0;
	padding:0.8em;
	font-size:0.95rem;
	text-align:center;
    background: #ED6D1E;
    color: #fff;
    border-radius: 10px;
    line-height: 2;
}

.cam_read span{
    font-size: 1.2rem;
    font-weight: bold;
    background: #fff;
    color: #ED6D1E;
    line-height: 2;
    padding: 0.2em 0.6em;
    border-radius: 6px;
}

#delivery_area #service dl{
	margin:2em 0 0 0;
}

#delivery_area #service dl:nth-of-type(1){
	margin:0;
}

#delivery_area #service dd{
	background:#fff;
	padding:1em;
}

#delivery_area #service dd.area3_waku{
	background:#fff;
	padding:1em 1em 2em 1em;
    border-left: 18px solid #EBD5A3;
    border-right: 18px solid #EBD5A3;
    border-bottom: 18px solid #EBD5A3;    
}

#delivery_area #service dd.area3_waku2{
	background:#fff;
	padding:2em;
    border-left: 18px solid #EBD5A3;
    border-right: 18px solid #EBD5A3;
    border-bottom: 18px solid #EBD5A3;    
}


#delivery_area #service dd.table{
	padding:0;
	width:100%;
}

table.type01 {
	border-collapse: collapse;
	text-align: canter;
	line-height: 1.5;
	width:100%;
}

table.type01 dd{
    border: 0;
}


table.type01 th {
	background:#eee;
	font-size:0.9rem;
	width: 25%;
	text-align: center;
	/* padding: 0.5em; */
	padding: 0.2em;	
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #cccccc;
	color:#000;
}


table.type01 th:first-child {
	border-left:2px solid #cccccc;
}

table.type01 th:last-child {
	border-right:2px solid #cccccc;
}


table.type01 td {
	width: 25%;
	text-align: center;
	/* padding: 0.5em; */
	padding: 0.7em;	
	vertical-align: top;
	border: 1px solid #cccccc;
    background: #fff;
}

table.type01 td:first-child {
	border-left:2px solid #cccccc;
}

table.type01 td:last-child {
	border-right:2px solid #cccccc;
}


table.type01 span {
	font-size:0.9rem;
}

th.takuhai{
	background:#b9e2b5 !important;
	border-top:2px solid #cccccc !important;
}

/*    下部文言    */
#delivery_area #footer_content{
	padding:4rem 1rem;
}

#delivery_area #footer_content h2{
	font-size: 1.0rem;
	font-weight: normal;
	border-bottom: 1px dotted #7f7f7f;
	margin: 1em 0 0;
	font-weight:bold;	
	padding:0.5em;
}


#delivery_area  #footer_content p {
	margin-bottom: 1.2em;
	padding:0.5em;
	font-size: 0.9rem;
}

/******* ▲▲▲▲▲ここまで旧配送料金用CSS変更しない事▲▲▲▲▲ *******/

/*   タブCSS    */

.nav_btn ul li:first-child{
    text-align: center;
    font-weight: bold;
    font-size: 110%;
}

.nav_btn ul li:nth-child(2){
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    border: 2px solid #555;
    padding: 1em;
    margin:1em 0 2em 0;
}
.lead_text {
	margin:0 auto 2em;
	font-size: 110%;
	text-align: center;

}

.lead_text > a {
    color:#ca0000;
}
/*タブの中身を初期非表示に*/
.ChangeElem_Panel {
    display: none;
}

/*タブを横並べに*/
.ChangeElem_Btn_Content {
  display: flex;
  justify-content: space-around;
  margin-bottom: -12px;    
}

.ChangeElem_Btn_Content button{
    position: relative;
}
    
.ChangeElem_Btn_Content button img{
    position: absolute;
    top:30px;
    left: 66px;
}
    


.ChangeElem_Btn { 
  border: 0;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top: 4px solid #eee;    
  border-right: 4px solid #eee;
  border-left: 4px solid #eee;
  border-bottom: 4px solid #eee;      
  background: #fff;
  color: #333;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  flex: 1;
  font-size: 1.3rem;
  padding: 1em 0 0.7em 0;
  position: relative;
  transition: all .3s ease-in-out;
  margin-right:0x;
  line-height: 1.5;
  margin-bottom: 10px;
  height: 130px;
}

.ChangeElem_Btn:first-child { 
  margin-right:10px;
}

/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn img.on,
.ChangeElem_Btn img.on {
  display: none;
}

/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn img.off,
.ChangeElem_Btn img.off {
  display: block;
}

/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn:hover,
.ChangeElem_Btn.is-active {
  background: #eee;
  box-sizing: border-box;
  color: #000;
  border-top: 4px solid #eee;    
  border-right: 4px solid #eee;
  border-left: 4px solid #eee;
  border-bottom: 4px solid #eee;
}


/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn:hover img.on,
.ChangeElem_Btn.is-active img.on {
  display: block;
}

/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn:hover img.off,
.ChangeElem_Btn.is-active img.off {
  display: none;
}


/*    新旧共通CSS    */

   
.breadcrumb4 {
    width: 600px;
}
#delivery_area h2 {
    margin: 0 !important;
}
.indent {
    padding-left: 1em;
    text-indent: -1em;
}
.mt05em {
    margin-top: 0.5em;
}
.mt1em {
    margin-top: 1em;
}
.mt2em {
    margin-top: 2em;
}
.flexbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.red_note {
    color: #c00;
}
.small_f {
    font-size: 0.8rem;
}
.caution a, .caution2 a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    font-size: 0.9rem;
    margin: 1em 0 0;
    padding: 0.5em 1.7em 0.5em 1em;
    position: relative;
}
.caution a, .caution2 a {
    background: #fff none repeat scroll 0 0;
    display: block;
}
.caution a i {
    color: #cccccc;
    font-size: 0.8rem;
    font-weight: normal;
    position: absolute;
    right: 0.5em;
    top: 1.05em;
}
.caution2 a i {
    color: #cccccc;
    font-size: 0.8rem;
    font-weight: normal;
    position: absolute;
    right: 0.5em;
    top: 0.9em;
}
#delivery_area .notice {
    font-size: 90%;
}
#delivery_area {
    margin-top: 0.5em;
}

.area_top {
    align-items: center;
    background: #cccccc none repeat scroll 0 0;
    color: #fff;
    display: flex;
    font-size: 1.4rem !important;
    font-weight: bold;
    justify-content: center;
    letter-spacing: 1px;
    margin: 0;
    padding: 0.4em 0 0.6em;
    text-align: center;
}
.area_top div:first-child {
    background: #eee none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-size: 70%;
    letter-spacing: -0.02em;
    margin-right: 0.8em;
    padding: 0.4em 0.6em;
}
.area_top div:nth-child(2) {
    color: #fff;
    font-size: 90%;
}

h1.area_top_p {
	font-size: 1.6rem !important;
	margin: 1.5em 0;
    padding: 0.4em 0 0.2em 0;
    text-align: center;
    letter-spacing: 1px;
}
   
.under_line {
    border-bottom: 2px dotted white;
}

.area_top2 {
    font-size: 1.3rem !important;
    letter-spacing: 1px;
    margin: 0;
    padding: 0.6em;
    text-align: center;
    display: -webkit-flex;
	display: flex;
    align-items: center;
    justify-content: center;
    background: #555;
    color: #fff;
    font-weight: bold;
}

.area_top2 div:first-child{
    font-size:70%;
    padding: 0.6em;
}

.area_top2 div:nth-child(2) a {
    font-size:68%;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 4px;
    font-weight: bold;
    padding: 0.2em;
    margin-left: 0.5em;
    letter-spacing: 0.02em;    
}


.area_top2 div:nth-child(2) a i{
    color: #fff;
    font-size: 86%;
    margin-left: 0.5em;
    margin-right: 0.2em;
}


.area_top3 {
    color: #333;
    font-size:1.35rem;
    padding: 0.5em 0 0.6em 0;
    letter-spacing: 0.02em;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
	border: 2px solid #555;
}


.area_top_read{
    font-size: 0.95rem !important;
    line-height: 1.6;
    padding: 1.5em;
    text-align: center;
    background: #efefef;
}

/*
.area_top_read a .kaitei {
    font-size: 0.85rem !important;
    padding: 0.8em 1.1em;
    border: 1px solid #eee;
    position: relative;
    display: block;
    text-decoration: none;
    margin: 1em 0.8em 0.8em 0;
    background: #fff;
}

.area_top_read a .kaitei i{
    position: absolute;
    top: 42%;
    right: 0.8em;
    color: #333;
    font-size: 0.6em;
}
*/

.area_top_read a .kaitei {
    font-size: 0.75rem !important;
    padding: 0
    position: relative;
    display: block;
    text-decoration: none;
    margin: 1em 0.8em 0 0;
    text-decoration: underline;
}

.area_top_read a .kaitei i{
    position: absolute;
    top: 42%;
    right: 0.8em;
    color: #333;
    font-size: 0.6em;
}


.area_top_read a:hover {
    text-decoration: none;
}


.area_top_read a .kaitei i{
    position: absolute;
    top: 42%;
    right: 0.8em;
    color: #333;
    font-size: 0.6em;
}




/*    共通    */
p{
    margin: 0;
    padding: 0;
}
        
.breadcrumb4{
 width:600px;
}

.indent{
	padding-left:1em;
	text-indent:-1em;
}
    
.flexbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

    
/*    宅配リンク    */

.takuhai_link a {    
	display:block;
    font-size: 0.8rem;
	padding:0.5em 2.2em 0.5em 0.5em;
    /* border: 3px #eee solid; */
	background:#fff;
	margin:1em 0 1em 0;
	position: relative;
    text-align: right; 
    float: right;
    border-radius: 6px;
	text-decoration: underline;
}

.takuhai_link a i {
    color: #cccccc;
    font-size: 0.6rem;
    font-weight: normal;
    position: absolute;
    right: 0.7em;
    top: 1.3em;
}


.takuhai_link a img {
    width: 1.2em;
}

.takuhai_link a svg {
    color: #333;
    position: absolute;
    top: 23%;
    width: 1.4em;
	margin-left: 0.2rem;
}

@media all and (-ms-high-contrast:none){
  .takuhai_link a svg { top: -1px; } /* IE10 */
}



/*    宅配   */
#haisou_takuhai{
	margin-top: 3rem;
}

#haisou_takuhai p:first-child{
	text-align:center;
	background:#e4dab0;
	padding:1em;
	font-weight:bold;
	margin-top:0;
    letter-spacing: 1.5px;
}

#haisou_takuhai dd{
	background:#fff;
    margin: -1px auto 0;
    padding: 2rem 6rem;
    border: 18px solid #e4dab0;
}

#haisou_takuhai dd.allarea{
	background:#fff;
    margin: 0 auto;
    padding: 1em;
    border-top: none;    
    border-left: 18px solid #e4dab0;
    border-right: 18px solid #e4dab0;
    border-bottom: 18px solid #e4dab0;  
}


#haisou_takuhai dd.allarea div{
	padding: 0 !important;
}



.takuhai_bottom{
    border-bottom:2px solid #cccccc !important;
    background:#fff;    
}

#takuhai{ 
    margin:0;
}

#takuhai p.takuhai_title{
	text-align:center;
	background:#eee;
	padding:0.7em;
	font-weight:bold;
	margin-top:3em;
    letter-spacing: 1.5px;
	border-top:2px solid #cccccc;
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;	    
}

#takuhai table.type_takuhai {
    border-collapse: collapse;
    line-height: 1.5;
    width: 100%;
}

#takuhai table.type_takuhai th:first-child {
	border-left:2px solid #cccccc;
}

#takuhai table.type_takuhai th:last-child {
	border-right:2px solid #cccccc;
}


#takuhai table.type_takuhai td:first-child {
	border-left:2px solid #cccccc;
}

#takuhai table.type_takuhai td:last-child {
	border-right:2px solid #cccccc;
}


#takuhai table.type_takuhai td {
	width: 25%;
	text-align: center;
	/* padding: 0.5em; */
	padding: 0.7em;	
	vertical-align: top;
	border: 1px solid #cccccc;
}

#takuhai table.type_takuhai th {
	border: 1px solid #cccccc;
}


#takuhai table.type_takuhai span {
	font-size:0.9rem;
}


#takuhai th.takuhai2018{
	background:#eee !important;
	border-top:2px solid #cccccc !important;
    border-bottom:1px solid #cccccc !important;
    color: #000;
	font-size:1rem;
    text-align: center !important;
}

#takuhai .takuhai_hosoku{
    font-size:0.8rem !important;
	font-weight:normal;
	margin:0.4em 0 0 0;
}


#takuhai2{ 
}

#takuhai2 p.takuhai_title{
	text-align:center;
	background:#eee;
	padding:0.7em;
	font-weight:bold;
	margin-top:4em;
    letter-spacing: 1.5px;
	border-top:2px solid #cccccc;
	border-left:2px solid #cccccc;
	border-right:2px solid #cccccc;	    
}

#takuhai2 table.type_takuhai {
    border-collapse: collapse;
    line-height: 1.5;
    width: 100%;
}

#takuhai2 table.type_takuhai th:first-child {
	border-left:2px solid #cccccc;
}

#takuhai2 table.type_takuhai th:last-child {
	border-right:2px solid #cccccc;
}


#takuhai2 table.type_takuhai td:first-child {
	border-left:2px solid #cccccc;
}

#takuhai2 table.type_takuhai td:last-child {
	border-right:2px solid #cccccc;
}


#takuhai2 table.type_takuhai td {
	width: 25%;
	text-align: center;
	/* padding: 0.5em; */
	padding: 0.7em;	
	vertical-align: top;
	border: 1px solid #cccccc;
}

#takuhai2 table.type_takuhai th {
	border: 1px solid #cccccc;
}


#takuhai2 table.type_takuhai span {
	font-size:0.9rem;
}


#takuhai2 th.takuhai2018{
	background:#eee !important;
	border-top:2px solid #cccccc !important;
    border-bottom:1px solid #cccccc !important;
    color: #000;
	font-size:0.9rem;
    text-align: center !important;
}

#takuhai2 .takuhai_hosoku{
    font-size:0.8rem !important;
	font-weight:normal;
	margin:0.4em 0 0 0;
}




#haisou01 p.others_t{
	text-align:center;
	background:#d5e3d3 !important;
	padding:1em;
	font-weight:bold;
	margin-top:0;
    letter-spacing: 1.5px;
}



/***新配送料金**/


#haisou01 p:first-child{
	text-align:center;
	background:#cccccc;
	padding:1em;
	font-weight:bold;
	margin-top:0;
    letter-spacing: 1.5px;
}

#haisou01 dd{
	background:#fff;
    margin: -1px auto 0;
    padding: 2rem 8rem;
    border: 18px solid #cccccc;
}

#haisou01 dd.allarea{
	background:#fff;
    margin: 0 auto;
    padding: 1em;
    border-top: none;    
    border-left: 18px solid #eee;
    border-right: 18px solid #eee;
    border-bottom: 18px solid #eee;       
}


#haisou01 dd.allarea div{
	padding: 0 !important;
}



/***新配送料金_他**/

#haisou_others p.others_t{
	text-align:center;
	background:#d5e3d3 !important;
	padding:1em;
	font-weight:bold;
	margin-top:0;
    letter-spacing: 1.5px;
}


#haisou_others p:first-child{
	text-align:center;
	background:#cccccc;
	padding:1em;
	font-weight:bold;
	margin-top:0;
    letter-spacing: 1.5px;
}

#haisou_others dd{
	//background:#fff;
    margin: -46px auto 0;
    padding: 2rem 6rem;
    border: 18px solid #d5e3d3;
	border-top: none;
}

#haisou_others dd.allarea{
	background:#fff;
    margin: 0 auto;
    padding: 1em;
    border-top: none;    
    border-left: 18px solid #eee;
    border-right: 18px solid #eee;
    border-bottom: 18px solid #eee;       
}


#haisou_others dd.allarea div{
	padding: 0 !important;
}





#haisou_takuhai p.others_t{
	text-align:center;
	background:#d5e3d3 !important;
	padding:1em;
	font-weight:bold;
	margin-top:0;
    letter-spacing: 1.5px;
}


.area3{
	background:#eee !important;
    margin: 0 auto;
    padding: 2em;
    border: 2px solid #eee !important;
}

.area3_cam{
    margin: 0 auto;
    padding: 2em;
    border: 2px solid #EBD5A3;
	background:#EBD5A3 !important;    
}

.area3 .table01 th {
    background: #eee none repeat scroll 0 0;
    border-top: 2px solid #cccccc !important;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5em 0 0.3em;
    text-align: center;
}


.area3_cam .table01 th {
    background: #eee none repeat scroll 0 0;
    border-top: 2px solid #cccccc !important;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5em 0 0.3em;
    text-align: center;
}

.area3_cam  ul{
	font-size:0.8rem !important;
	font-weight:normal;
	margin:0.4em 0 0 0;
}

#haisou01 dd div{
    /* margin: 0 0 2em 0; */
}

#haisou01 ul{
	font-size:0.8rem !important;
	font-weight:normal;
	margin:0.4em 0 0 0;
}

#haisou02 dd:last-child{
    font-size: 0.8rem;
    padding: 0.4em;
    text-align: left;
} 

#rates-top dd:last-child{
    /*  font-size: 0.8rem; */
    padding: 0 !important;
    text-align: left;
    background: #efefef !important;
}  

.table01 {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	width:100%;
	padding: 0 2em;
}

.table01 th {
	background:#eee;
	font-size:1rem;
	width: 25%;
	text-align: center;
	/* padding: 0.5em; */
	padding: 0.5em 0 0.3em;
	font-weight: bold;
	vertical-align: middle;
    border-top:2px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;    
	color:#000;
}

.table01 th:first-child {
	border-left:2px solid #cccccc;
}

.table01 th:last-child {
	border-right:2px solid #cccccc;
}  

.table01 td {
	width: 25%;
	text-align: center;
	/* padding: 0.5em; */
	padding: 0.7em;	
	vertical-align: top;
	border: 1px solid #cccccc;
    background: #fff;
}

.table01 td:first-child {
	border-left:2px solid #cccccc;
}

.table01 td:last-child {
	border-right:2px solid #cccccc;
}

.table01 tr:last-child td{
	background:#fff;
    text-align: center;
	font-size:1rem;
	border-bottom:2px solid #cccccc;
}

.table01 span {
	font-size:0.9rem;
}
    

.table01 .bg_p{
	border-top:1px solid #222;
	text-align:center;
	background:#eee;
	padding: 0.5em 0 0.3em;
	color:#000;
	font-size:1rem;
	font-weight:bold;
	line-height:1.4;
}



.haisou01_t {
	padding:0 0 0.5rem 0;
	margin:2em 0 0 0;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1.1px;
}


.haisou01_t2 {
	padding:0.5em 1.7em 0.5em 1em;
	margin:0;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1.1px;
}


/*  新配送サービス  */
    
#service_new{
    font-size:1rem;
}

#service_new h2{
	text-align:center;
	background:#ebd5a3;
	padding:0.7em;
}

#service_new h2.rates{
	text-align:center;
	background:#b9e2b5;
	padding:0.7em;
	font-weight:bold;
	font-size:1.0rem
}

#service_new p.rates{
	text-align:center;
	background:#d5e3d3;
	padding:0.7em;
	font-weight:bold;
    letter-spacing: 1.5px;
    margin-top:4em; 
}

#service_new p.rates_sub{
	text-align:center;
	background:#333;
	padding:0.7em;
	font-weight:bold;
	margin-top:-0.5em;
	color:#fff;
    letter-spacing: 1.5px;
}

.sankaku {
    border-color: #d5e3d3 transparent transparent;
    border-style: solid;
    border-width: 20px;
    display: block;
    height: 0;
    margin: 0 auto 5px;
    text-align: center;
    width: 0;
}

.sankaku2 {
    border-color: #ED6D1E transparent transparent;
    border-style: solid;
    border-width: 30px;
    display: block;
    height: 0;
    margin: 0 auto;
    text-align: center;
    width: 0;
}


#service_new .rates2{
	text-align:left;
	font-size:1rem;
	background:#fff;
	padding:0.8em;
	border-top:none;
	border-left:none;
	border-right:none;
}

#service_new th{
	text-align:center;
	background:#eee;
	padding: 0.5em 0 0.3em;
	border-top:2px solid #cccccc;
	color:#000;
	font-size:0.9rem;
	font-weight:bold;
	font-weight:bold;
}

#service_new h3{
	text-align:center;
	background:#f7cc80;
}

#service_new p.read{
	padding:0.5em 0 1.5em 0.5em;
	font-size:16px;
	text-align:center;
}

#service_new dl{
	margin:4em 0 0 0;
}

#service_new dl:nth-of-type(1){
	margin:0;
}

#service_new dd.table{
	//padding:0;
	//width:100%;
}

p.rates_top_balloon{
	text-align:center;
	background:#b9e2b5;
	padding:0.7em;
	font-weight:bold;
    letter-spacing: 1.5px;
}

/* ***** 時間指定_時間帯枠 ***** */
.delivery_time_specified_timetable {
	width: 100%;
	border: solid 2px #cccccc;
	border-collapse: collapse;
}
.delivery_time_specified_timetable tr {
	display: -webkit-flex;
	display: flex;
	padding: 0;
	border: none;
}
.delivery_time_specified_timetable tr:not(:first-child) {
	border-top: solid 1px #cccccc;
}
.delivery_time_specified_timetable td {
	display: block;
	width: calc((100% - 1px * 3) / 9);
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
}
.delivery_time_specified_timetable td.col2 {
	width: calc((100% - 1px * 3 * 2) / 9 * 2);
}
.delivery_time_specified_timetable td.col3 {
	width: calc((100% - 1px * 2) / 3);
	background-color: #eee;
}
.delivery_time_specified_timetable td:not(:first-child) {
	border-left: solid 1px #cccccc;
}

/* ***** 時間指定_配送料金加算表 ***** */
.delivery_time_specified_charge {
	width: 100%;
	margin-top: 1em;
	border: solid 2px #cccccc;
	border-collapse: collapse;
}
.delivery_time_specified_charge tr {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0;
	border: none;
}
.delivery_time_specified_charge tr:not(:first-child) {
	border-top: solid 1px #cccccc;
}
#service_new .delivery_time_specified_charge th {
	display: block;
	width: 100%;
	border: none;
}
.delivery_time_specified_charge td {
	display: block;
	width: calc(100% / 2 - 1px);
	padding: 5px 0;
	text-align: center;
}
.delivery_time_specified_charge td:first-child {
	border-right: solid 1px #cccccc;
	background-color: #eee;
	font-weight: bold;
}
.delivery_time_specified_charge .delivery_time_specified_charge_2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.delivery_time_specified_charge .delivery_time_specified_charge_2 div {
	display: -webkit-flex;
	display: flex;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
}
#haisou01 .delivery_time_specified_charge .delivery_time_specified_charge_2 ul {
	margin: 0;
}

.info_col{
	background: #eee;
	padding: 1rem;
	margin:1rem 0 0 0;
	text-align: center;
}
.info_col .info_title {
	font-size:1rem;
}
.info_col .info_title span {
	font-size: 1.2rem;
    font-weight: bold;
}
.info_col a{
	text-decoration: underline;
	display: block;
	margin-top: 0.5rem;
}

/* c-camText */
.c-camText {
	display: none;
    text-align: center;
    margin: -1em auto 1em;
    font-size: 1rem;
    font-weight: bold;
    color: #555555;
}
.c-camText ruby rt {
	font-size: 50%;
    transform: scale(0.8);
}
.c-camText--small {
	display: block;
    font-size: 0.9rem;
    margin-top: 0.5em;
    font-weight: normal;
}