@charset "shift_jis";

/* -----------------------------------------------------------
 共通タグ
----------------------------------------------------------- */
*{ margin:0; padding:0;}
a{outline: none;}
a:focus{outline:none;}
/*html{ background-color:#4E4A41;}*/
img{
	vertical-align:bottom;
	border: none;
	}
#pro_wrapper{
	width:100%;
	font-size:12px;
-webkit-text-size-adjust: 100%;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	text-align: left;
}
p, dl, dt, dd, ul li{
	margin: 0px;
	padding: 0px; 
}
h2{ text-align: center;}
h4, h5{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
}
li{ list-style-type: none;}

table{color: #54380f;}
table, td, th{
    border: 1px solid #decdb2;
}
.top_btn{ float:right;}

.read {
	font-size: 16px;
	line-height: 24px;
	color: #54380f;
	display: block;
	padding: 30px;
}

.alpha a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}

#cl_ttl_lovely{
	width: 1000px;
height: 569px;
/*	padding-top: 50px;*/
	background-image: url("../../../images/campaign/2020/200520calendar2020/head_encho.png");
	background-repeat: no-repeat;
	background-position: left top;
}

.cl_ttl .ttl_box {
	clear: both;
	width: 1000px;
	padding-bottom: 25px;
	padding-left: 30px;
}


.cl_ttl .ttl_box .btn {
	float: right;
	width: 400px;
	margin: 475px 145px 0 0;
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
}


/* -----------------------------------------------------------
 カレンダーページ
----------------------------------------------------------- */
/* 基本設定 */
#cald_wrap h1{
	margin: 0;
}
#cald_wrap .nav_box {
	clear: both;
	width: 900px;
	padding-bottom: 30px;
}
#cald_wrap .nav_box .float_l {
	float: left;
}

#cald_wrap{
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #54380f;
}
#cald_wrap #header {
	padding-top: 100px;
}
#cald_wrap_bg{
	width: 100%;
	background-color: #FFFFFF;
}
#cald_wrap_bgline {
	background-image: url( "../../../images/campaign/2020/200520calendar2020/head_bg.gif");
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
}

#cald_wrap #cont{
	width: 1100px;

}

/* sub */
#cald_wrap #cont #head{
	width: 916px;
	clear: both;
	margin-left: 20px;
}
#cald_wrap #head .day {
	background-image: url(../../../include_html/images/campaign/2020/200520calendar2020/head_detail_bg.gif);
	background-repeat: no-repeat;
	height: 102px;
	width: 900px;
	clear: both;
}
#cald_wrap #head .day_tx {
	float: left;
	height: 29px;
	width: 487px;
	margin-top: 20px;
	margin-left: 50px;
	margin-right: 25px;
}
#cald_wrap #head .btn_order {
	height: 50px;
	width: 308px;
	margin-top: 10px;
	float: left;
}

#cald_wrap h2 {
	width: 1000px;
	padding-top: 30px;
	height: 215px;
}
#cald_wrap .main_box {
	width: 830px;
	margin: 0 auto;
	clear: both;
}
#cald_wrap .point_box {
	clear: both;
	width: 830px;
}


/* main */
#main{
	width: 100%;
}

#bg_yellow{	width: 100%;
	background-color: #fbf7db;
	padding-bottom: 100px;
}

#bg_cream{	width: 100%;
	background-color: #FDFEF9;
	padding-bottom: 100px;
}
#bg_green{	width: 100%;
	background-color: #ecf4d9;
	padding-bottom: 100px;
}


/* Cald_box */
#cald_box{
	width: 320px;
	float: left;
}



/* Info_Box */
#main #info_box{
	/*	width: 593px;*/
	width: 503px;
	float: left;
	margin-left: 5px;
	background-image: url( "../../../images/campaign/2020/200520calendar2020/lovely_bg_cat.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 520px;
}
#main .height_box01 {
	width: 1000px;
}
#main .height_box02 {
	/*height: 680px;*/
	width: 1000px;
}
#main .height_box03 {
	width: 1000px;
}



/* デザインチェックボックス */
#cald_wrap  #design ul{
	margin: 0px 0px 5px 0px;
}
#cald_wrap  #design ul li{
	width: 119px;
	height: 99px;
	float: left;
}
/* RollOver */
#cald_wrap  #design ul li{
	width: 119px;
	float: left;
	margin: 9px 4px 0px 0px;
}
#cald_wrap  #design ul li a{
 display: block;
  position: relative;
  text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
  width: 119px;
  height: 99px;
	text-align: center;
}
#cald_wrap  #design ul li a span{
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
  width: 119px;
  height: 99px;
}

