@charset "UTF-8";
/* -----------------------------------------------
             color set

   accent color (ac) - SEJ orange ____ #fe680a  .ac-01
   accent color (ac) - SEJ RED _______ #fe0000  .ac-02
   accent color (ac) - SEJ GREEN _____ #018a38   .ac-03


------------------------------------------------- */
/* 英語ページ用 */
#header.enMess{
	background:#fff;
	padding-bottom:10px;
}
.header-inner{
	border-bottom: solid 1px #ccc;
}
.pcon #header-logo.enMess{
	height:100px;
}
/* 英語ページ用 end */
#copyright{
	height: 50px;
}
.sei_h img{
	width:40px;
}


/* -- グローバルメニューの下線 -- */
#globalmenu a.bottom-ac-01, .line-bottom-ac-01{ border-bottom-color: #fe680a !important; }
#globalmenu a.bottom-ac-02, .line-bottom-ac-02{ border-bottom-color: #fe0000  !important; }
#globalmenu a.bottom-ac-03, .line-bottom-ac-03{ border-bottom-color: #018a38   !important; }

.line-bottom-ac-04{ border-bottom: solid 2px #fe680a !important; width: 125px; padding: 5px 0;}
.line-bottom-ac-05{ border-bottom: solid 2px #fe0000  !important; width: 125px; padding: 5px 0;}
.line-bottom-ac-06{ border-bottom: solid 2px #018a38   !important; width: 125px; padding: 5px 0;}

/* -- 汎用カラーセット -- */
.bg-ac-01{ background:#fe680a; }
.bg-ac-02{ background:#fe0000; }
.bg-ac-03{ background:#018a38; }


.bottom-ac-01{ background:#fe680a !important; }
.bottom-ac-02{ background:#fe0000 !important; }
.bottom-ac-03{ background:#018a38 !important; }

/* -- 見出しカラーセット -- */
#contents h1, .col-1 h1, #contents h2.pagetitle{ border-bottom-color: #fe680a; }
#contents h2, .col-1 h1{ border-bottom-color: #fe680a; background-color: #eee; }

#contents h2.pagetitle{ border-bottom-color: #fe680a !important; }


/* --------------------------
    sub color （sc）
   sc-01 = h3 bg color ____#dceef7
   sc-02 = h4 bg color ____#eee

---------------------------*/

/* サブカラー1 薄オレンジ */
h3{ background-color: #ffe6cf;}
.bg-sc-01{ background-color:#ffe6cf; }
.line-sc-01{ border-color:#ffe6cf; }

/* サブカラー2 グレー */
.bg-sc-02{ background-color:#eee; }
.line-sc-02{ border-color:#eee; }

/* サブカラー3 中間濃オレンジ */
.bg-sc-03{ background-color:#ffc999; }
.line-sc-03{ border-color:#ffc999; }

/* サブカラー4 中間濃ブラウン */
.bg-sc-04{ background-color:#a54d17; }
.line-sc-04{ border-color:#a54d17; }


h4{ background-color: #eee !important;}
h5{ background-color: none !important;}


/* --------------------------
    buttom color set
   背景色, 文字色, ボーダー

---------------------------*/

/* リンクボタン */
#contents .btn.-color a{
	border-color:#ccc;
/*	background-color:rgba(254, 104, 10, 1); /* #fe680a */
	/*background-color:rgba(153, 153, 153, 1);*/
	background-color: #999;
	color:#fff !important;
}
#contents .btn.-color a:hover{
/*	background-color:rgba(254, 104, 10, 0.7) !important;*/
/*	background-color:rgba(153, 153, 153, 0.7) !important;*/
	color:#fff;
	background-color: #999;
	opacity: 70%;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: .70;
	-moz-opacity: .70;
}
/* リンクボタン end */

/* --------------  color set end -------------- */




/* --------------------
	common set
-------------------- */

br.clear{display: none;}
.spacer_5px{display: none;}

/* category title icons */
/*PC*/
.shop-list-top dt img,
.store-ex-img dt img,
.release .title img{
	margin-right:10px;
}

/*__________________________________________ PC TOP  */

/* --------------------
	layout
-------------------- */



.col-left{
	float:left;
	width:630px;
}

.col-right{
	float:right;
}


#contents-body .contens-area {
	padding: 15px;
}

#contents-body #section-01{
	position:relative;
}

#contents-body #promotion img.pcon{
	width:970px;
	margin:0 auto;
}


#contents-body .contens-area .bnr-large,
#contents-body .contens-area .sub-bnr {
	margin-bottom: 15px;
}

#contents-body .contens-area .bnr-large img,
#contents-body .contens-area .sub-bnr li img{
	border:1px solid #ccc;
	box-sizing: border-box;
}


#contents-body .contens-area .bnr-large img{
	width:630px;
}

#contents-body .contens-area .sub-bnr li {
	float: left;
	width: 310px;
	margin-right:10px;
	box-sizing: border-box;
}

#contents-body .contens-area .sub-bnr li:last-child {
	margin-right:0;
}

#contents-body .contens-area .sub-bnr li img{
	width:310px;
}

/* --------------------
	top main slide
-------------------- */
#main-bnr{
	width: 970px;
	margin: 0 auto;
}
#main-bnr img{
	width: 100%;
}


.main_slider {
	position:relative;
	width:970px;
	margin:0 auto;
}
@media screen and (min-width:769px){
.main_slider.flexslider {
	border: none !important;
}
}
.main_slider.pcon .slides > li{
	display: none;
}



.flexslider{
	margin-bottom:15px !important;
}

.flex-control-nav{
	bottom:-35px !important;
}

.flex-control-paging li a{
	height:8px !important;
	width:8px !important;
}

.flex-direction-nav a::before{
	font-size:35px !important;
}

.flexslider{
	margin-bottom:15px !important;
}

.flex-control-nav{
	bottom:-35px !important;
	display:none !important;
}

.flex-control-paging li a{
	height:8px !important;
	width:8px !important;
}

.flex-direction-nav a::before{
	font-size:35px !important;
}

.flex-direction-nav a.flex-next::before {
	content: ">" !important;
}

.flex-direction-nav a.flex-prev::before {
	content: "<" !important;
}



.flex-control-nav{
	bottom: -1.5em;
	display: none;
}

/* --------------------
	lotation slider
-------------------- */
#contents-body .contens-area #lotation {
	border:1px solid #ccc;
	border-radius:0;
	width:630px;
	box-sizing: border-box;
}

#contents-body .contens-area #sub-bnr {
	margin-top:1px;
	box-sizing: border-box;
}




/* --------------------
	news release
-------------------- */

.release .title{
position:relative;
}

.release .title .btn{position:absolute;right: 100px;}
.release .title .btn img {margin: 0;}

.release .title .btn02{position:absolute;right: 10px;font-size:14px;}

.release .title,#group-list dt{
	padding: 0px 0 10px 10px;
	border-bottom:1px solid #ccc;
}

.iconDt img,.iconDt p{
	display:inline-block;
	vertical-align:middle;
}
.iconDt .title .title_icon,.iconDt .title p{
	display:inline-block;
	vertical-align:middle;
}

.iconDt .title .title_icon{
	padding-right:3px;
}

.iconDt dt p a{
	text-decoration:underline;
}




.release .list {
	/*border-top:1px solid #ccc;*/
	padding-top:15px;
}

.release .list li{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc;
/*font-size:1.2em;*/
}

.release .list li .date{
	display:block;
	float:left;
	margin-right:10px;
}

.release.-news .list li .data{
	display:block;
	overflow:hidden;
	background: url(../images/com_ic03_new.png) no-repeat 0 2px;
	padding-left:10px;
}
.release.-info .list li .data{
	display:block;
	overflow:hidden;
	background: url(../images/com_ic03_new.png) no-repeat 0 2px;
	padding-left:10px;
}
.release.-info li .icon{
/*	display:block;*/
	float: left;
	margin-right: 10px;
	display: none;
}
.release.-news li .icon{
	display: none !important;
}

.release .list li .link{
	display:block;
	float:right;
	margin-left:10px;
	padding:5px;
	border:1px solid #ccc;
}

.release .list li .category,.top .release .list .icon {
	display: block;
	float: left;
	margin-right: 1em;
	padding: 2px;
	text-align: center;
	width: 4em;
	font-size:90%;
	font-weight:bold;
}

/*-----------------------------

   TOP 謹告

------------------------------*/
#contents-body .contens-area .alertMessage{
	margin: 15px 0 0;
	padding: 10px 10px 0;
	background: rgb(254, 245, 245) none repeat scroll 0% 0%;
	border: 1px solid rgb(255, 179, 181);
	width:630px;
	box-sizing: border-box;
}

#contents-body .contens-area .alertMessage dl.inportantInfo dt{
/*	float:left;*/
	display:table-cell;
	color: red;
/*	padding-right:10px;*/
	width:9em;
}

#contents-body .contens-area .alertMessage dl.inportantInfo dd{
	vertical-align:top;
	display:table-cell;
	overflow: hidden;
	zoom:1;
	padding-bottom:10px;
}

