@charset "shift_jis";





/*=========================================*/
/*parts*/
/*=========================================*/


#contents {font-family:"メイリオ", Meiryo, Osaka, sans-serif;}
#contents { width:740px; float:right; }



h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom:10px;
	padding-bottom:6px;
	color:#282b3a;
	font-size:36px; 
	font-weight:bold; 
	text-align: center;
}


h3 {
	font-size: 24px;
	font-weight: bold;
	color: #444;
	padding: 5px 0px 2px 10px;
	background-image: repeating-linear-gradient(-45deg, #f7f3d9, #f7f3d9 4px, #fff 0, #fff 8px);
	margin-bottom: 30px;
	border-bottom:3px #c6c1a7 solid;
}



/* NEWSインデックス
-------------------------------------------*/


#cc_news_block .news_block_all {width:100%;padding:10px;}

#cc_news_block .news_block_all li {height:100%; width:220px; margin-left:20px; margin-bottom:10px; }
#cc_news_block .news_block_all li.pc_news_clear {clear:left; }


#cc_news_block li .news_tag {display:block;width:90%;margin:0 auto 10px auto;padding: 0 5px;color:#666;font-size:13px;text-align:center; font-weight:bold;border-bottom:3px #ddd double;border-radius:1px;}
#cc_news_block li .news_day {display:block;font-size:12px;text-align:center;}


#cc_news_block .news_block_all li {
float:left;
position:relative;
overflow:hidden;
zoom:1;
}

#cc_news_block .news_block_all li a {display:inline-block; height:200px; padding:10px; color:#333; border:1px #ddd solid; border-radius:3px; background-color:#fff;}
#cc_news_block .news_block_all li a:hover { border:1px #888 solid;text-decoration:none; background-color:#f9f9f9;}

#cc_news_block li span {display:block;}

#cc_news_block .news_block_all li span.news_text {width:90%;margin:0 auto;}
#cc_news_block .news_block_all li span.news_image {width:100%;text-align:center;margin-bottom:5px;}
#cc_news_block .news_block_all li span.news_image img {width:90%;}

#cc_news_block li span.news_link {display:block;position:absolute;right:1px;bottom:1px;padding:2px 10px;color:#fff; font-size:11px; text-align:center; background-color:#888;}






/* NEWS下層ページ
-------------------------------------------*/



#cc_news_block .news_block_text {margin-bottom:60px;padding:10px 10px 50px 10px;font-size:14px;border-bottom:3px #666 double;}

#cc_news_block .news_block_text li {line-height:22px;}

#cc_news_block img.news_block_img {height:30%;}




/* ページトップボタン
-------------------------------------------*/

#PAGETOP_BTN {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    z-index: 999;
}


#PAGETOP_BTN a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    display: table-cell;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    border-radius: 45px;
    background-color: rgba(0,0,0,0.5);
    transition: all 0.2s ease-in-out;
}




/* 仙台シニアサービスエリア拡大
-------------------------------------------*/
#SENDAI_AREA .sendai_img { width: 355px; float: left; position: relative; }
#SENDAI_AREA .sendai_img a { color:#333; }
#SENDAI_AREA .sendai_img .icon-zoom-in { font-size: 18px; position: absolute; bottom:10px; right: 10px; }
#SENDAI_AREA .sendai_img img { max-width:100%; }
#SENDAI_AREA dl { width: 355px; float: right; }
#SENDAI_AREA dl dt.sendai_kizon { display: inline; background: #c2dfa5; padding: 0 10px; }
#SENDAI_AREA dl dt.sendai_kakudai { display: inline; background: #85c24d; padding: 0 10px; }




/* スマホ用
-------------------------------------------*/
.cc_pc_delete { display:none; }
.cc_pc_on { display:block; }



