@charset "utf-8";

/*-----------------------------------------------------
index
-------------------------------------------------------*/

img {
   vertical-align:bottom
}

body > img {display:none;}

li {
   list-style:none;
}

/*-----------------------------------------------------
スライダー
-------------------------------------------------------*/	

.Bxslider-section img{
	height:auto;
}

/*-----------------------------------------------------
ピックアップ
-------------------------------------------------------*/

/* 設定 */
.pickup_slide {
 width:100%;
 position: relative;
}
.pickup_slide .slide {
 border: 1px solid #eae6e2;
 width:250px !important;
 height:220px;
 padding: 0 0 0;
 margin-left:35px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.pickup_slide .slide img { width: 100%; }
.pickup_slide .slide dl {
 width: 235px;
 margin:10px auto 60px;
}
.pickup_slide .slide dl dt {
 font-size:100%;
 font-weight: bold;
 text-align: center;
 color: #f93a03;
 margin-bottom:7px;
}

.pickup_slide .slide dl dt span {
 display: block;
 font-size: 77%;
 font-weight: normal;
}

/*
.pickup_slide .slide dl dd {visibility: hidden;}
 */

.pickup_slide .slide dl dd a {
 text-decoration:none;
 font-size:90%;
 color: #555;
}
.pickup_slide .slide p.btn {
 display:none;
}
.pickup_slide .slide dd {
 display:none;
}

/* 装飾 */
/*.pickup_slide .bx-pager { display: none; }*/

.pickup_slide .bx-pager {
 text-align: center;
 height:36px;
 position: absolute;
 top:230px;
 width:100%;
 margin-bottom:20px;
}
.pickup_slide .bx-pager-item { display: inline-block; }

.pickup_slide .bx-pager-item a.active {
 background: #f35f17;
 border-radius: 10px;
 -webkit-border-radius: 10px;
}




.pickup_slide .bx-controls-direction a {
 display: inline-block;
 position: absolute;
 top: 120px;
 left: 50%;
 width: 29px;
 height: 140px;
 color: transparent;
 font: 0/0 aa;
 z-index: 100;
}

.pickup_slide .bx-controls-direction .bx-next {
    background: url(../../../top/img/pickup_btn_next.png) no-repeat;
    margin:0;
    position: absolute;
    top:45px;
    left:auto;
    right:5px;
}

.pickup_slide .bx-controls-direction .bx-prev {
    margin:0;
    background: url(../../../top/img/pickup_btn_prev.png) no-repeat;
    position: absolute;
    top:45px;
    left:5px;
}

.pickup_slide .bx-controls-direction .bx-next:hover,
.pickup_slide .bx-controls-direction .bx-prev:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
}

/*-----------------------------------------------------
ページャーに画像を使っている場合
-------------------------------------------------------*/
.nivo-controlNav a img {
     display : bloack;
}

.haishin li {
	margin-bottom:10px;
}

.mylifespp {
	background:url(../../img/mylife_2.png) no-repeat bottom;
	background-size:cover;
	margin-bottom:20px;
}

.mylifespp ul {
	margin-left:3%;
}


.mylifespp li {
	float: left;
	width:47%;
	margin-right:2%;
	margin-bottom:2%;
}

.mylifespp li img {
	width:100%;
}

.listbtnn {
	width:93%;
	margin:3%;
}


/*-----------------------------------------------------
　重要なお知らせ
-------------------------------------------------------*/

.importantnews span{
    color:#774D27;
    font-weight:bold;
}

.importantnews p a{
    text-decoration: none;
    color: #555555;
}

.importantnews li {
    border-bottom: 1px dashed #666666;
    padding-top: 6px;
    padding-bottom: 6px;
}

.importantnews .more {
    padding-top: 6px;
    text-align:right;
}

/*--------------------------------------------------------------------------
  お知らせのタブ
---------------------------------------------------------------------------*/
.news_area-ef {
	min-height:330px;
	position: relative;
	margin: 0 auto;
	clear: both;
}

ul.news_list {
	padding: 0;
	margin: 0;
}

ul.news_list li {
	box-sizing: border-box;
	width:20%;
	min-height: 42px;
	text-align: center;
	float: left;
	display: block;
	padding-top:7px;
	cursor: pointer;
	line-height: 1.2;
	font-size:80%;
	border-right: 1px solid #ffffff;
    font-weight:bold;
}

ul.news_list li:first-child {
	margin-left: 0;
	width:20%;
}

.tab01 li {
	background:#FFD9BD;
	color:#FF7900;
}

.tab01 .active, .tab01 .hover {
	background:#FF7900;
	color:#ffffff;
}

.tab02 li {
	background:#D7F2E6;
	color:#38BC80;
}

.tab02 .active, .tab02 .hover {
	background:#38BC80;
	color:#ffffff;
}

.tab03 li {
	background:#D6F1F2;
	color:#33B9BD;
}

.tab03 .active, .tab03 .hover {
	background:#33B9BD;
	color:#ffffff;
}

.tab04 li {
	background:#FCDFDF;
	color:#F37575;
}

.tab04 .active, .tab04 .hover {
	background:#F37575;
	color:#ffffff;
}

.tab05 li {
	background:#FEF6D8;
	color:#D9A800;
}

.tab05 .active, .tab05 .hover {
	background:#D9A800;
	color:#ffffff;
}

.news_content {
	width: 100% ;
	min-height: 230px;
	top: 40px;
	left: 0;
	position: absolute;
}

ul.news_list li.pdt14 {
	padding-top: 14px;
	height: 24px;
}

ul.news_list a {
    text-decoration: none;
    color: #555555;
}


/* カテゴリカラー
--------------------------*/

.news-include div:nth-child(1)  {
	border-bottom: 1px dashed #666666;
}