/*-----------------------------

   TOP お知らせ

------------------------------*/
h2.top-title{
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
	margin: 30px auto 15px;
}
.info-list li {
    background: url(../images/arrow_triangle_charcoal.png) left top no-repeat;
    background-position: 0 0.2em;
    padding: 0 0 15px 10px;
}

/*__________________________________________ PC TOP side column  */
/* top right side col*/
.top-sidecol.store-ex-img {
    text-align: right;
    border: solid 1px #ccc;
		box-sizing: border-box;
}

.top-sidecol.store-ex-img dt{
	text-align: left;
	padding: 10px;
	border-bottom: solid 1px #ccc;
}
.top-sidecol.store-ex-img .iconDt  dd img{
	width: 298px;
}



/* SHOP LIST */
#contents-body .contens-area .shop-list-top {
	position:absolute;
	right:15px;
	top:15px;
}
#contents-body .contens-area .shop-list-top .iconDt{
	border:1px solid #ccc;
}

#contents-body .contens-area .shop-list-top dt {
	border-bottom: 1px solid #ccc;
/*	font-size: 0.9em;*/
	padding: 10px;
	vertical-align:middle;
}



#contents-body .contens-area .shop-list-top .store-warp dt{
	border-bottom:none;
}

#contents-body .contens-area .shop-list-top .store-warp dd .text {
	padding:10px 10px 0;
}

