@charset "UTF-8";

/* -----------------------------------------------
FileName:event.css
----------------------------------------------- */

/* メインコンテンツ
------------------------------------------------*/
/* text_indent-1 */
.text_indent-1 {
  text-indent: -1em;
  padding-left: 1em;
}

/* text-underline */
.text-underline {
	border-bottom: 1px solid #666;
	padding-bottom: 0.1rem;
	line-height: 1.6;
}

/* h1タイトル */
div.main h1 {
	margin-top:20px;
}
/* h2タイトル */
div.main h2 {
	margin-top:20px;
}
div.main div.h2_idx {
	position:relative;
}
div.main div.h2_idx p {
	position:absolute;
	left:15px;
	top:20px;
}

/* プレゼント＆キャンペーン */
div.main div.present ul li {
	margin-top:20px;
	width:605px;
	background:transparent url(../images/bg_present.gif) repeat-y;
}
div.main div.present ul li div.top {
	padding:11px 0 0;
	width:605px;
	background:transparent url(../images/bg_present_top.gif) no-repeat;
}
div.main div.present ul li div.top div.bot {
	padding:0 0 11px;
	width:605px;
	background:transparent url(../images/bg_present_bot.gif) no-repeat 0 100%;
}

div.main div.present ul li div.top div.bot.photo__none {
	width: auto;
	padding: 0 11px 11px;
}

div.main div.present ul li div.top div.bot.photo__none div.photo {
	display: none;
}
div.main div.present ul li div.top div.bot.photo__none dl.lead {
	float: none;
	margin-left:11px;
	width:100%;
}

div.main div.present ul li div.photo {
	float:left;
	margin-left:11px;
	width:148px;
	display:inline;
}
div.main div.present ul li dl.lead {
	float:right;
	margin-right:11px;
	width:420px;
	display:inline;
}
div.main div.present ul li dl.lead dt {
	padding:5px 10px;
	background-color:#ffefe5;
	border-top:2px solid #ff6600;
	border-bottom:2px solid #ff6600;
	font-weight:bold;
}
div.main div.present ul li dl.lead dd {
	margin-top:5px;
}

/* お得なサービス情報 */
div.main div.service {
	padding-top:10px;
}
div.main div.service ul li {
	margin-top:10px;
	padding-bottom:11px;
	width:605px;
	background:transparent url(../images/service_dot.gif) repeat-x 0 100%;
}
div.main div.service ul li div.photo {
	float:left;
	width:100px;
	display:inline;
}
div.main div.service ul li dl.lead {
	float:right;
	width:495px;
	display:inline;
}
div.main div.service ul li dl.lead dt {
	font-weight:bold;
}
div.main div.service ul li dl.lead dd {
	margin-top:5px;
}
div.main div.service ul li dl.lead dd span {
	font-size:80%;
}

/* 2012/07/23 追加 
------------------------------------------------*/
/* アンカーリンク */
.eventAnchor {
	margin-top: 17px;
}
.eventAnchor ul li {
	margin-right: 30px;
	font-weight: bold;
}

/* サービス枠 */
.serviceBottom {
	background: url(../images/bg_present_bot.gif) no-repeat left bottom;
	padding-bottom: 3px;
	margin-top: 15px;
	width:605px;
}
.serviceTop {
	background: url(../images/bg_present_top.gif) no-repeat left top;
	padding-top: 3px;
	width:605px;
}
.serviceBody {
	background: url(../images/bg_present.gif) repeat-y left top;
	width:605px;
}
.serviceBlock {
	width: 583px;
	margin: 0 11px;
	padding: 10px 0 9px;
	background: url(../images/service_dot.gif) repeat-x left bottom;
}
.lastBlock {
	background: none;
}
.serviceBlockLeft,
.serviceBlockRight {
	width: 285px;
}
.serviceBlock .photo {
	width: 110px;
	float: left;
}
.serviceBlock .lead {
	width: 175px;
	float: left;
}
.serviceBlock .lead_long {
	width: 473px;
	float: left;
}
.serviceBlock .lead dt,
.serviceBlock .lead_long dt {
	font-weight: bold;
	margin-bottom: 4px;
}
.serviceBlockLeft {
	float: left; 
}
.serviceBlockLeft {
	float: left; 
}
.serviceBlockLeft .gran .ttl {
	font-weight: bold;
	color: #d3b572;
}
.serviceBlockRight {
	float: right;
}
.serviceBlockRight .gran {
	min-width: 265px;
	min-height: 67px;
	padding: 8px 10px;
	background: #ebebeb;
	clear: both;
}
.serviceBlockRight .gran p {
	text-align: center;
	font-weight: bold;
}
.serviceBlockRight .gran ul {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	padding: 4px 0;
}
.serviceBlockRight .gran ul li {
	text-align: center;
	font-weight: bold;
	margin-top: 4px;
}
.serviceBlockRight .gran li.align-left {
	text-align: left;
}
.serviceBlockRight .gran li {
	min-width: 33.33%;
}
.serviceDayDetail dt {
	background: url(../images/service_dot.gif) repeat-x left bottom;
	padding: 5px 0;
	margin: 10px 0 6px;
}
.serviceSpecial {
	color: #ff6600;
	font-weight: bold;
}
#new_service{
	display: none;
}


/* 2023/07/20 追加 
------------------------------------------------*/
/* 法人向けサービス */

.company_wrap {
	width: 605px;
	background: url(../images/bg_present_top_02.gif) no-repeat, url(../images/bg_present_bot_02.gif) no-repeat;
	background-position: top center, bottom center;
	padding: 3px 0;
	margin-top: 15px;
}

.company_inner {
	background: #f8f8f8 url(../images/bg_present_02.gif) repeat-y;
	padding: 10px;
}

ul.company_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.company_list:first-child {
	background: url(../images/service_dot.gif) repeat-x left bottom;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

ul.company_list li {
	display: flex;
	justify-content: space-between;
	width: calc(50% - 5px);
}

ul.company_list .company_img {
	width: 100px;
}

ul.company_list dl {
	width: calc(100% - 110px);
}

ul.company_list dt {
	font-weight: bold;
	margin-bottom: 4px;
}