.news-include div:nth-child(2)  {
	border-bottom: 1px dashed #666666;
}

.news-include .information {
	background:#38BC80;
}

.news-include .information:before {
	content:"お知らせ";
}

.news-include .update {
	background:#33B9BD;
}

.news-include .update:before {
	content:"更新情報";
}

.news-include .campaign {
	background:#F37575;
}

.news-include .campaign:before {
	content:"キャンペーン";
}

.news-include .invite {
	background:#D9A800;
}

.news-include .invite:before {
	content:"参加者募集";
}




/* .news-include
-------------------------- */


.tab01 .news_content {
	border-top:4px solid #FF7900;
}

.tab02 .news_content {
	border-top:4px solid #38BC80;
}

.tab03 .news_content {
	border-top:4px solid #33B9BD;
}

.tab04 .news_content {
	border-top:4px solid #F37575;
}

.tab05 .news_content {
	border-top:4px solid #D9A800;
}

.news-include {
	padding: 6px 12px;
	background: #ffffff;
}

.news-include {
	border: 1px solid #DDDDDD;
}

.news-include div {
	box-sizing: border-box;
min-height:40px;
height:auto !important; 
}

/* 
.senari p {
	border-top: 1px dashed #666666;
}
*/

.news-include div p {
	position: relative;
	display: block;
	padding: 6px;
	line-height: 1.7;
}

.news-include div a span {
	display: inline-block;
	font-size: 1.1rem;
	line-height: 1;
}

.news-include div a img {
	width: 56px;
	border: none;
	padding-right: 6px;
}

.news-include div b {
	color:#ffffff;
	padding:1px 6px;
	display:inline;
	margin-left: 6px;
	font-size:90%;
}

.news-include div span {
	color:#774D27;
    font-weight:bold;
}

.news-include div.more a {
	border-bottom: none;
	text-align: right;
	padding: 10px 0 0;
	font-size: 1.1rem;
	line-height: 1.75;
	background: #ffffff;
	margin-right: 10px;
}

.news-include div.more a::after{
	border: none;
}
.news-include .migiyose {
    border: 1px solid #ff7900;
    margin:5px 10px 10px 10px;
    text-align: center;
    padding:5px 10px;
}
.news-include .migiyose a {
    text-decoration: none;
    color: #ff7900;
}



/* .news-include   category
-------------------------- */
.news-include div a strong.cat_name {
	font-size: 9px;
	padding: 3px 4px 2px;
	margin-right: 4px;
	color: #ffffff;
	display: inline-block;
}

.news-include div a strong.cat_tab2 {
	background: #33669a;
}

.news-include div a strong.cat_tab3 {
	background: #447F28;
}

.news-include div a strong.cat_tab4 {
	background: #914c30;
}

html.include {
	background-image: none;
	background: #ffffff;
}

.tab-target {
	position: fixed;
	top: 0;
	width: 0;
	visibility: hidden;
}


/* .トップページ
-------------------------- */

.firstbtn {
	background:#359C43;
}

.firstbtn li {
	width:45%;
	float:left;
	margin:3% 0 3% 3%;
}

.topbnrarea {
	margin-bottom:40px;
}

.topbnrarea img {
	margin-top:10px;
}

.iroarea {
	background:#FFF1CE;
	padding:3%;
	margin-bottom:30px;
}

.iroarea p {
	margin-top:10px;
}

.mylife {
	margin-top:20px;
	overflow:hidden;
}

.mylife ul {
	width:103%;
}

.mylife li {
	width:47%;
	float:left;
	margin-right:3%;
	margin-bottom:3%;
	list-style:none;
}

.labarea {
	background:#0168B7;
	padding:3%;
	margin-bottom:40px;
}

.labhidari {
	width:42%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}

.labmigi {
	width:56%;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}

.sayuu li.hidarili {
	float:left;
	width:48%;
}

.sayuu li.migili {
	float:right;
	width:48%;
}


/* FIRST BANNER
-------------------------- */
#first-banner {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10001;
}
#first-banner .box {
	bottom: 0;
	left: 0;
	height: auto;
	margin: 0 auto 0;
	position: relative;
	right: 0;
	text-align: center;
	top: 25%;
	width: 75%;
	z-index: 2;
}
#first-banner .close {
	background: url(/top/img/first-banner-close.png) no-repeat center center;
	background-size: cover;
	cursor: pointer;
	height: 40px;
	position: absolute;
	right: -10px;
	top: -40px;
	width: 40px;
	z-index: 3;
}
#first-banner .close:hover {
	opacity: 0.7;
}
#first-banner .banner {
	bottom: 30px;
	position: relative;
}
#first-banner .banner a {}
#first-banner .banner img {
	width: 100%;
}
#first-banner .check {
	background: #000;
	bottom: 0;
	left: 0;
	line-height: 1;
	position: absolute;
	text-align: center;
	width: 100%;
}
#first-banner .check span {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 10px 15px 10px 30px;
	position: relative;
	text-indent: 1px;
}
#first-banner .check span:before {
	background: url(/top/img/first-banner-check.png) #000 no-repeat 0 0;
	content: '';
	display: inline-block;
	height: 16px;
	left: 0;
	margin: -9px 10px 0 0;
	position: absolute;
	top: 50%;
	vertical-align: top;
	width: 16px;
}
#first-banner .check span.checked:before {
	background-position: -16px 0;
}
#first-banner .cover {
	background: rgba(188, 91, 43, 0.5);
	cursor: pointer;
	filter: alpha(opacity=50);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}



/**重要なお知らせのnew*/

.importantnews ul li p b {
    background: #f93a03;
    color: #FFFFFF;
    padding: 0 8px;
    margin-left: 5px;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
}