#contents-body .contens-area .shop-list-top .store-warp dd .link {
	padding:10px;
	text-align:right;
}
#contents-body .contens-area .shop-list-top dd .store-warp img{
	width:59px;
/*	padding:1em 1em 0;*/
}
#contents-body .contens-area .shop-list-top ul{
	padding:10px 10px 0;
	margin-bottom:10px;
}
#contents-body .contens-area .shop-list-top ul hr{
	border-bottom:1px solid #ccc;
}
#contents-body .contens-area .shop-list-top ul li{
	display:inline-block;
	list-style:none;
	margin: 0.2em 0;
	padding-left:10px;
	background:url(../images/arrow_triangle.png) no-repeat;
	background-position: 0 0.25em;
	width:4.35em;
}
/*#contents-body .contens-area .shop-list-top ul li:last-child,*/
#contents-body .contens-area .shop-list-top ul li.last{
	width:100% !important;
}

#contents-body .contens-area .shop-list-top ul hr.shoplist-line{
   border:solid #ccc;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
}

/* SIDE bnr */
#side-bnr-list .list{
	width:33%;

}

#side-bnr-list .list li{
	margin-bottom:10px;

}

#group-list dt{
	border-bottom:1px solid	#ccc;
	padding: 0 0 10px 10px;
}