/* メーカー協賛イベント
-------------------------------------------*/
.event_block{
	text-align: center;
}
.event_box{
	width: 298px;
	display: inline-block;
    padding: 10px;
    color: #333;
    border: 1px #9491a7 solid;
    border-radius: 5px;
	text-align: left;
}
a.event_box {text-decoration: none; color: #444;}
a:hover.event_box {opacity: 0.6;}
.event_box img{width: 100%;}

.event_data{
	font-size: 16px;
	font-weight: bold;
	background: #ffffdb;
	width: auto;
	display: block;
	margin-bottom: 5px;
}
.event_margin{
	margin-right: 30px;
}



/* 開催中のキャンペーン
-------------------------------------------*/
.camp_block{
	padding-left: 30px;
	text-align: left;
}

.camp_box{
	display: inline-block;
	width: 215px;
	text-align: left;
	margin-bottom: 20px;
}
.camp_box img{width: 100%; margin-bottom: 5px;}

.camp_box a{text-decoration: none; color: #444;}
.camp_box a:hover{opacity: 0.6;}

.camp_margin{
	margin-right: 15px;
}
.bnr_middle{
	margin: 45px 0px;
}

/* 過去の開催イベント
-------------------------------------------*/
.selectWrap{
  width: 120px;
  position: relative;
  display: inline-block;
	margin-right: 30px;
}
.selectWrap::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
.select {
	font-size: 20px;
	position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 40px;
  background: transparent;
  z-index: 1;
  padding: 0 40px 0 10px;
  border: 1px solid #b4b3b3;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));}
select::-ms-expand {
    display: none;
}

.toggle-buttons {
  display: inline-block;
}

.toggle-buttons.vertical {
  flex-direction: column;
}

.toggle-buttons label {
	display: inline-block;
	position: relative;
}

.toggle-buttons [type=radio]{
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* appearance: none; for IE11 */
_:-ms-lang(x)::-ms-backdrop, .toggle-buttons [type=radio],
_:-ms-lang(x)::-ms-backdrop, .toggle-buttons [type=checkbox] {
  visibility: hidden;
}

.toggle-buttons .sihanki_btn {
  z-index: 1;
}

.toggle-buttons.vertical .sihanki_btn {
  width: 100%;
}

.toggle-buttons:not(.vertical) :not(:first-child) .sihanki_btn {
  border-left: 1px solid #567;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.toggle-buttons:not(.vertical) :not(:last-child) .sihanki_btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.toggle-buttons.vertical :not(:first-child) .sihanki_btn {
  border-top: 1px solid #567;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.toggle-buttons.vertical :not(:last-child) .sihanki_btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.toggle-buttons :checked + .sihanki_btn {
  background-color: #345;
}

.toggle-buttons :disabled + .sihanki_btn {
  cursor: not-allowed;
  opacity: .4;
  color: #def;
}

.sihanki_btn {
  display: inline-block;
	font-size: 16px;
	width: 79px;
  padding: .5em 0em;
  border-radius: 4px;
  text-align: center;
  color: #eff;
  background-color: #8693A0;
  cursor: pointer;
}

.sihanki_btn:hover {
  background-color: #567;
}

.sihanki_btn:disabled {
  cursor: not-allowed;
  opacity: .6;
  color: #def;
}


.old_box{
	font-size: 13px;
	border-top: solid 1pt #888;
	margin-bottom: 80px;
}

.old_event{
	border-bottom: dotted 1pt #888;
}
.old_event a:hover{
	background: #def;
}
.old_event a{
	text-decoration: none;
	color: #333;
	display: inline-block;
	padding: 5px;
	width: 100%;
}
.old_event_date {
	display: inline-block;
	width: 240px ;
}
.old_event_place {
	width: 70px;
	display: inline-block;
}
.old_event_name {
	display: inline-block;
}


.y2019,.y2018,.y2017 {
	width: 320px;
	text-align: left;
}

.y2019 {
	display: inline-block;
}

.y2018,.y2017,.y2016 {
	display: none;
}
.y2019_2,.y2019_3,.y2019_4,
.y2018_1,.y2018_2,.y2018_3,.y2018_4,
.y2017_1,.y2017_2,.y2017_3,.y2017_4,
.y2016_1,.y2016_2,.y2016_3,.y2016_4 {
	display: none;
}