/* 各画像設定 */
#cald_wrap #info_box #design ul li a#caldsam_01_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_01_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_01_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_01_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_02_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_02_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_02_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_02_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_03_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_03_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_03_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_03_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_04_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_04_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_04_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_04_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_05_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_05_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_05_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_05_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_06_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_06_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_06_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_06_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_07_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_07_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_07_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_07_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_08_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_08_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_08_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_08_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_09_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_09_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_09_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_09_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_10_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_10_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_10_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_10_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_11_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_11_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_11_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_11_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_12_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_12_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_12_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_12_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_13_btn span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_13_off.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_13_btn:hover span{
  background: url( "../../../images/campaign/2020/200520calendar2020/caldsam_13_on.png") 0px 0px no-repeat;
}

#cald_wrap .day_order {
	width: 830px;
	padding: 20px 0 30px 0;

}


#cald_wrap h3 {
	height: auto;
	width: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}
#cald_wrap .order_box_u {
	clear: both;
	width: 830px;
	margin-bottom: 20px;
}
#cald_wrap .order_souki {
	float: left;
	width: 400px;
	margin-right: 30px;
}
#cald_wrap .order_present {
	float: left;
	width: 400px;
}
#cald_wrap .btn_order01 {
	height: 85px;
	width: 373px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 10px;
}
#cald_wrap .order_tx_style01 {
	text-align: center;
	padding: 10px;
}
#cald_wrap .order_tx_style02 {
	text-align: center;
	padding: 10px;
	font-weight: bolder;
}


#cald_wrap .clear {
	clear: both;
	height: 1px;
	width: 1px;
}
/* 固定メニュー */
.floatmenu ul li:nth-last-child(1):after,
.floatmenu ul li:nth-last-child(2):after{
	content:"";
}
.floatmenu ul li:last-child{
	position:absolute;
	right:0;
	color: #FFFFFF;
	background:#f27b39;
	margin:0.3rem;
	padding:0.8rem 4rem 0.8rem 4rem;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.floatmenu ul li:last-child a{
	color:#fff;
}
.floatmenu ul li:last-child a:hover{
	opacity: 0.8;
}



/*---------
 floatmenu 
---------*/
.floatmenu{
	border-bottom:1px solid #e2e2e2;
	background:#fff;
    position: absolute;
    width:100%;
	z-index:100;
	opacity:0.95;
	line-height: 20px;
}
.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}

.floatmenu ul{
	display:flex;
}
.floatmenu ul li{
	padding:0.8rem 1.5rem 0.8rem 1.5rem;
	/*font-size:0.8rem;*/
	margin-bottom: 10px;
	font-weight:400;
	text-align: center;
	/*font-family:"Noto Sans Japanese";*/
		background: url(../../../../images/campaign/2020/200219laclon/icon_arrow.gif) no-repeat center bottom;
}

/*.floatmenu li:after{
	content:"|";
	padding-left:1.0rem;
}*/
.floatmenu li:nth-last-child(1):after{
	content:"";
}
.floatmenu a {
	text-decoration: none;
	color:inherit;
  color: #333;
	transition: 0.3s ease;
}

.floatmenu a:hover {
	color: #f27b39;
	text-decoration:none;
}
.floatmenu .wrap{
	max-width:1000px;
	margin:0 auto;
	position:relative;	
}
/* ---------------------------
　　ページ上部固定
--------------------------- */
#nav {
	clear: both;
	position: relative;
	width: 1020;
	z-index: 1;
	height: 55px;
	overflow: hidden;
}

#nav_in {
	width: 900px;
	position: relative;
	margin: auto;
	height: 55px;
	display: block;
	padding-right: 0px;
	padding-bottom: 0px;
}

#nav.fixed {
	position: fixed;
	top: 0;
	z-index: 4;

}

/* ========== page-top ============= */
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 77%;
	}
#page-top a {
	text-decoration: none;
	width: 60px;
	display: block;

	background-image: url(../../../include_html/images/campaign/2020/200520calendar2020/btn_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
}
#page-top a:hover {
	text-decoration: none;
	
}



.clear {
	clear: both;
	height: auto;
	width: auto;
}
/* -----------------------------------------------------------
 ↑↑↑↑↑ CSSの追記はここまで ↑↑↑↑↑
----------------------------------------------------------- */

/* -----------------------------------------------------------
 ClearFix AREA
----------------------------------------------------------- */

/* --------- clearfix --------- */
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}



.clearfix{
  zoom:1;
}
/* --------- /clearfix --------- */

/* -----------------------------------------------------------
 ClearFix
----------------------------------------------------------- */
div:after,
ul:after,
ol:after,
dl:after,
.clearfix:after{
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

/* for IE7 only */
*:first-child+html div,
*:first-child+html ul,
*:first-child+html ol,
*:first-child+html dl,
*:first-child+html .clearfix{
height:1%;
}

/* for IE6 and below */
/*\*/
* html .clearfix{
height:1%;
}
/* ClearFix End */