#group-list dt a{
/*	font-size:0.7em;*/
	margin-left:10px;
}

#group-list .list{
	padding-top:10px;
}

#group-list .list li{
	padding:10px;
	margin-bottom:15px;
	border:1px solid #ccc;
}

/*__________________________________________ PC TOP contents  */

/* Release */
.release{
}


.release .title {
	border-bottom: 1px solid #ccc;
	/* font-size: 0.9em; */
	padding:10px 0;
	vertical-align:middle;
}


.release .cal {
	margin: 0 auto;
	padding:10px 0 0;
	width:600px;
}

.release .cal li{
	border-left:1px solid #ccc;
	display:block;
	float:left;
	padding:0 10px;
	margin-bottom:10px;
	text-align:center;
	width:52px;
}

.release .cal li:last-child,
.release .cal li:nth-child(8){
	border-right:1px solid #ccc;
}
.release .cal li:last-child{
}


/*forIE8*/
.release .cal li.li_right{
	border-right:1px solid #ccc;
}

/* Release News detail*/
.newsDetail{
	width:600px;
	margin-bottom:1em;
}

.newsDetail dl{
	width:100%;
	padding:15px;
	display:inline-block;
	border-bottom:1px dotted #aaa;
	clear: both;
}
.newsDetail dt,
.newsDetail dd{
	float:left;
}

.newsDetail dt{
	width:6.5em;
}

.newsDetail dd{
	background: url(../images/com_ic03_new.png) no-repeat 0;
	background-position: 0 0.2em;
	padding-left:0.8em;
}


/* ______ right side bnr __ */
#rightSidebnr li {
    margin-bottom: 10px;
		border: solid 1px #ccc;
		box-sizing: border-box;
}
#rightSidebnr li img{
	width: 300px;
}


/* top side 商品・サービスのご案内 */
#service-list img{
	width: 300px;
	border: solid 1px #dcdcdc;
	/*box-sizing: border-box;*/
}

#service-list .list li {
	margin-top: 10px;
}
#service-list .list li:first-child {
  margin-top: 20px;
}
#service-list .list li:nth-child(7){
	margin-top: 30px;
}

.elementR p.linkRight{
	margin:0 15px 15px 0;
}


.elementR .arrowLink, .elementR .ico-grey{
	padding-left:1em;
	font-size:0.9em;
}

	.elementR .arrowLink{
		background: url(../images/com_ic03_new.png) no-repeat 0;
		background-position: 0 45%;
	}
	.elementR .ico-grey{
		background: url(../images/arrow_ico_grey.png) no-repeat 0;
		background-position: 0 45%;
	}



/*__________________________________________ PC tenant contents  */

#contents.tenant .btn a{
	width:128px;
	text-align:left;
}
#contents.voice li .btn a{
	width:80%;
	text-align:left;
}





/* ----------------------------------------------
	smart device
---------------------------------------------- */
@media screen and (max-width:768px){

#header.enMess{
	background:#fff;
	padding-bottom:0;
}

.header-inner{
	border-bottom: none;
}


#copyright{
	height: auto;
}
/* change display */

.col-left, .col-right{
	float:none;
	width: 100%;
}



#contents-body .contens-area{
	padding:0;
	font-size:16px;
}

#contents-body .contens-area #section-01{
	/* margin-bottom: 37px; */
}

/* SP slider */
#main-bnr{
	width: 100%;
}
#main-bnr img{
	width: 100% !important;
}
.main_slider {
	width:100%;
	padding:0;
	box-sizing:border-box;
	}

.main_slider.spon img{
	width: 100%;
}
.main_slider.spon .slides > li{
	display: none;
}

.topSidebn {
    text-align: right;
    margin: 20px 0;
    position: inherit;
    right: inherit;
    bottom: inherit;
    padding-bottom: 15px;

}
.topSidebn img {
max-width:100%;
width:100%;
}


/* bnr */

#contents-body #main-bnr img{
	margin-bottom:10px;
}


