@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;}
/*SP表示のCSS*/
@media screen and (min-width: 350px) and (max-width: 768px){
	h2{width: 80%;}
}
h4, h5{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
}
li{ list-style-type: none;}
.attention{text-align: left;}
table{color: #54380f;}
table, td, th{
    border: 1px solid #decdb2;
}
.mgbt-5rem{padding-bottom: 5rem;}
.mgbt40 {margin-bottom: 40px;}
.pgbt5rem {padding-bottom: 5rem;}
.top_btn{ float:right;}
.ttl_message{
 margin: 8rem 0 4rem 0;
 text-align: center;
 font-size: 2.5rem;
 font-weight: 700;
 line-height: 3.5rem;
}
.read {
	font-size: 1.2rem;
	line-height: 2.5rem;
	color: #54380f;
	display: block;
	padding: 1rem 0 2rem 0;
}
.tx_urikire{
	font-size: 1.5rem;
	font-weight: 700;
	padding-bottom: 1.5rem;;
	color: #e6064d;
}
.alpha a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}

#cl_ttl_lovely{
height: 172px;
	background: url("../../../images/campaign/2025/UXTEAM-3038/waribiki_ttl_tujou.png") no-repeat center;
    margin: 0 auto;
}
.mv_bg{
width: 100%;
 	background: url("../../../images/campaign/2025/UXTEAM-3038/mv_bg.png") repeat-x left top;
}


.cl_ttl .ttl_box {
	clear: both;
	width: 1000px;
}


.cl_ttl .ttl_box .btn {
	float: right;
	width: 400px;
	margin: 475px 145px 0 0;
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
}
/*ボタン*/
.cont_wfs{
 width: 930px;
 margin: 0 auto;
 
}

.cont_wfs .btn_box{
 padding: 3rem 0 2rem 3rem;
}
.cont_wfs .btn_box {
 display: flex;
 justify-content:flex-start;
 flex-flow: row wrap;
}
.cont_wfs .ttl { margin: 0 0 0 2rem;}

/*医薬品のボタン*/
.btn, a.btn, button.btn{
font-size:1.2rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: block;
width: 260px;
padding: 1rem 0;
cursor: pointer;
text-align: center;
vertical-align: middle;
letter-spacing: .1rem;
margin: 0 1.7rem 1.5rem 0;
text-decoration: none!important;
}
.fa-position-right{
position: absolute;
top:calc(50% - .5em);
right: 1rem;
}
.fa, .far, .fas{
font-family:"Font Awesome 5 Free";
}
.btn--red, a.btn--red, button.btn--red{
color: #FFFFFF!important;
background-color: #d20010;
}
a.btn--red.btn--cubic {
  border-bottom: 5px solid #9f000c;
}

a.btn--red.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #9f000c;
}

a.btn--radius {
  border-radius: 100vh;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}

.tx_small{ font-size: 1.0rem; padding-top: 0.3rem;}

.cont {
	width: 1000px;
	margin: 0 auto;
	}

/* -----------------------------------------------------------
 カレンダーページ
----------------------------------------------------------- */
/* 基本設定 */
#cald_wrap h1{
	margin: 0;
}
#cald_wrap .ttl{
	font-size: 2rem;
    font-weight: 700;
    margin: 6rem 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-color: #fb6599;
	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/2021/UXTEAM-1896/head_detail_bg.gif);
	background-repeat: no-repeat;
	height: 612px;
	width: 908px;
	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 {
	padding: 5rem 0 0 0;
}
#cald_wrap .main_box {
	width: 840px;
	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_pink{	width: 100%;
	background-color: #fdf4eb;
	padding-bottom: 100px;
}
.bg_cream{	width: 100%;
	background-color: #FDFEF9;
	padding-bottom: 100px;
}
#bg_green{	width: 100%;
	background-color: #ecf4d9;
	padding-bottom: 100px;
}
.bg_blue{	width: 100%;
	background-color: #c0ebe3;
	padding: 50px 0;
}



/* Cald_box */
#cald_box{
	width: 320px;
	float: left;
    padding-right: 1rem;
}



/* Info_Box */
#info_box{
	/* width: 593px;*/
	width: 503px;
	float: left;
	background-image: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_01_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_02_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_02_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_03_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_03_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_04_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_04_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_05_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_05_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_06_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_06_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_07_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_07_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_08_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_08_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_09_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_09_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_10_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_10_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_11_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_11_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_12_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/caldsam_12_on.png") 0px 0px no-repeat;
}
#cald_wrap #info_box #design ul li a#caldsam_13_btn span{
  background: url( "../../../images/campaign/2025/UXTEAM-3038/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/2025/UXTEAM-3038/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;
    font-size: 1rem;
	opacity:0.95;
	line-height: 30px;
}
.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/2021/UXTEAM-1896/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/2021/UXTEAM-1896/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 */


/* Deneb用 */
.margin_center { margin: 0 auto;}
.img_50 {	max-width: 50%;}
.img_60 {	max-width: 60%;}
.img_70 { max-width: 70%;}
.img_80 { max-width: 80%;}
.img_90 { max-width: 90%;}