@charset "utf-8";

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

/* =============================================================

　　スマホ画面 個別設定（トップページ）

============================================================= */


/*  全体・コンテナー 設定
---------------------------------------------*/

#container {
}


/*  ヘッダー 設定
---------------------------------------------*/

#header {
}


/*　コンテンツ　設定
--------------------------------------------- */

#content {
  background: #fcfaf5;
}

/* -------- メインビジュアル -------- */

#mainvisual {
  width: 100%;
  overflow: hidden;
}

#mainvisual,
#mainvisual li a {
  height: 100vw;
}

/*
#mainvisual .visual {
  min-width: 0;
  height: auto;
  padding-top: 49.6%;
}

#mainvisual .visual .item {
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

#mainvisual .visual .img1 {
  background: url(../img/mainvisual-img1-sp.png) no-repeat top center #92dbe6;
  background-size: 100%;
}

#mainvisual .visual .img2 {
  background: url(../img/mainvisual-img2-sp.png) no-repeat top center #92dbe6;
  background-size: 100%;
}

#mainvisual .visual .img3 {
  background: url(../img/mainvisual-img3-sp.png) no-repeat top center transparent;
  background-size: 100%;
}

#mainvisual .visual .img4 {
  background: url(../img/mainvisual-img4-sp.png) no-repeat top center transparent;
  background-size: 100%;
}

#mainvisual p {
  display: none;
}
*/
/*トップビジュアルスライドが無い場合、パディングを詰めて表示 10/31*/
/*
.bx-wrapper{
	padding-bottom:0px;
}
*/

/* ---- Prev,Next ---- */

.slick-arrow {
  width: 13%;
  height: 24%;
  margin-top: -28%;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-arrow:before {
  margin-top: -6px;
  margin-left: -8px;
  width: 12px;
  height: 12px;
}

.slick-prev:before {
  margin-left: -5px;
}

/* ---- Content ---- */

#mainvisual .boxSlide {
}

#mainvisual ul {
}

#mainvisual li {
  width: auto;
  padding: 0;
  font-size: .9em;
}

#mainvisual .boxImgArea img {
  width: 100%;
  margin: 0;
}

#mainvisual li a:hover .boxImgArea,
#mainvisual li a:hover img {
  opacity: 1;
}


/* -------- カレンダー -------- */

.boxCalendarWrap {
  padding: 0;
  border: none;
}

/* ------ カレンダーボックス＆詳細 ------ */

.boxCalendar,
.boxCalendarDetail {
  float: none;
  width: auto;
}

/* ------ カレンダーボックス ------ */

.boxCalendar {
  margin-bottom: 25px;
}

/* -- テーブル Tbody -- */

.boxCalendarTable table tbody {
}

.boxCalendarTable table th,
.boxCalendarTable table td a {
  padding: 2px;
}

.boxCalendarTable table th {
  padding-bottom: 4px;
}

/* -- テーブル説明 -- */

.boxCalendarTable ul {
  font-size: .84em;
}

/* ---- リンクボタン ---- */

.boxCalendar .btnLink {
}

.boxCalendar .btnLink a {
  padding: 6px;
  font-size: 1.05em;
}

/* ------ カレンダー詳細 ------ */

.boxCalendarDetail {
}

/* -- お知らせ一覧 -- */

.boxCalendarDetail .boxNewsList {
  font-size: 1em;
}

/* -- 日付＆お知らせ内容 -- */

.boxCalendarDetail .boxNewsList .boxNewsDate,
.boxCalendarDetail .boxNewsList .boxNewsCont {
  display: block;
  width: auto;
  padding: 0;
}

/*--総合イベント--*/
.synthesisEvent {
	background-color: #EDF3F7; 
	padding:20px;
	overflow: hidden;
}
.synthesisEvent div.eventBnr{
	float:none;
	width:100%;
	padding-top:0px;
}

	.synthesisEvent div.eventBnr img {
		width:100%;
	}

.synthesisEvent div.eventTxt{
	float:none;
	width:100%;
	padding:0px;
}

.synthesisEvent div.eventTxt p span{
	color:#1570a6;
	font-weight: bold;
}
	

/* -------- ニュース -------- */

#news {
}

.boxSection .boxNews {
  padding-top: 20px;
  padding-bottom: 20px;
}


/* ---- News ---- */

.boxNews {
	float: none;
	width: 100%;
}

/* ---- Banner ---- */

.boxBanner {
	float: none;
	width: 100%;
}

.boxBanner img {
	width: 100%;
	height: auto;
}

.boxBanner p.bnrTop {
	margin-bottom: 15px;
}

.boxBanner p.bnrTop a {
	width: 100%;
	height: auto;
}

.boxBanner a.boxLineupLnk {
	width: 100%;
	height: auto;
}

.boxBanner .boxLineupLnk dl {
	width: 100%;
	height: auto;
}

.boxBanner .boxLineupLnk dl dt img {
	width: 100%;
	height: auto;
}

.boxBanner .boxLineupLnk dl dd {
	font-size: 1.15em;
	color: #2d487e;
	line-height: 1.5em;
	letter-spacing: 0;
}