#contents-body .contens-area .bnr-large{
    width: 98%;
/*    padding: 0 1%;*/
    margin: 0 auto 0.5em;
}

/*
#contents-body .contens-area .sub-bnr li img,
#contents-body .contens-area .sub-bnr li:last-child img,
#contents-body .contens-area .sub-bnr li,*/
#contents-body .contens-area .bnr-large img{
	width:100%;
}
#contents-body .contens-area .sub-bnr li {
	float: none;
	width: 100%;
	margin:0 0 0.5em 0;
}
/* --------------------
	lotation slider
-------------------- */
#contents-body .contens-area #lotation {
	width:100%;
}


/* top icon title */
.shop-list-top dt img,
.release .title img{
	margin-right:0;
}



/* SHOP LIST  tab*/
#contents-body .contens-area .shop-list-top .iconDt{
	border:none;
}

#contents-body .contens-area .shop-list-top dt {
	padding: 2% 2% 0;
}



#contents-body .contens-area .shop-list-top{
/*	font-size:1.5em;*/
	height:auto;
	position:static;
	width:100%;
	padding:0;
	border-left:none;
	border-right:none;
}

#contents-body .contens-area .shop-list-top dl.store-warp dt{
	background:#0076c0;
	padding:0;
	background-image:url(../images/arrow_wht_01.png) ;
	background-position:96% center;
	background-repeat:no-repeat;
	border-bottom:1px solid #ccc;
}

#contents-body .contens-area .shop-list-top dl.store-warp dt.reverse{
	background-image:url(../images/arrow_wht_01_reverse.png) ;
}

#contents-body .contens-area .shop-list-top dl.store-warp dt a{
	display:block;
}

#contents-body .contens-area .shop-list-top dl.store-warp dt img{
	text-align:left;
	padding:1em;
}

#contents-body .contens-area .shop-list-top dl.store-warp dd{
	display:none;
}

#contents-body .contens-area .shop-list-top dd ul{
	width:100%;
	margin-bottom:0;
	padding:0;
	text-align:center;
}
#contents-body .contens-area .shop-list-top dd ul li{
	background:#dceef7;
	background-image:none;
	text-align:left;
	margin:0;
	width:100%;
	border-bottom:1px solid #dcdddd;
	padding-left:0;

}
#contents-body .contens-area .shop-list-top dd ul li a{
	font-size:0.8rem;
	display:inline-block;
	width:98% !important;
	padding:1em 0 1em 2%;
}


#contents-body .contens-area .shop-list-top ul hr.shoplist-line{
	display:none;
}

/* ----- 謹告 ----*/
#contents-body .contens-area .alertMessage{
	width: 98%;
	margin: 2% auto;
	box-sizing: border-box;
	font-size: 80%;
}
#contents-body .contens-area .alertMessage dl.inportantInfo dt{
	display: block;
	width: 100%;
}

/* category title icons */
.shop-list-top dt img,
.store-ex-img dt img,
.release .title img{
	 margin-right:0;
}

/* ----- リリース ----*/
#contents-body .contens-area #releace-wrap{
	width:100%;
}

#contents-body .contens-area .news-backnumber .release{
	margin-top: 0px;
}

#contents-body .contens-area .release dl{
	width:100% !important;
}
#contents-body .contens-area .release .title{
	padding: 10px 0 10px 10px;
}


#contents-body .contens-area .release ul{
	padding: 10px 10px 5px;
	font-size: 0.8em;
}
#contents-body .contens-area .news-backnumber .release.-news ul{
	padding: 0 10px;
	font-size: 100%;
}
#contents-body .contens-area .release-news .date{
	float:none;
	margin-bottom:0.3rem;
	margin-left:1rem;
	margin-right:1rem;
}

