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

/* TOPへ戻る */
#page_top {
    opacity: 1;
    position: fixed;
    right: 10px;
    bottom: 10px;
}
#page_top a {
    opacity: 1;
    bottom: 10px;
}

#page_top a:hover {
    text-decoration: none;
}

/* TOPへ戻る */


/* ヘッダーナビ */
header {

background: -webkit-linear-gradient(to right, #c6932f, #e3a42c);/*Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #c6932f, #e3a42c);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



  line-height: 16px;
  text-align: center;
  width: 100%;
  color: #fff;
  z-index: 2;
}

.cb-header {
  position: fixed;
  top: -220px;
  left: 0;
	
}

header.cb-header ul {
	margin: 0;  
 	padding: 0; 
 	text-align: center; 
 	font-weight: bold;
	}

header.cb-header ul li a:link{color:#fff; text-decoration:none;}
header.cb-header ul li a:visited{color:#fff; text-decoration:none;}
header.cb-header ul li a:hover{color:#0e162d; text-decoration:underline;}



header.cb-header ul li{
list-style-type: none;
display: inline-block;
padding: 0px 30px;
margin: 20px 0px;
border-left:  1px solid #FFFFFF;
	
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

}

header.cb-header ul li:first-child{

 padding: 0px 30px 0px 0px;
 border-left:0px solid #FFFFFF;

}

header.cb-header ul li:last-child{
 padding: 0px 0px 0px 30px;
 border-left:1px solid #FFFFFF;

}

/* ヘッダーナビ */


/* メインコンテンツ */


/* 見出し背景柄設定用css */
td.cp_bgpattern1 {
	background-color: rgba(255,241,207,1);
	background-image:
	linear-gradient(45deg, rgba(253,222,165,1) 25%, transparent 25%,
	transparent 75%, rgba(253,222,165,1) 75%, rgba(253,222,165,1)),
	linear-gradient(-45deg, rgba(253,222,165,1) 25%, transparent 25%,
	transparent 75%, rgba(253,222,165,1) 75%, rgba(253,222,165,1));
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
	
	padding: 10px  0px;
    width: 100%;
	
	text-align: center;
}



/* クーポン背景柄設定用css */
.cp_bgpattern2 {
	background-color: rgba(184,236,236,1);
	background-image:
	linear-gradient(45deg, rgba(39,194,194,1) 25%, transparent 25%,
	transparent 75%, rgba(39,194,194,1) 75%, rgba(39,194,194,1)),
	linear-gradient(-45deg, rgba(39,194,194,1) 25%, transparent 25%,
	transparent 75%, rgba(39,194,194,1) 75%, rgba(39,194,194,1));
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
}

.cp_bgpattern2 {
    padding: 10px 0px 10px;
    width: 100%;
}

	table.col02{	
	width: 80%;
}
	
	table.col02 td{	
	width: 50%;
		padding-bottom: 0px;
} 
/* メインコンテンツ */



/* レスポンシブ */




@media screen and (max-width:780px){
  /*画面幅が780pxまでの時*/
	

.cb-header {
padding: 10px 0;
}

	
header.cb-header ul {
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
}

header.cb-header ul li{

font-size:13.5px;
line-height:20px;
vertical-align: text-top;
margin: 0px;
height: 40px;
padding: 0px 10px;
border-left:  0px solid #FFFFFF;
align-items: center;
align-content: space-between;
/*width:32%;*/
font-weight: bold;
display: flex;

}

header.cb-header ul li a {
	display: block;
	align-items: center;
	align-content: space-between;
}
/* header.cb-header ul li a:link{
	color:#fff;
	text-decoration:none;
	border-left:  1px solid #FFFFFF;
	padding-left: px;
} */


header ul li span.left {
    border-left: #fff 1px solid;
    height: 20px;
    padding: 0px 0px 0px 7px;
    display: block;
    width: 100%;
}

header.cb-header ul li:first-child{
 padding: 0px 10px;
 border-right: 0px solid #FFFFFF;
}

header.cb-header ul li:last-child{
 padding: 0px 10px;
 border-left: 0px solid #FFFFFF;
}
	
header.cb-header ul li:nth-child(4),
header.cb-header ul li:nth-child(5){
padding: 0px 1%;
}
header ul li:nth-child(-n+3) {
    border-bottom: #fff 1px solid;
}

/*
header.cb-header ul li:nth-child(6),
header.cb-header ul li:nth-child(7){
 width:34%;
}
*/

/* ヘッダーナビ */
	
	
	/* メインコンテンツ */

	table.col02{
	
	width: 100%;
	
}
	
	table.col02 td{
	
	width: 50%;
		
		padding-bottom: 0px;
} 

	
	table.col03{
	
	width: 100%;
	
}
	
	table.col03 td{
	
	width: 32%;
	
	
} 
	
	table.col03 td:nth-child(2){
		padding-left: 0%;
	
} 


/* メインコンテンツ */

	
	
}