/* ---- Section Head ---- */

.boxNews .boxSectionHead {
  float: none;
  width: auto;
  margin-bottom: 5px;
  text-align: center;
}

/* ---- Section Content ---- */

.boxNews .boxSectionContent {
  float: none;
  width: auto;
}

/* -------- イベント -------- */

#event {
  background: none;
}

.boxEvent { 
  min-height: 0;
  text-align: center;
}

.boxSection .boxEvent {
  padding-top: 10px;
  padding-bottom: 35px;
}

/* ---- Section Head ---- */

.boxEvent .boxSectionHead {
  margin-bottom: 10px;
  padding-left: 0;
}

/* ---- Section Content ---- */

.boxEvent .boxSectionContent {
  padding-left: 0;
}

/* -- タイトル -- */

.boxEvent .ttlSection,
.boxEvent .ttlSection + .txtSub {
  overflow: visible;
  width: auto;
  height: auto;
  background: none;
  text-indent: 0; 
  text-align: center;
  white-space: normal;
}

.boxEvent .ttlSection {
  margin-bottom: 10px;
  font-size: 1.35em;
}

.boxEvent .ttlSection span {
  display: block;
  margin-bottom: 10px;
  font-size: 1.3em;
}

.boxEvent .ttlSection + .txtSub {
  margin-bottom: 0;
  font-size: 1em;
}

/* -- イベントイメージ -- */

.boxEvent .imgEvent {
  position: inherit;
  top: auto;
  left: auto;
  margin-bottom: 15px;
}

.boxEvent .imgEvent img {
  width: 300px;
}

/* -- 日付 -- */

.boxEvent .txtDate {
  font-size: 1em;
  text-align: left;
}

.boxEvent .txtDate strong {
  font-size: 1.7em;
}

/* -- 参加無料テキスト -- */

.boxEvent .txtEventFree {
  margin-bottom: 25px;
  font-size: 1.05em;
  text-align: left;
}


/* ------------ ▼第2フェーズ ------------ */


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

.bx-wrapper {
  background: none;
}

#mainvisual .boxMainvisual {
  width: 100%;
  padding: 0;
}

#mainvisual .boxMainvisual .bx-controls-direction a {
  margin-top: -45px;
}

#mainvisual .boxMainvisual .bx-controls-direction a.bx-prev::before,
#mainvisual .boxMainvisual .bx-controls-direction a.bx-next::before {
width: 18px;
height: 18px;
}

#mainvisual .boxMainvisual .bx-controls-direction a.bx-prev::before {
left: 6px;
border-bottom: 2px solid #666;
border-left: 2px solid #666;
}

#mainvisual .boxMainvisual .bx-controls-direction a.bx-next::before {
left: 8px;
border-top: 2px solid #666;
border-right: 2px solid #666;
}

#contentWide .boxCommonContent {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* ---- お知らせ ---- */
.boxTopInfoContent .boxNewsList li dt {
  display: inline;
  float: none;
  width: auto;
}

.boxTopInfoContent .boxNewsList li dd {
  display: inline;
  margin: 0;
}
.boxTopInfoContent .boxNewsList li dd p.txtNewsLabel {
  display: inline-block;
  float: none;
}

.boxTopInfoContent .boxNewsList li dd p.txtNews {
  display: block;
  margin: 6px 0 0;
}



/* ---- おすすめイベント ---- */
.boxTopContent .boxPickup .bx-wrapper {
  width: 300px;
}

/*
.boxTopContent .boxPickupList li {
  width: 300px !important;
}
*/

.boxTopContent .boxPickupList .imgPickup img {
  width: 300px;
}

.boxTopContent .boxPickup .bx-controls-direction a {
  width: 60px;
  height: 100px;
}

.boxTopContent .boxPickup .bx-controls-direction a.bx-prev {
  left: -40px;
}

.boxTopContent .boxPickup .bx-controls-direction a.bx-next {
  right: -40px;
}

.boxTopContent .boxPickup .bx-controls-direction a.bx-prev::before,
.boxTopContent .boxPickup .bx-controls-direction a.bx-next::before {
width: 18px;
height: 18px;
}

.boxTopContent .boxPickup .bx-controls-direction a.bx-prev::before {
left: 18px;
}

.boxTopContent .boxPickup .bx-controls-direction a.bx-next::before {
left: 21px;
}

.boxTopContent .boxPickup .bx-pager-item,
.boxTopContent .boxPickup .bx-pager-item .active {
  font-size: 22px;
}

.boxTopContent .boxPickup .bx-pager-item a,
.boxTopContent .boxPickup .bx-pager-item a.active {
  padding: 14px 10px;
}


/* ---- バナー ---- */
.boxTopContent .boxTopBnr li {
  width: 100%;
  margin-bottom: 14px;
}

.boxTopContent .boxTopBnr li:nth-child(even) {
  margin-left: 0;
}

.boxTopContent .boxTopBnr li a {
  width: 100%;
  background: #fff;
}

/* ------------ //fbプラグイン　スマホ用 ------------ */
#pageplugin {width:100%;}
	
/* ------------ //第2フェーズ ------------ */

}