#contents-body .contens-area .release.-news .data{
	overflow:hidden;
	display:block;
	margin-left:1rem;
	margin-right:1rem;
}
#contents-body .contens-area .news-backnumber .release.-news .date,
#contents-body .contens-area .news-backnumber .release.-news .data{
	float: none;
	margin: 0;
}
#contents-body .contens-area .news-backnumber .release.-news .date{
	float: none;
	margin: 0 0 5px;
}

.release.-info li .icon{
	display: inline-block;
	margin-right:0;
	float: none;
}
.release.-info li .data{
	margin-top: 5px;
}

.newsDetail{
	width:100%;
}

.newsDetail dl{
	width:96%;
	margin:0 1%;
	padding:1%;
	display:inline-block;
	border-bottom:1px dotted #aaa;
	clear: both;
}
.newsDetail dt,
.newsDetail dd{
	float:none;
}
.newsDetail dt{
	width:100%;
	margin:10px 0 0.4em 0;
}
.newsDetail dd{
	margin-bottom:10px;
}

h2.top-title{
	padding-left: 10px;
}
.info-list li {
	font-size: 80%;
}

/* _________ sp top right side ___________*/
.top-sidecol.store-ex-img {
		margin: 35px 0 25px;
		position: inherit;
		right: inherit;
		bottom: inherit;
		padding-bottom: 0px;
		box-sizing: border-box;
}
.top-sidecol.store-ex-img img{
	max-width:100%;
	width:100%;
}
.top-sidecol.store-ex-img dt .spon img{
	width: 26px;
}

.top-sidecol.store-ex-img .iconDt  dd img{
	max-width:100%;
	width:100%;
}

#side-bnr-list .list{
	width:100% !important;
	margin:2rem 0;
}

#contents-body .contens-area #side-bnr-list{
	width:80%;
	margin:0 auto;
	text-align:center;
	padding-left:0 !important;
}
#contents-body .contens-area #side-bnr-list ul.list li img{
	width:100%;

}

/* ______ right side bnr __ */

#rightSidebnr{
	margin: 0 1%;
}

#rightSidebnr li {
    width: 100%;
}
#rightSidebnr li img{
    width: 100%;
}



.iconDt{
	padding-bottom: 2%;
}


.iconDt dt span.spon{
/*	font-size:1.2em;*/
}

.iconDt dd .elementR a{
	padding-right:2%;
}

/* top side 商品・サービスのご案内 */
#service-list{
	margin:  40px auto;
}
#service-list dt{
	padding: 0 1%;
}
#service-list dt img{
	width: 100%;
}
#service-list dd .list{
	/*padding: 0 1%;*/
}
#service-list dd .list li{
	width: 50%;
	float: left;
	padding: 0 1%;
	box-sizing: border-box;
	margin-top: 10px !important;
}
#service-list dd .list li img{
	width: 100%;

}

/*__________________________________________ SP btn contents  */

#contents.tenant .btn a{
	width:93%;
}
#contents.voice .btn a{
	width:80%;
}

/*__________________________________________ SP mm-menu custom  */
.mm-navbar{
	height: 54px;
}

.mm-navbar > *{
	padding: 18px 0;
}
.mm-panels > .mm-panel > .mm-navbar + .mm-listview{
	margin-top: -5px;
}



}/* ---- smart device max-width:786 END  ---- */

/* ----------------------------------------------
	smart device max-width:786 END
---------------------------------------------- */



@media screen and (min-width:481px) and (max-width:768px){

#contents-body .contens-area .sub-bnr{
	width:98%;
	margin:0 auto;
}

#contents-body .contens-area .sub-bnr li {
	float: left;
	width: 49%;
	margin-right:2%;
}

#contents-body .contens-area .sub-bnr li:last-child {
	margin-right:0;
}


#contents-body .contens-area .sub-bnr li img{
	width:100%;
}

}



@media screen and (max-width:480px){

#contents-body .contens-area .sub-bnr {
	width: 98%;
	margin:0 auto;
	padding:0 1%;
}


#contents-body .contens-area .sub-bnr li {
	float: none;
}

#contents-body .contens-area .sub-bnr li img{
	width:100%;
}

}