body {
  font-family: "メイリオ", Meiryo, "Century Gothic", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  font-size:13px;
  text-align:left;
  line-height:1.7;
  overflow-x:hidden;
}
ol, ul {
  list-style-type: none;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	line-height:1.2;
}

li {
  vertical-align: top;
}

.container {
    max-width: 100%;
	padding-left:25px;
	padding-right:25px;
}

body {
    padding-top: 68px !important;
    background:#21a3dd;

}


img{max-width:100%;}

a:hover img {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 
a img {
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-ms-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}
.hover-opacity {
    -webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-ms-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}
.hover-opacity:hover {
    opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

/*===================================================*/
/*NAVIGATION*/
/*===================================================*/
.navbar{
	min-height:68px;
    margin-bottom: 0px;
    background:#000;
	border:none;
}
.navbar-header {
	min-width: 214px;
	min-height:68px;
}


.navbar-brand{
	width:200px;
    padding: 30px 30px 0 16px;
}
.sitecatch{
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 10px;
	color:#FFF;
}
.navbar-nav{margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{

}

.navbar-toggle{
	margin:16px 7px 0 0;
	padding:10px 7px;
	border-radius: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color:#000;
}

.navbar-default .navbar-toggle {
    border-color: #FFF;
	border:none;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #FFF;
}



.search_box .btn-default {
    padding: 5px 10px;
    background-color: #000;
    border: none;
    color: #FFF;
    font-size:12px;
    transition-property: all;
    transition: 0.3s linear;

	font-family:FontAwesome;
}
.search_box .btn-default:hover {
	background:rgba(0,0,0,.4);
}
/*.search_box .btn-default:before{
	font-family:FontAwesome;
	content:"\f002";
	padding-right:3px;

}*/
.search_box .form-control{
	height:27px;
	padding:3px 5px;
}

@media (min-width: 768px){
	.mainnav{
		position: absolute;
		top: 68px;
		left: 0;
		background: rgba(110,110,110,.7);
		width: 100%;
	}


	.navbar-default .navbar-nav.mainnav > li > a {
		padding: 10px 10px 10px 28px;
		font-size: 12px;
		color:#FFF;
		transition-property: all;
		transition: 0.3s linear;
	}
	.navbar-default .navbar-nav.mainnav > li :hover {
		background:rgba(0,0,0,.4);
	}

	.nav_kau:before{
		content: "";
		background: url(../images/top5/svg/icon_kau.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 19px;
		height: 19px;
		top: 9px;
		left: 6px;

	}
	.nav_stay:before{
		content:"";
		background: url(../images/top5/svg/icon_stay.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 18px;
		height: 19px;
		top: 11px;
		left: 7px;

	}
	.nav_life:before{
		content:"";
		background:  url(../images/top5/svg/icon_life.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 18px;
		height: 18px;
		top: 10px;
		left: 8px;

	}
	.nav_health:before{
		content:"";
		background:  url(../images/top5/svg/icon_health.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 14px;
		height: 18px;
		top: 11px;
		left: 10px;
	}
	.nav_play:before{
		content: "";
		background:url(../images/top5/svg/icon_play.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 18px;
		height: 17px;
		top: 10px;
		left: 6px;
	}
	.nav_tenbo:before{
		content: "";
		background:url(../images/top5/svg/icon_tenbo.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 14px;
		height: 18px;
		top: 10px;
		left: 10px;
	}
	.nav_gov:before{
		content: "";
		background:url(../images/top5/svg/icon_gov.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 14px;
		height: 18px;
		top: 10px;
		left: 10px;
	}

	.navbar-default .navbar-nav.membernav > li > a {
		padding: 24px 12px;
		font-size: 12px;
		font-weight:700;
		color:#FFF;
		border-left:.5px solid rgba(255,255,255,.2);
		transition-property: all;
		transition: 0.3s linear;
	}

	.navbar-header {
	    min-width: 214px;
	}

	.btn_kojin_flr a{
		content: "";
		background: url(../images/top5/svg/btn_kojin_fr.svg) no-repeat center;
		height:68px;
		width: 105px;
		padding: 18px 0 18px !important;
		margin-right:10px;
		text-indent: 100%;
		white-space: nowrap;
		border-left:none !important;
		overflow: hidden;
		background-size: contain;

	}
	.btn_dantai_flr a{
		content: "";
		background: url(../images/top5/svg/btn_dantai_fr.svg) no-repeat center;
		height:68px;
		width: 105px;
		padding: 18px 0 18px !important;
		margin-right:10px;
		text-indent: 100%;
		white-space: nowrap;
		border-left:none !important;
		overflow: hidden;
		background-size: contain;

	}
	.btn_login a{
		content: "";
		background: #e5a819 url(../images/top5/svg/btn_login.svg) no-repeat center;
		height:68px;
		width: 114px;
		padding: 18px 12px 18px !important;
		text-indent: 120%;
		white-space: nowrap;
		overflow: hidden;
		background-size: 100px;

	}


	.navbar-form.search_box{
		padding:0;
		margin:0;
	}
	.search_box{
	    position: absolute;
	    top:74px;
	    right: 0px;
	}
	.search_box .row{
		margin:0;
	}
	.search_box .form-control{
		max-width:150px;
		width:100%;
	}
	.search_box .pad0{
		padding:0 2px;
	}

}

@media (min-width: 786px) {
    .btn_kojin_flr a{
		width: 114px;
	}
	.btn_dantai_flr a{
		width: 114px;
	}
}


@media (max-width: 767px){
	.membernav{
		margin-top:15px;
		padding-bottom:15px;
		border-top:.5px solid #DDD;
	}

	.nav.mainnav > li,
	.nav.membernav > li{
	    position: relative;
	    display: inline-block;
	    min-width: 47%;
	    line-height:1.6;
	    margin:0 1%;
/*	    border-bottom:1px solid #000;*/
	}
	.nav.mainnav > li:after,
	.nav.membernav > li:after{
		font-family:FontAwesome;
		content:"\f054";
		position:absolute;
		right:-7px;
		top: .85em;
	}
	.nav.mainnav > li a,
	.nav.membernav > li a{
		padding:10px 5px;
	}


	.search_box{
	    display: block;
	    width: 100%;
	}
	.navbar-form.search_box{
		clear:both;
		margin:15px auto 0;
		padding:5px;
	}
	#navbar{background:#FFF;padding-bottom:10px}
	.sr-only {
	    position: absolute;
	    width: 36px;
	    height: 0;
	    padding: 0;
	    margin: 0;
	    border: 0;
	    top: 25px;
	    color: #FFF;
	    display: block;
	    left: 0;
	    z-index: 99999;
	    font-size: 8px;
	    overflow:initial !important;
	    clip:auto;
	}

}
/*===================================================*/
/*HOME*/
/*===================================================*/
.wrapper {
  *zoom: 1;
  margin:0 auto;
  overflow:hidden;

}
.wrapper:after {
  content: "";
  display: block;
  clear: both;
}
/*===================================================*/
/*top visual section*/
/* BIG VIDEO BACKGROUND*/
/*===================================================*/
/*.big-background {
    z-index:550;
    text-align:center;
    height: 100%;
    position:relative;
    overflow:hidden;
}

.big-background-default-image {
	background:url(../images/top5/bg0.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	width:100%;
	height:100%;
	z-index:0;
	backface-visibility:hidden;
}
.big-background .catchcopy {
    width:100%;
    max-width:100%;
    display:inline-block;
    position:absolute;
    top:48%;
    left:50%;
    text-shadow: 1px 2px 3px #808080;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    display:none;
}
*/

.skippr > div a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: relative;
}

.skippr > div a h2 {
    margin:0px;
    width: auto;
    position: absolute;
    top: 48px;
    right: 10px;
    color: #fff;
    text-shadow: 0 1px 0 #bbb,
                 0 2px 0 #b0b0b0,
                 0 3px 0 #aaa,
                 0 4px 0 #a0a0a0,
                 0 5px 0 #888,
                 0 6px 1px rgba(0, 0, 0, .1),
                 0 0 5px rgba(0, 0, 0, .1),
                 0 1px 3px rgba(0, 0, 0, .3),
                 0 3px 5px rgba(0, 0, 0, .2),
                 0 5px 10px rgba(0, 0, 0, .25),
                 0 10px 10px rgba(0, 0, 0, .2),
                 0 20px 20px rgba(0, 0, 0, .15);
    font-size: 1.7em;
}

.main-container .skippr-nav-container{
    z-index:9999;
}

.main-container .skippr-arrow{
    z-index:9999;
}



.sec-slide{
    height: 500px;
    width: 100%;
    position:relative;
}
.sec-slide .catchcopy {
		position: absolute;
		left: 13.5%;
		top: 50%;
		-webkit-transform: translate(-13.5%, -50%);
		-moz-transform: translate(-13.5%, -50%);
		-ms-transform: translate(-13.5%, -50%);
		-o-transform: translate(-13.5%, -50%);
		transform: translate(-13.5%, -50%);
		width: auto;
		z-index: 999;
}

.catchcopy h3 {
    color: #fff;
    text-transform: uppercase;
    font-size:70px;
    font-size:7rem;
    text-shadow: 1px 2px 3px #808080;
    margin:0;
}
/*.catchcopy h2 {
    color: #fff;
    font-size:60px;
    font-size:6rem;
    text-shadow: 1px 2px 3px #808080;
    margin:0;
    width: 25%;
}*/

.catchcopy img{width:auto;max-width:initial;}

@media screen and (max-width: 767px) {
	.catchcopy h2{
		/*width: 50%;*/
	}

    .skippr > div a h2 {
        top: 10px;
        font-size: 1.2em;
    }
}

@media screen and (max-width: 500px) {
	.sec-slide .catchcopy{
        left: 30.5%;
        -webkit-transform: translate(-30.5%, -50%);
        -moz-transform: translate(-30.5%, -50%);
        -ms-transform: translate(-30.5%, -50%);
        -o-transform: translate(-30.5%, -50%);
        transform: translate(-30.5%, -50%);
	}
}



/*===================================================*/
/*top section*/
/*===================================================*/
.sec-blog .container h2,
.sec-store .container h2,
.sec-pkup .container h2,
.sec-news .container h2,
.sec-cal .container h2{
	text-align:center;
	margin:0 auto .5em;
}

span.sttl{
	display:block;
	font-size:14px;
	padding:5px;
	font-weight:700;
	letter-spacing:4px;
	color:#22a3dc;
}
span.sttl:after{
    content: "\f107";
    font-family: FontAwesome;
    display: block;
    padding:5px 0 0;	
}


/*===================================================*/
/*webeki*/
.sec-webtower{
	padding:30px 0;
	background:#21a3dd;
	text-align:center;
	color:#FFF;
}

.webekiimage{
	background-image:url(../images/top5/webekiimage.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	min-height:275px;
}
.sec-webtower h2{
	font-size: 24px;
	margin-top:2em;
}
.sec-webtower h3{
	background:#FFF;
	color:#000;
	max-width:80%;
	margin:20px auto;
    border-radius: 22px;
    padding: 5px 20px;
}
.sec-webtower h4{
	margin-bottom:20px;
}



.ekibtn{
 border:1px solid #fff;
 -webkit-border-radius: 16px; -moz-border-radius: 16px;border-radius: 16px;
 font-size:16px;
 padding: 10px 10px 10px 10px;
 text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 font-weight:bold; color: #FFFFFF;
 background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#3087B3));
 background-image: -webkit-linear-gradient(top, #49c0f0, #3087B3);
 background-image: -moz-linear-gradient(top, #49c0f0, #3087B3);
 background-image: -ms-linear-gradient(top, #49c0f0, #3087B3);
 background-image: -o-linear-gradient(top, #49c0f0, #3087B3);
 background-image: linear-gradient(to bottom, #49c0f0, #3087B3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#3087B3);
 min-width:140px;
 width:100%;
 text-align:center;
 display:block;
 margin:0 auto;
 transition-property: all;
 transition: 0.3s linear;
}

.ekibtn:hover{
 border:1px solid rgba(255,255,255,.4);
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#25698b));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #25698b);
 background-image: -moz-linear-gradient(top, #1ab0ec, #25698b);
 background-image: -ms-linear-gradient(top, #1ab0ec, #25698b);
 background-image: -o-linear-gradient(top, #1ab0ec, #25698b);
 background-image: linear-gradient(to bottom, #1ab0ec, #25698b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#25698b);
 text-decoration:none;
 color:#FFF;
}

/*===================================================*/
/*blog*/
.sec-blog{
	background:#FFF;
    padding: 30px 0px;
    margin: 0px auto;
}
.sec-blog .minititle-content {
    max-width:520px;
    margin:auto;
}
.sec-blog h2{
	content:"";
	background:url(../images/top5/svg/ttl-tsukiichiamakusajoshi.svg) no-repeat center;
	width:100%;
	margin-bottom:.5em !important;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	padding:10px 0;

}

.blogwrap {
    display: -webkit-box;
    display: flex;
    border: 1px solid #DDD;
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
}
.blogwrap .post-content {
    margin: 0 0 0 10px;
    -webkit-box-flex: 1;
    flex: 1;
}
.blogwrap h3 {
    margin: 0;
    font-size: 14px;
    padding: .75em 1em .75em 1em;
    position: relative;
}
.blogwrap h3:before {
	position: absolute;
	top: .5em;
	left: 0em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #27b1ce;
	border-radius: 4px;
}
.blogwrap.ana h3:before {
	background-color: #d97671;
}

.blogwrap .thum {
    display: -webkit-box;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-color: #ECECEC;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 4px 4px;
    border: 1px solid #DDD;
}





.blogwrap .post-content p {
    margin: 0;
    height:5em;
	overflow:hidden;
}
.blogsign {
    position: absolute;
    top: -5px;
    left: 5px;
    background: #27b1ce;
    color: #FFF;
    font-size: 11px;
    width: 46px;
    height: 60px;
    padding-top: 16px;
    text-align: center;
    line-height: 1.3;
    color: #FFF;
}
.blogsign:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 60px;
    left: 0;
    border-style: solid;
    border-width: 20px 23px 0 23px;
    border-color: #27b1ce transparent transparent transparent;
}
.ana .blogsign{
    background: #d97671;

}
.ana .blogsign:after{
    border-color: #d97671 transparent transparent transparent;
}

.anaBanner-content div{
    max-width:302px;
    margin:auto;
    text-align:center;
}

/*===================================================*/
/*SHOP*/

.sec-store{
	background:#ee8c1f;
    padding: 30px 0;
    margin: 0px auto;
}

.sec-pkup{
    background: #FFF;
    padding: 30px 0 30px;
    margin: 0px auto;
}

.sec-pkup h2{
	content:"";
	background:url(../images/top5/svg/ttl-newhome.svg) no-repeat center;
	max-width:520px;
	width:100%;
	margin-bottom:.5em !important;
	position:relative;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	padding:30px 0;


}

.sec-store h2{
	content:"";
	background:url(../images/top5/svg/ttl-mall.svg) no-repeat center;
	max-width:420px;
	width:100%;
	margin-bottom:.5em !important;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	padding:30px 0;


}

/*
.sec-store h2:after,.sec-pkup h2:after{
	content:"";
	margin:2px auto;
	display:block;
	border-bottom:1px solid #FFF;
	width:8em;
}*/

#pslider.slideFrame .slideCell{
	position:relative;
	background:snow;
}

#pslider.slideFrame .slideCell:before{
	position:absolute;
	content:"";
	background-repeat:no-repeat;
	background-size:contain;
	width:130px;
	height:130px;
	top:10px;
	left:10px;
}
#pslider.slideFrame .slideCell .store-title{
    color: #FFF;
    text-align: center;
    padding: 5px;
    font-size: 11px;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.store-title a,store-title a:hover{color:#FFF;}
.store-in{
	position:relative;
	top:-1.8em;
}
.hin-title,
.hin-price{
	font-size:12px;
	margin:0;
	text-align:center;
	margin:10px 0 0;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight:700;
}
.hin-price{
	margin:0 auto;
	padding:3px;
	color:#ff2146;
}

.hin-excerpt{
	overflow:hidden;
	height: 4em;
	font-size:11px;
	padding: 0 10px;
	line-height:1.3;
}

.mallicon {
	max-width:680px;
	margin:0 auto 20px;
}
.mallicon img{
	max-width:130px;
	width:100%;
}

.newsicon{margin:0 auto 20px;}



/*===================================================*/
/*NEWS*/

.sec-news{
	padding:30px 0;
	background:url(../images/top5/slide4.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;


}
.sp .sec-news{background:#cacaca}

/*.sec-news .col-lg-2,
.sec-news .col-md-3,
.sec-news .col-sm-4{
	padding:0 5px;
	margin-bottom:10px;
}*/
.news-post{
	padding:7px;
	background:rgba(255,255,255,1);
}

.sec-news h2{
	content:"";
	background:url(../images/top5/svg/ttl-news.svg) no-repeat center;
	max-width:520px;
	width:100%;
	margin-bottom:.5em !important;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	padding:30px 0;

}
.news-post h4{
	font-size:14px;
	margin-bottom:.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-post p{
	line-height:1.4;
	font-size:12px;
	margin-bottom:.5em;
    height: 4em;
    overflow: hidden;

}
.news-post .postdate{
	display:block;
	text-align: right;}


.pad10{padding:0 10px 10px}

.moreall{text-align:center;margin-top:20px;}
.btn-default{padding:5px 30px;border-color:#000;}


.sec-store .moreall .btn-default,
.sec-pkup .moreall .btn-default{
	color:#FFF;
	border-color:#FFF;
	background:initial;
}
.sec-store .moreall{
	margin-top:2em;
}


/*===================================================*/
/*RANKING*/
.sec-rank h2{
	color:#000;
	text-align:left;
	font-weight:bold;
	position:relative;
	font-size:2em;
}

.sec-rank{
	background:#FFF;
	padding:30px 0px;
}
.sec-rank .col-md-6{
	padding:15px;
}

.ranking{
	counter-reset: ac-ranking; /* number のカウンタを 0 にセット */
}
.ranking li{
	border-bottom:1px solid #000;
	padding:5px;
	display: flex;
	justify-content: left;
	align-items: center;
}

.ranking .thum{
    width: 50px;
    height: 50px;
    padding: 0;
    margin-right:10px;
 }
.ranking a{flex:2}
.ranking span{
	flex:2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.ranking li:before {
    counter-increment: ac-ranking;      /* number カウンタを増加 */
    content: counter(ac-ranking,decimal) ;      /* 表示形式を指定 */
    font-size: 12px;
    font-weight: bold;
    width: 24px;
    padding: 2px 0;
    border-radius: 12px;
    text-align: center;
    background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    color: #000;
    display: inline-block;
    margin-right: 10px;
	
}
.ranking li:first-child:before{
    color: #FFF;
	background-color: #eab92d; background-image: -webkit-gradient(linear, left top, left bottom, from(#eab92d), to(#c79810));
}
.ranking li:nth-child(2):before{
    color: #FFF;
	background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
}
.ranking li:nth-child(3):before{
    color: #FFF;
	background-color: #a67939; background-image: -webkit-gradient(linear, left top, left bottom, from(#a67939), to(#845108));
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    color: #FFF;
    cursor: default;
    background-color: #2dbbed;
    border: none;
    border-bottom-color: transparent;
}
.nav-tabs > li > a{border:initial;}
.nav-tabs > li > a{border-right:1px dotted #DDD;margin:0;border-radius:0}
.nav-tabs > li:last-child > a{border:none}

.nav-tabs{background:#9e9c9d;border-bottom:0;}
.nav-tabs > li{width:33.3333%;text-align:center;font-weight:bold;margin:0;}
.nav-tabs > li > a{
	color:#FFF;
	padding:10px 5px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
	background:#000;
	border:none;
}
#tab1,#tab2,#tab3,#tab4{
	padding:10px 0;
}
.tab-pane{background:#FFF}

/*===================================================*/
/*banner*/
.sec-banner{background:#FFF;padding:20px 0;margin-bottom:0}
.sec-banner .row div{padding-bottom:10px;}
.sec-banner img{border-radius:5px;}


/*===================================================*/
/*top owlslider*/
.owl-item {background:#FFF;}
.owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
    margin: 0px 7px 0 7px;
    background: #c8f3ff;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #21a3dd;
}
.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next {
  font-size: 26px;
  position: absolute;
  top: 33%;
  margin: 0;
  padding: 0 26px;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.owl-theme .owl-controls .owl-nav [class*=owl-]{
  background-color: rgba(43, 187, 237, 0.7);
}

.owl-item p{
    padding: 5px;
    margin: 0 auto;
    height: 7.2em;
    overflow: hidden;
}

.owl-theme .owl-controls .owl-nav .owl-prev {
  left: -35px;
}

.owl-theme .owl-controls .owl-nav .owl-next {
  right: -35px;
}

/*===================================================*/
/*画像調整*/
.thum{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 100%;
	padding-top:100%;
	overflow: hidden;
	position: relative;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 4px 4px;
}

.thum img{
/* 画像を上下左右に中央配置する（絶対指定） */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* 画像の最大サイズは枠の1.5倍まで */
  max-width: 150%;
  max-height: 150%;
  width:initial;
}

.pickup .thum{
	width: 100%;
	padding-top:80%;

}
/*===================================================*/
/*カテゴリ別配色*/
/*.amacat{
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	padding:2px 5px;
	background:#070707;
	color:#FFF;
	font-size:11px;
	text-align:center;
}*/

.cat0{background-color:#3fbaf5}
.cat1{background-color:#de840c}
.cat2{background-color:#2b5e95}
.cat3{background-color:#c13033}
.cat4{background-color:#5e9d32}
.cat5{background-color:#d4a60a}
.cat6{background-color:#6087cc}
.cat7{background-color:#ef3e2c}
.cat8{background-color:#2db09e}
.cat9{background-color:#aa8953}
.cat10{background-color:#86becb}



/*.owl-carousel .owl-item img{width:100%;width:initial}*/
.sec-pkup .owl-item {position:relative;}
.sec-pkup .owl-item h3{display:none}
.sec-pkup .owl-item h3.p-on{
	color:#FFF;position:
	absolute;bottom:0px;
	text-align:center;
	padding:10px;
	font-size:12px;
	margin:0;
	background: rgba(0, 0, 0, 0.5);
	width:100%;
	display:block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.shoptitle{
	background:#edecea;
	display:block;
	padding:3px 10px;
	font-size:90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}
.shoptitle:before{
	content:"\f041";
	font-family: FontAwesome;
	padding-right:4px;
}

.postdate{font-size:11px;}
.postdate:before{
	font-family: FontAwesome;
	padding-right:3px;
	content:"\f017";
}
.morepost a{display:block;font-size:90%;position:relative;text-align:right;padding:3px}
.morepost a:before{
	content:"\f0a9";
	font-family: FontAwesome;
	padding-right:3px;
	
}

.today_date_ttl{
    background: #000;
    font-weight: 700;
    margin: 0;
    padding: 5px 20px;
    color: #FFF;
    font-size: 16px;
    line-height: 1;
    position: relative;
    top: -5px;
    left: 10px;
}
.center_news_ttl{
    font-size: 12px;
    position: relative;
    top: -4px;
    left: 10px;
}
.bd1{
	border-bottom:2px solid #000;
	padding-bottom:6px;
}
.today_event li,
.center_news li{
	border-bottom:1px dotted #DDD;
	padding:5px;
	display:flex;

}
.today_event a{
	flex:3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding:0 10px 0 0;
}
.today_event a:before{
	font-family:FontAwesome;
	content:"\f105";
	padding-right:4px;
}

.today_event span{
	padding:3px 10px;
	color:#FFF;
	font-size:11px;
	border-radius:10px;
	width:8em;
	text-align:center;
    display: inline-block;
}
.center_news li a{
	flex:4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding:0 5px;
}
.center_news li span{
	width:7.2em;
	line-height:2em;
}


.sec-cal{
	background:#eeeff1;
	padding:30px 0;
}
.sec-cal .cal-ttl{
	content:"";
	background:url(../images/top5/svg/ttl-cal.svg) no-repeat center;
	max-width:620px;
	width:100%;
	margin-bottom:.5em !important;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	padding:30px 0;

}


/*===================================================*/
/*フッター*/
.section-ft{padding:30px 20px 10px;background:#34bee3;color:#FFF}
.section-ft a,.section-ft a:hover{color:#FFF}
.section-ft li{padding:2px;margin:1px}
.section-ft li:before{
	content:"\f138";
	font-family: FontAwesome;
	padding-right:4px;
}
ul.ftarea li{display:inline-block;margin-right:1em}

.copy{padding-top:20px;font-size:11px;}

/*===================================================*/
/*その他*/
.mintitle {
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;
}


/*Loading*/
.loadingWrap {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
}
.loadingWrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -69px 0 0 -69px;
  width: auto;
}

#pagetop {
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index:9999;
}
#pagetop a{
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    background: rgba(0,0,0,.6);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#pagetop i {
    margin-top: 8px;
    font-size: 28px;
}

/*-------------------------------------------*/
/*media query custom*/
/*-------------------------------------------*/
@media screen and (max-width: 1199px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
		padding:10px;
	}
	.row {
	    margin-right: -8px;
	    margin-left: -8px;
	}

}
@media (max-width: 768px){
	.sec-rank h2{
		text-align:center;
	}
}

@media screen and (max-width: 767px) {
	.container{
		padding-left:15px;
		padding-right:15px;
	}

	.main-container{
		width:100%;
		padding-left:0px;
		margin-left:0px;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
		max-height: 460px;
	}

	.owl-theme .owl-controls .owl-nav .owl-prev {
	  left: -30px;
	  top: 28%;
	}

	.owl-theme .owl-controls .owl-nav .owl-next {
	  right: -30px;
	  top: 28%;
	}
}


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

	.mallicon img{
		max-width:68px;
		width:100%;
	}

	.blogwrap .thum {
		width:100px;
		height:100px;
	}
	.sec-webtower{padding:0;}
	.sec-webtower h2{
		margin:0 auto;
	}

	#pagetop {
	    position: fixed;
	    bottom: 10px;
	    right: 10px;
	}
}

/* センターからのお知らせ（新着）*/


div#newCenterOshirase
{
    padding: 0px 0px;
    border: 2px solid #141452;
    background: #FFFFFF;
    margin: 12px 0px;
}

div#newCenterOshirase .cwakurad1,
div#newCenterOshirase .cname
{
   display:none;
}

div#newCenterOshirase a:hover
{
	text-decoration:underline;
}

div#newCenterOshirase h2
{
    text-align: center;
    background: #141452;
    color: #FFFFFF;
    padding: 8px 0;
    margin:0px;
    font-size: 16px;
}
div#newCenterOshirase .cwaku
{
	margin-top:0px;
	padding:15px;
}

@media (min-width: 992px) {
    .today_event {
        max-height: 178px;
        overflow-y: auto;
    }

    .tab-pane {
        max-height: 500px;
        overflow-y: auto;
    }
}