@charset "utf-8";

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* GENERAL */
a:link, a:visited {color: #333;text-decoration: none;}
a:hover {color: #333;text-decoration: none;}
a{outline: none;}

/* CLEARFIX */
.clearfix
{zoom: 1;}

.clearfix:after,
.headerRight2:after,
.articleList:after,
.navBox:after,
.headBox:after,
.galleryBox:after,
.bnrList:after,
.contentBox:after,
.pageFlexsliderBox:after,
.topicsList:after,
.topicsList li:after,
.subInfo:after,
.topicsList li a:after,
.filterBox:after,
.calendarNav:after,
.shopInfo li:after,
.sliderTabList:after,
.aaaaaaaa:after,
.aaaaaaaa:after,
.aaaaaaaa:after
{content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

strong{
font-weight: bold;
}

img{
vertical-align: bottom;
}

*{
	box-sizing: border-box;
}

textarea{
	max-width: 100%;
}




/* ------------------------------------------
LAYOUT
------------------------------------------ */

html{
	height: 100%; 
}

body{
	font: 12px/1.4 'Noto Sans Japanese',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	width: 100%; 
	height: 100%; 
	background-color: #fff;
	color: #000;
	position:relative;
	font-size: 14px;
	letter-spacing: 0.02em;	
	
	line-height: 160%;
}

section.sec{
	padding: 60px 0;
	padding-bottom: 0;
}

.green{
	background-color: #24a8b2;
	background-color: #54a6b0;
}

.gray{
	background-color: #dedede;
}

.grayOff{
	background-color: #f5f5f5;
}


.onlyPc{
	display: block;
}

.onlySp{
	display: none;
}

.center{
	text-align: center;
}

.contentBox{
	max-width: 1064px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
}




/* ------------------------------------------
header
------------------------------------------ */

header{
	border-top: 3px solid #d63480;
	height: 160px;
	background-color: #fff;
	position: relative;
	z-index: 5;
	
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);

-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

header.active{
	margin-top: -100px;
}

body{
	padding-top: 160px;
}

h1#logo{
	float: left;
	margin-top: 15px;
	margin-left: -7px;
}

h1#logo a{
	text-indent: -9999px;
	display: block;
	width: 90px;
	height: 90px;
	background-image:url(../images/hd_logo.png);
	background-repeat:no-repeat;
	background-size: contain;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

h1#logo a:hover{
	opacity: 0.6;
}



.copyBox{
	float: left;
	margin-left: 40px;

	margin-top: 18px;
	
	width: 370px;
	line-height: 140%;
}

.copy{
	font-weight: bold;
}

.copy span{
	font-size: 10px;
	line-height: 140%;
	display: inline-block;	
}

.copy .big{
	font-size: 14px;
	margin-bottom: 5px;
	text-indent: -0.5em;
}
.copy.en .big{
	text-indent: 0em;
}


.copy .big2{
	display: none;
}



.headerRight{
	float: right;
}

.langList li{
	display: inline-block;
}

.langList{
	float: right;
	margin-top: 15px;
}

.headerRight2{
	clear: both;
	float: right;
	margin-top: 13px;
}

.searchBox{
	float: left;
}

.searchBox .s{
	float: left;
	width: 180px;
	border-radius: 6px 0 0 6px;
	background-color: #ededed;
	border: none;
	height: 36px;
	padding-left: 10px;
}

.searchBox .searchSubmit{
	float: left;
	width: 60px;
	border-radius: 0 6px 6px 0;
	background-color: #333;
	border: none;
	height: 36px;

	background-image:url(../images/ico_search.png);
	background-repeat:no-repeat;
	background-size: 16px auto;
	background-position: center center;
	text-indent: -9999px;
}




.topBnr{
	float: left;
	margin-left: 30px;
	display: none;
}

.navBox{
	clear: both;
	padding-top: 7px;
}

.navList li{
	margin-right: 35px;
	display: inline-block;
	line-height: 140%;
	text-align: left;
	border-right: 1px solid #ccc;
}
.navList li:last-child{
	border: none;
	margin-right: 0;
}

.navList li:last-child a{
	padding-right: 0;
}

.navList li a{
	padding-right: 35px;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;

	vertical-align: middle;
	line-height: 30px;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navList li a:hover{
	opacity: 0.6;
}

.navList li.top a{
	height: 30px;
	background-image:url(../images/hd_nav01.png);
	background-repeat:no-repeat;
	background-size: 23px auto;
	background-position: left center;
	padding-left: 34px;
}

.navList li.feature a{
	height: 30px;
	background-image:url(../images/hd_nav02.png);
	background-repeat:no-repeat;
	background-size: 26px auto;
	background-position: left center;
	padding-left: 34px;
}

.navList li.event a{
	height: 30px;
	background-image:url(../images/hd_nav03.png);
	background-repeat:no-repeat;
	background-size: 26px auto;
	background-position: left center;
	padding-left: 32px;
}

.navList li.column a{
	height: 30px;
	background-image:url(../images/hd_column.png);
	background-repeat:no-repeat;
	background-size: 26px auto;
	background-position: left center;
	padding-left: 32px;
}

.navList li.night a{
	height: 30px;
	background-image:url(../images/hd_nav04.png);
	background-repeat:no-repeat;
	background-size: 24px auto;
	background-position: left center;
	padding-left: 30px;
}

.navList li.calendar a{
	height: 30px;
	background-image:url(../images/hd_nav05.png);
	background-repeat:no-repeat;
	background-size: 22px auto;
	background-position: left center;
	padding-left: 30px;
}

.navList li.map a{
	height: 30px;
	background-image:url(../images/hd_nav06.png);
	background-repeat:no-repeat;
	background-size: 25px auto;
	background-position: left center;
	padding-left: 26px;
}

.navList li.search a{
	background-color: #333333;
	text-indent: -9999px;
	border-radius: 4px;
	display: inline-block;
	width: 76px;


	background-image:url(../images/ico_search.png);
	background-repeat:no-repeat;
	background-size: 16px auto;
	background-position: center center;
}

header .navList{
	float: left;
}

header .snsList{
	float: right;
}

.snsList li{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.snsList li a{
	height: 30px;
	text-align: left;
	display: inline-block;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 300;
	background-position: center center;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.snsList li a:hover{
	opacity: 0.6;
}

.snsList li.facebook a{
	width: 30px;
	text-indent: -9999px;
	background-image:url(../images/ico_facebook.png);
	background-repeat:no-repeat;
	background-size: 10px auto;
}

.snsList li.instagram a{
	width: 30px;
	text-indent: -9999px;
	background-image:url(../images/ico_instagram.png);
	background-repeat:no-repeat;
	background-size: 21px auto;
}

.snsList li.twitter a{
	width: 30px;
	text-indent: -9999px;
	background-image:url(../images/ico_twitter.png);
	background-repeat:no-repeat;
	background-size: 23px auto;
	margin-left: 5px;
}


footer .snsList li.facebook a{
	background-image:url(../images/ico_facebook_white.png);
}
footer .snsList li.instagram a{
	background-image:url(../images/ico_instagram_white.png);
}
footer .snsList li.twitter a{
	background-image:url(../images/ico_twitter_white.png);
}
















.mainVisual{
	background-color: #f5f5f5;
	padding-top: 22px;
	padding-bottom: 30px;
	overflow: hidden;
}

.sliderTabList{
	float: right;
}

.sliderTabList li{
	display: inline-block;
}

.sliderTabList li a{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 25px 8px;
	border-radius: 9px 9px 0 0;
	background-color: #b0b0b0;
	display: inline-block;
}

.sliderTabList li.active a{
	background-color: #df0b80;
}

.topSlider{
	border-top: 8px solid #df0b80;
	clear: both;
}

.topSlider li{
	vertical-align: top;
}

.topSlider .slick-prev{
	left: 50%;
	margin-left: -410px;
	margin-left: -324px;
	z-index: 2;
}

.slick-next,
.slick-prev{
	z-index: 2;
}

.topSlider .slick-next{
	right: 50%;
	margin-right: -410px;
	margin-right: -324px;
	z-index: 2;
}

.topSlider .slick-prev{
	width: 50px;
	height: 50px;
	text-align: left;
	background-image:url(../images/ico_slider_left.png);
	background-repeat:no-repeat;
	background-size: 13px auto;
	background-position: left 16px center;
	text-indent: -9999px;
	background-color: #ddd14d;
	border-radius: 30px;
}
.topSlider .slick-next{
	width: 50px;
	height: 50px;
	text-align: left;
	background-image:url(../images/ico_slider_right.png);
	background-repeat:no-repeat;
	background-size: 13px auto;
	background-position: right 16px center;
	text-indent: -9999px;
	background-color: #ddd14d;
	border-radius: 30px;
}

.topSlider .slick-prev,
.topSlider .slick-next{
	cursor: pointer;
	
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.topSlider .slick-prev:hover,
.topSlider .slick-next:hover{
	opacity: 0.6;
}


.topSlider{
	
}

.topSlider .slick-slide{
	margin-left: 12px;
	margin-right: 12px;
	width: 768px;
	width: 600px;
}

.topSlider .img img{
	width: 100%;
}

.topSlider .img{
	display: block;
	position: relative;
	overflow: hidden;
}
.topSlider .img:before{
    content:"";
    display: block;
    padding-top: 66.66%;
}

.topSlider .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}



.headBox .category{
	background-color: #df0b80;
	font-size: 13px;
	color: #fff;
	padding: 0px 15px;
	float: left;
}

.headBox{
	margin-bottom: 10px;
}

.headBox .date{
	float: right;
	font-size: 10px;
	color: #b3b3b3;
}

.topSlider h2.ttl{
	font-size: 20px;
	font-weight: bold;
	color: #24a0aa;
	margin-bottom: 5px;
	line-height: 140%;
}

.topSlider{
	display: none;
}

.topSlider.slick-initialized{
	display: block;
}

.topSlider .place{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.topSlider .place span{
	font-size: 12px;
	display: inline;
	margin-left: 20px;
	color: #ce3480;
	letter-spacing: 0;
}

.topSlider .despBox{
	padding: 30px;
	background-color: #fff;
}

section.green{
	color: #fff;
}
section.green .articleList li .place{
	color: #fff;
}
section.green .articleList li .ttl{
	color: #fff;
}

h3.ttl{
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 30px;
	text-align: center;
	
	font-family: "Roboto",'Noto Sans Japanese',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
}

h3.ttl span{
	display: block;
	font-size: 10px;
	font-weight: normal;
	padding-top: 5px;
}

.articleList{
	margin-left: -10px;
	margin-right: -10px;
}

/*
.articleList.pickupEvent{
	margin-left: 0px;
	margin-right: 0px;
}
*/

.articleList.pickupEvent li{
	padding-left: 10px;
	padding-right: 10px;

	margin-left: 0px;
	margin-right: 0px;
}

.articleList li{
	float: left;
	width: 25%;
	width: calc(25% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	
	margin-bottom: 60px;
}

.articleList li .desp{
	display: none;
}

.articleList.columnList{
	margin-left: -20px;
	margin-right: -20px;
}
.articleList.columnList li{
	width: calc(50% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}
.articleList.columnList li .desp{
	display: block;
}
.articleList.columnList li .despArea{
	background-color: #fff;
	padding: 20px;
}
.articleList.columnList li .img{
	margin-bottom: 0;
}
.articleList.columnList li .ttl{
	font-size: 16px;
	color: #24a0aa;
	margin-bottom: 10px;
}

.articleList.sideList{
	margin-left: 0px;
	margin-right: 0px;
}

.articleList.sideList li{
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
}




.articleList li .img img{
	width: 100%;
}

.articleList li .img{
	display: block;
	position: relative;
	overflow: hidden;
/* 	margin-bottom: 10px; */
}
.articleList li .img:before{
    content:"";
    display: block;
    padding-top: 66.66%;
}

.articleList li .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.articleList li .ttl{
	font-size: 14px;
	font-weight: bold;
}
.articleList li .despArea{
	padding-top: 10px;
}


.articleList li .new{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	
	background-color: #dab534;
	font-size: 10px;

	color: #fff;
	padding: 0 10px;
}

.subInfo .place{
	font-size: 12px;
	float: left;
	color: #666;
	letter-spacing: 0;
	font-weight: bold;
}


.subInfo .end{
	font-size: 12px;
	float: right;
	color: #ce3480;
	letter-spacing: 0;
}

.mainPlace .end{
	font-size: 12px;
	display: inline;
	margin-left: 20px;
	color: #ce3480;
	letter-spacing: 0;
}

.subInfo .date{
	font-size: 12px;
	float: right;
	color: #999;
	letter-spacing: 0;
}



.btnArea{
	text-align: center;
	padding-bottom: 60px;
}

a.btn{
	display: inline-block;
	cursor: pointer;
	padding: 14px 70px;
	font-size: 14px;
	font-family: "Roboto",'Noto Sans Japanese',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	
	background-color: #d63480;
	color: #fff;


-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

a.btn:hover{

	background-color: #ff3e99;
}

a.presentBtn{
	display: inline-block;
	cursor: pointer;
	padding: 14px 30px;
	font-size: 14px;
	font-family: "Roboto",'Noto Sans Japanese',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	
	background-color: #d63480;
	color: #fff;
	
	text-decoration: none !important;


-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

a.presentBtn:hover{

	background-color: #ff3e99;
}





.categoryList{
	text-align: center;
	margin-bottom: 20px;
	font-size: 0;
}

.categoryList li{
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px;
	margin: 0 3px;
	color: #fff;
}

.categoryList li a{
	display: inline-block;
	padding: 8px 15px;
	background-color: rgba(255,255,255,0.8);
	min-width: 100px;
	background-color: #24a0aa;
	font-family: "Roboto",'Noto Sans Japanese',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #fff;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}


.galleryBox{
	padding-bottom: 60px;
}

.galleryBox > a{
	display: block;
	position: relative;
	overflow: hidden;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.galleryBox > a:hover{
	opacity: 0.6;
}

.galleryBox > a:before{
    content:"";
    display: block;
    padding-top: 100%;
}

.galleryBox > a img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.galleryBox > a{
	display: block;
	width: 20%;
	float: left;
}

.galleryBox > a img{
	width: 100%;
}








.bnrList{
	text-align: center;
	padding-bottom: 40px;
}

.bnrList li{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.bnrList li a{
	display: block;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bnrList li a:hover{
	opacity: 0.6;
}


.bnrList li img{
	max-width: 100%;
}




footer .snsList li{
	margin: 0 3px;
}

footer .navList li{
	margin-left: 15px;
	margin-right: 15px;
	border: none;
}

footer .navList li a{
	font-size: 14px;
	padding: 0;
}

footer{
	background-color: #54a6b0;
	text-align: center;
	padding: 30px 20px;
}

footer .navList{
	margin-bottom: 60px;
}

footer .navList li a{
	color: #fff;
	font-weight: normal;
}





.mainImg{
	background-color: #ebebeb;
	overflow: hidden;
	text-align: center;
}

.mainImg .img{
	width: 768px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.mainImg .img img{
	width: 100%;
}

.mainImg .img{
	display: block;
	position: relative;
	overflow: hidden;
}
.mainImg .img:before{
    content:"";
    display: block;
    padding-top: 66.66%;
}

.mainImg .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
















.mainContent{
	float: left;
	width: 70%;
	padding-bottom: 100px;

	padding-right: 60px;
	border-right: 1px solid #ccc;
}
.aside{
	float: right;
	width: 30%;
	padding-left: 40px;
}


article.post{
	background-color: #f5f5f5;
}

article.post .headBox .category{
	margin-right: 20px;
}

article.post .headBox .date{
	float: left;
}

article.post h1.ttl{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #24a0aa;
	line-height: 140%;
}

article.post .mainPlace{
	font-size: 14px;
	font-weight: bold;

}

h2.subTtl{
	font-size: 12px;
	margin-left: -5px;
}


.wp_social_bookmarking_light{
	float: right;
	
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.wp_social_bookmarking_light div{
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 23px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
#fb-root{
    display: none;
}
.wsbl_facebook_like iframe{
    max-width: none !important;
}
.wsbl_pinterest a{
    border: 0px !important;
}




.mainDesp{
	line-height: 180%;
	margin-bottom: 40px;
	margin-top: 30px;
}

.mainDesp strong{
	font-size: 16px;
}

.mainDesp a{
	text-decoration: underline;
}

.mainDesp a img{
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mainDesp a:hover img{
	opacity: 0.6;
}

.mainDesp strong a{
	padding-top: 10px;
	font-size: 14px;
	display: inline-block;
	text-decoration: underline;
}
.mainDesp strong a.btn{
	text-decoration: none;
	padding-top: 14px;
}


.mainDesp a strong{
	padding-top: 10px;
	font-size: 14px;
	display: inline-block;
	text-decoration: underline;
}

.mainDesp img{
	max-width: 100%;
	height: auto;
	padding-bottom: 20px;
	margin-top: 20px;
}

.mainDesp p{
	margin-bottom: 20px;
}


.sideBox{
	margin-bottom: 40px;
}

.sideBox h4.sideTtl{
	font-family: "Roboto",'Noto Sans Japanese',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0x;
}

.sideBox .sub{
	display: block;
	font-size: 10px;
	font-weight: normal;
/* 	margin-bottom: 20px; */
}

.sideBox .articleList{
	padding-top: 20px;
}

.sideBox .articleList li .ttl{
	font-size: 13px;
	color: #24a0aa;
	line-height: 130%;
}

.sideBox .articleList li{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	height: auto !important;
}

.sideBox .articleList li:last-child{
	border: none;
}



h5.ttl{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}





.detailList{
	border-top: 1px solid #ccc;
	padding-top: 10px;
	word-wrap: break-word;
	margin-bottom: 30px;
}


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

.detailList li .ttl{
	float: left;
}
.detailList li .desp{
	padding-left: 140px;
}

.detailList a{
	text-decoration: underline;
}



.shopBoxWhite{
	margin-bottom: 60px
}

.shopBox{
	padding: 30px;
	color: #fff !important;
	border-radius: 6px;

	background-color: #54a6b0;
	margin-bottom: 60px
}

.shopBox a{
	color: #fff !important;
	text-decoration: underline;
}


.shopName{
	font-size: 20px;
	margin-bottom: 15px;
}


.pageFlexsliderBox{
	margin-bottom: 40px;
}

.pageFlexsliderBox .pageFlexslider{
	float: left;
	width: 50%;
}

.pageFlexsliderBox .desp{
	float: right;
	width: 45%;
	font-size: 12px;
}

.pageFlexslider img{
	width: 100%;
}



.shopInfo{
	margin-bottom: 40px;
}

.shopInfo a{
	color: #fff;
}

.shopInfo li{
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}
.shopInfo li:last-child{
	border: none;
}
.shopInfo li .ttl{
	float: left;
}
.shopInfo li .disp{
	padding-left: 200px;
}




.mainContent .articleList li{
	width: calc(50% - 20px);
}

/*
.mainContent .articleList li .despArea{
	padding: 10px;
	background-color: #fff;
}
*/














.topicsList li{
	margin-bottom: 20px;
	background-color: #fff;
}

.topicsList li a{
	height: 100%;
	display: block;
	position: relative;
}

.topicsList li .img{
	float: left;
	width: 45%;
	position: relative;
	height: 100%;
}

.topicsList li .img img{
	width: 100%;
}
.topicsList li .img .number{
	position: absolute;
	left: 0;
	top: 0;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	z-index: 5;
	color: #fff;
	font-size: 20px;
	text-align: center;	
	
	white-space: nowrap; 
	background-color: #c24357;
	font-size: 13px;
}


.topicsList.noCount li .img .number{
	display: none;
}

.topicsList li .despArea{
	float: right;
	width: 55%;

	padding: 20px;
	padding-left: 30px;
}

.topicsList li .despArea .ttl{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #24a0aa;
}

.topicsList li .despArea .detail{
	line-height: 140%;
	margin-bottom: 20px;
	color: #000;
	font-size: 13px;
}



h2.pageTtl{
	font-size: 20px;
	margin-bottom: 40px;
	text-align: center;
}













/* ------------------------------------------
page
------------------------------------------ */

.newsDirectionBox{
clear: both;

padding-top: 20px;
padding-bottom: 20px;

text-align: center;
background-color: #fff;
margin-top: 60px;

	font-size: 13px;
	font-family: "Roboto",'Noto Sans Japanese',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	letter-spacing: 0.1em;
}

.page-numbers{
	display: inline-block;
padding: 3px 20px;
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}



.page-numbers.current{
font-weight: bold;
text-decoration: underline;
}

.prev.page-numbers{
margin-left: 0;
margin-right: 10px;

color: #333;
padding: 5px 20px;

background-color: #d63480;
color: #fff;
}
.next.page-numbers{
margin-left: 10px;
margin-right: 0;

color: #333;
padding: 5px 20px;

background-color: #d63480;
color: #fff;
}

.prev.page-numbers:hover, .next.page-numbers:hover{
background-color: #333;
	background-color: #ff3e99;
color: #FFF;
border-color: #333;
text-decoration: none;

}

.prev.page-numbers:hover a, .next.page-numbers:hover a{
	background-color: #ff3e99;
	color: #fff;
}




.singleContent{
/*
	margin-left: 40px;
	margin-right: 40px;
*/
	margin-bottom: 120px;
}


.filterBox{
	background-color: #d2d2d2;
	border-radius: 6px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 60px;
	
	padding: 10px 20px;
}

.filterBox select{
	padding-right: 20px;
}

.filterList{
	float: left;
}

.filterList li{
	display: inline-block;
	margin-right: 20px;
}
.filterList li:last-child{
	margin-right: 0;
}

.filterList li div{
	display: inline-block;
}
.filterList li div.ttl{
	font-size: 12px;
}


#pagetop{
	position: fixed;
	right: 40px;
	bottom: 40px;
	
	display: none;
}
#pagetop a{
	width: 50px;
	height: 50px;
	display: block;

	background-image:url(../images/btn_pagetop.png);
	background-repeat:no-repeat;
	background-size: contain;
	
	text-indent: -9999px;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#pagetop a:hover{
	opacity: 0.6;
}


.filterBtn{
	float: right;
	background-color: #333333;
	color: #fff;
	border-radius: 6px;
	text-align: center;
	padding: 2px 40px;
	border: none;
}



/*
.pickupBox{
	background-color: #54a6b0;
	padding: 40px;
	border-radius: 10px;
	color: #fff !important;
	padding-bottom: 0;
	margin-bottom: 60px;
}

.pickupBox a{
	color: #fff !important;
}



.pickupBox h3.subTtl span{
	padding-left: 20px;
	font-size: 12px;
}

.pickupBox .subInfo .place{
	color: #fff;
}
*/

.pickupBox{
	border-bottom: 1px solid #ccc;
	margin-bottom: 60px;
	padding-bottom: 0px;
}

h3.subTtl{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	font-family: "Roboto",'Noto Sans Japanese',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	padding-top: 20px;
}





.relateBottom{
	margin-bottom: 60px;
}


.box.boxMini{
	margin-left: auto;
	margin-right: auto;
	max-width: 840px;
	background-color: #fff;
	padding: 60px 40px;
	color: #000;
}

h2.pageTttl{
	text-align: center;
	font-size: 24px;
	color: #fff;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
}


.mainvisual_about{
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}

.mainvisual_about img{
	width: 100%;
}


.about h2, .about h3{
	font-size: 20px;
	font-weight: bold;

	margin-bottom: 20px;
}

.about section{
	margin-bottom: 40px;
}

.about section p{
	margin-bottom: 10px;
}

.about section img{
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.introduct_img{
	margin-left: -10px;
	margin-right: -10px;
}

.introduct_img img{
	width: 50%;
	width: calc(50% - 20px);
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#box_privacy p{
	margin-bottom: 20px;
}

#box_privacy dt{
	font-size: 16px;
	font-weight: bold;

	margin-bottom: 10px;
}

#box_privacy dd{
	margin-bottom: 40px;
}



.mw_wp_form input[type="submit"]{
	display: inline-block;
	margin-right: 20px;
	padding-left: 40px;
	padding-right: 40px;
}

.mw_wp_form input{
	max-width: 100%;
}

.mw_wp_form p{
	margin-bottom: 40px;
	font-weight: bold;
}
.mw_wp_form img{
	max-width: 100%;
}

.mw_wp_form a{
	text-decoration: underline;
	color: #000;
}

section.green .mw_wp_form a{
	color: #000;
}

.mw_wp_form h3{
	font-weight: bold;
}

.mw_wp_form section{
	margin-bottom: 40px;
}


.actionbutton{
	color: #fff;
	background-color: #ff3e99;
	border: none;
	padding: 10px 20px;
}










.calendarNav{
	font-weight: 700;
	font-family: "Roboto",'Noto Sans Japanese',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #fff;
	position: relative;
	font-size: 16px;
	margin-bottom: 20px;
}
.calendarNav .prev{
	float: left;
}

.calendarNav .next{
	float: right;

}
.calendarNav a{
	color: #fff;
}

.calendarNav{
	margin-bottom: 10px;
}

.calendarNav .now{
	font-size: 20px;
	font-size: 16px;

	text-align: center;

	position: absolute;
	top: 0;

	left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);	
}

.calendarSelectBox.month{
	margin-left: 5px;
}
.calendarSelectBox.day{
	margin-left: 5px;
}


.calendarDesp{
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
	font-size: 12px;
	text-align: left;
}

table.calendarTbl{
	width: 100%;

	text-align: center;
	font-weight: 700;
	font-family: "Roboto",'Noto Sans Japanese',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #fff;
	
	margin-bottom: 30px;

  border-top: 1px solid #999;
  border-left: 1px solid #999;
}

table.calendarTbl .fri{
	color: #e3b32c;
}
table.calendarTbl .sat{
	color: #73bbe0;
}
table.calendarTbl .sun{
	color: #cf5a51;
}


table.calendarTbl th{
text-align: center;
padding: 5px;
width: 14.28%;
background-color: #333;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}

table.calendarTbl td {
  vertical-align: top;
  padding: 0;
  font-size: 22px;
  font-size: 16px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}

table.calendarTbl td.out-of-month {
	color: #bbb;
/*   background-color: #fafafa; */
}

table.calendarTbl tr th:last-child,
table.calendarTbl tr td:last-child {
/*   background-color: rgba(240, 180, 100, 0.1); */
}

table.calendarTbl tr th:nth-last-child(2),
table.calendarTbl tr td:nth-last-child(2) {
/*   background-color: rgba(0, 250, 100, 0.1); */
}

table.calendarTbl .dateBox{
    background-position: center center;
    background-size: cover;	
    position: relative;
    display: block;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

table.calendarTbl a.dateBox{
	color: #fff;
}

table.calendarTbl a.dateBox:hover{
	color: #fff;
	transform: scale(1.3);
	z-index: 5;
}



table.calendarTbl .date {
    padding: 20px 5px 20px 5px;
    text-align:center; 

    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);  
    position: relative;
    z-index: 2;
}

table.calendarTbl .date{
	color: #fff;
}


table.calendarTbl .black{
	position: absolute;
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.3);
}

table.calendarTbl .date span{
display: none;
}

table.calendarTbl td.holiday{
    background-color: rgba(240, 180, 100, 0.1) !important;
}

table.calendarTbl .holiday-name {
  display: inline-block;
  font-size: 10px;
  padding-left: 3px;
  color: #888;

display: block;
text-align: center;
opacity: 0;
color: #ccc;
}

table.calendarTbl td a:hover .holiday-name{
	opacity: 1;
}





table.calendarTbl .today,
table.calendarTbl .today a{
	color: red;
}



table.calendarTbl .dayLod{
	padding: 20px 0px;
}

table.calendarTbl.calendarTblLod td a{
	background-color: #fff;
	padding: 20px 15px;
	padding-bottom: 15px;
	display: block;

	border-top: 1px solid #ccc;
	border-right: 1px solid #444;
	text-align: left;
}
table.calendarTbl.calendarTblLod td a:hover{
	background-color: #eee;
}

table.calendarTbl .each{
	color: #000;
}

table.calendarTbl .ttl{
	font-size: 12px;
	letter-spacing: 0;
	line-height: 150%;
	margin-bottom: 15px;
	
	color: #54a6b0;
}
table.calendarTbl .desp{
	font-size: 10px;
}
table.calendarTbl .occur{
	font-size: 10px;
	color: #666;
}

.calendarBox .calendar{
	float: left;
	width: 35%;
}

.calendarBox .calendarInfoBox{
	float: right;
	width: 65%;
	padding-left: 40px;
}

.eachEvent{
	background-color: #fff;

}

.eachEventBox{
	margin-left: -10px;
	margin-right: -10px;
}

.eachEventBox .eachEvent{
	float: left;
	width: 50%;
	width: calc(50% - 20px);

	margin-left: 10px;
	margin-right: 10px;
}

.eachEvent img{
	width: 100%;
}


.eachEvent .img{
	display: block;
	position: relative;
	overflow: hidden;
}
.eachEvent .img:before{
    content:"";
    display: block;
    padding-top: 66.66%;
}

.eachEvent .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.eachEvent .dateBox{
	padding: 20px;
}













.navList li.onlyPad{
	display: inline-block;
}
.navList li.onlyPad2{
	display: none;
}
.ftNaviList li.onlyPad{
	display: inline-block;
}
.ftNaviList li.onlyPad2{
	display: none;
}
.ftNaviList li.sep{
	display: none;
}



.ftNaviList{
	margin-bottom: 10px;
}

.ftNaviList li{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.ftNaviList li a{
	color: #fff;
}



.mapCanvasDetail{
	height: 300px;
	margin-top: 5px;
}


.google_translate_elementBox{
	text-align: center;
	padding: 20px 0;
}


.googleTranslateMessage{
	color: #888;
	margin-bottom: 40px;
}







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

.navList li{
	margin-right: 20px;
}

.navList li a{
	padding-right: 20px;
}

.snsList li{
	margin-left: 0px;
}

.copyBox{
	margin-left: 30px;
}



}




















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

.copyBox{
	margin-left: 30px;
}


}












/* ------------------------------------------
ipad
------------------------------------------ */
@media screen and (max-width: 980px){

.onlyPad{
	display: none !important;
}
.onlyPad2{
	display: inline-block !important;
}


.contentBox{
	padding-left: 20px;
	padding-right: 20px;
}

.searchBox{
	display: none;
}



#pagetop{
	right: 20px;
	bottom: 20px;
}

.navList li{
	margin-right: 16px;
}

.navList li a{
	padding-right: 17px;
}


.snsList li{
	margin-left: 5px;
}


.articleList.columnList{
	margin-left: -10px;
	margin-right: -10px;	
}

.articleList.columnList li{
	width: calc(50% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}






.mainContent{
	padding-right: 30px;
}

.aside{
	padding-left: 30px;
}


.page-numbers{
	padding: 3px 10px;
}

.topicsList li .despArea .ttl{
	font-size: 14px;
}



.filterBtn{
	padding: 2px 20px;
}

.filterBox{
	padding: 10px 20px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 40px;
}

.filterList li{
	margin-right: 10px;
}

.filterList select{
	font-size: 12px;
}

.pickupBox{
	margin-bottom: 40px;
}


.articleList.pickupEvent li{
	margin-bottom: 20px;
}


.filterList li.second{
	display: none;
}


.newsDirectionBox{
	margin-top: 0;
}

.pageFlexsliderBox .pageFlexslider{
	float: none;
	width: auto;
}

.pageFlexsliderBox .desp{
	float: none;
	width: auto;
}

.pageFlexslider .img{
	text-align: center;
	background-color: #fff;
}

.pageFlexslider img{
	height: 200px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}



.mainvisual_about{
	margin-left: 20px;
	margin-right: 20px;
}

.box.boxMini{
	margin-left: 20px;
	margin-right: 20px;
}















}























/* ------------------------------------------
smartphone
------------------------------------------ */
@media screen and (max-width: 719px){


.onlyPc{
	display: none;
}

.onlySp{
	display: block;
}


.navBox{
	display: none;
}

.topBnr{
	display: none;
}


#button_container{
	display: block;
}

h1#logo a{
	width: 80px;
	height: 80px;
}

.headerRight{
	float: none;
	position: absolute;
	top: 12px;
	right: 80px;
}

.copyBox{
	float: right;
	
	letter-spacing: 0;
	text-align: right;
	width: 230px;
	line-height: 100%;
	margin-left: 0px;
	margin-top: 50px;
}

.copyBox span{
	display: none;
}

.copy.en{
	display: none;
}

.copy .big{
	font-size: 8px;
	display: none;
}
.copy .big2{
	font-size: 10px;
	display: block;
}
.langList{
	margin-top: 10px;
}


header{
	height: auto;
}

.sliderTabList{
	float: none;
}

.sliderTabList li{
	float: left;
	margin-right: 1px;
}
.sliderTabList li a{

	font-size: 10px;

	padding: 5px 10px 4px;
	border-radius: 9px 9px 0 0;
}


.topSlider .slick-slide{
	width: 100%;
	width: 100vw;
	margin-left: 0;
	margin-right: 0;
}

.topSlider h2.ttl{
	font-size: 15px;
	letter-spacing: 0;
}


.topSlider .despBox{
	padding: 20px 20px;
	padding-bottom: 20px;
	padding-bottom: 10px;
}

.topSlider .desp{
	font-size: 12px;
	display: none;
}

.topSlider .place{
	font-size: 12px;
}

.articleList.columnList{
	margin-left: 0;
	margin-right: 0;
}
.articleList.columnList li{
	float: none;
	width: auto;
	margin-left: 0;
	margin-right: 0;
}

.articleList{
	margin-left: -10px;
	margin-right: -10px;
}

.articleList li{
	width: calc(50% - 20px);
	margin-bottom: 40px;
}


.galleryBox > a{
	width: 50%;
}


.mainVisual{
	padding-bottom: 0;
}

.topSlider .despBox{
/* 	max-height: 110px; */
	overflow: hidden;
}

.topSlider .place{
	display: none;
}



.mainContent{
	float: none;
	width: auto;
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
	border: none;
}

.mainDesp{
	margin-top: 20px;
	font-size: 13px;
}

article.post h1.ttl{
	font-size: 16px;
}

.wp_social_bookmarking_light div.wsbl_facebook_like{
	max-width: 50px;
	overflow: hidden;
}
.mainDesp{
	margin-bottom: 50px;
}

.detailList{
	margin-bottom: 40px;
}


.topicsList li .img{
	float: none;
	width: auto;
	margin-left: 0;
	margin-right: 0;
}

.topicsList li .despArea{
	float: none;
	width: auto;
	padding: 20px;
}

.shopBox{
	padding: 30px 20px;
}


.shopInfo{
	font-size: 12px;
	letter-spacing: 0;
}

.shopInfo li .ttl{
	width: 110px;
}
.shopInfo li .disp{
	padding-left: 120px;
}

.aside{
	float: none;
	width: auto;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	border: none;
}


article.post section.sec{
	padding-top: 30px;
}







.scrollBox{
	overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
	width: 100%;
}

.sliderTabList{
	white-space: nowrap;
	font-size: 0;
}

.sliderTabList li{
	float: none;
	display: inline-block;
	white-space: nowrap;
	white-space: normal;
}





.headBox .category{
	padding: 0 10px;
}


.slick-prev{
	left: 0px;
	top: 38%;
}

.slick-next{
	right: 0px;
	top: 38%;
}


.headBox .category{
	max-width: 120px;
	height: 22px;
	overflow: hidden;
}

.filterBtn{
	float: left;
	margin-top: 10px;
}

h2.pageTttl{
	font-size: 22px;
	margin-bottom: 20px;
}
h3.ttl{
	font-size: 22px;
}

.box.boxMini{
	padding: 30px 20px;
}

.about h2, .about h3{
	font-size: 18px;
}
h2.pageTttl{
	font-size: 18px;
}

#box_privacy p{
	font-size: 12px;
	line-height: 160%;
}

.c-title01{
	font-size: 18px !important;
}

.lod_page{
	padding-top: 30px !important;
}

.lod_page__info-area__about{
	padding-top: 20px;
}

.c-left{
	margin-bottom: 40px;
}

.c-title01_02{
	padding: 0 !important;
	font-size: 20px !important;
	margin-bottom: 20px;
}


a.btn{
	padding: 14px 20px;
}


.calendarScroll{
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	border-right: 1px solid #ccc;
}

.calendarNav a{
	font-size: 12px;
}







.categoryList li{

}

.categoryList li a{

	font-size: 12px;
	min-width: initial;
	min-width: auto;
}





header{
	position: relative;
}
header.active{
	margin-top: 0;
}

body{
	padding-top: 0;
}





.articleList.pickupEvent{
	margin-left: 0px;
	margin-right: 0px;
}

.articleList.pickupEvent li{
/* 	width: calc(50% - 20px); */

/*
	padding-left: 0;
	padding-right: 0;
	margin-left: 10px;
	margin-right: 10px;
*/

	float: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;

}

/*
.articleList li .ttl{
	font-size: 12px;
	line-height: 140%;
}
*/

h3.ttl{
	margin-bottom: 20px;
}




section.sec{
	padding-top: 40px;
}









#pagetop{
	bottom: 70px;
}

.ftNaviList{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: rgba(0, 0, 0, 0.9);
	background-color: rgba(204, 52, 128, 0.95);


	margin-bottom: 0;
	z-index: 3;
}

.ftNaviList li{
	vertical-align: middle;
	line-height: 60px;
	
	margin-left: 5px;
	margin-right: 5px;
}

.ftNaviList li:last-child{
	border: none;
}

.ftNaviList li.feature{
	display: none;
}
/*
.ftNaviList li.column.onlyPad2{
	display: none !important;
}
.ftNaviList li.event{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.ftNaviList li.event a{
	display: block;
	width: 100%;
	height: 60px;
	line-height: 52px;
}
*/



.ftNaviList li.sep{
	display: inline-block;
	height: 24px;
	width: 1px;
	background-color: #fff;
}

.ftNaviList li a{
padding: 4px 10px;
font-weight: bold;

-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
.ftNaviList li a:hover{
	background-color: #fff;
	color: #000;
}
*/


h1#logo{
	margin-top: 9px;
}



.articleList.pickupEvent li.hideSp{
	display: none;
}

.langList{
	margin-top: 8px;
}
.langList li{
	font-size: 12px;
}




























}