@charset "UTF-8";
/* CSS Document */


/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left; }
.taCenter { text-align: center; }
.taRight { text-align: right; }


/* フォントの大きさ */
.fsize13 { font-size: 13px; }
.fsize14 { font-size: 15px; }
.fsize15 { font-size: 15px; }
.fsize16 { font-size: 16px; }
.fsize18 { font-size: 18px; }
.fsize22 { font-size: 22px; }
.fsize24 { font-size: 24px; }
.fsize27 { font-size: 27px; }
.fsize30 { font-size: 30px; }


/* フォントの太さ */
.fwNormal { font-weight: normal; }
.fwBold { font-weight: bold; }


/* フォントの色 */
.fc01 { color: #fff; }

.font-type01 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


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

.fsize13 { font-size: 13px; }
.fsize14 { font-size: 13px; }
.fsize15 { font-size: 13px; }
.fsize16 { font-size: 14px; }
.fsize18 { font-size: 18px; }
.fsize22 { font-size: 20px; }
.fsize24 { font-size: 22px; }
.fsize27 { font-size: 24px; }
.fsize30 { font-size: 26px; }

}

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0; }
.mb0 { margin-bottom: 0; }
.mt10 {margin-top: 10px; }
.mt20 {margin-top: 20px; }
.mt30 {margin-top: 30px; }
.mt40 {margin-top: 40px; }
.mt50 {margin-top: 50px; }
.mb10 {margin-bottom: 10px; }
.mb20 {margin-bottom: 20px; }
.mb30 {margin-bottom: 30px; }
.mb40 {margin-bottom: 40px; }
.mb50 {margin-bottom: 50px; }
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}

.f-left { float: left; }
.f-right { float: right; }

.btn-more {
	background-color: #666666;
	border-radius: 40px;
	display: inline-block;
	padding: 0 20px;
	margin-top: 60px;
}

.btn-more-text {
	padding: 0 50px 0 20px;
	color: #fff;
	background-image: url(images/brn_more.png);
	background-repeat: no-repeat;
	background-position: center right;
}

.inline-block {
	display: inline-block;
}

/* 白背景 */
.bg01 { background-color: #fff; }

/* スマホのみ表示 */
.sp-box { display: none; }

@media screen and (max-width : 480px){
	
.sp-box { display: block; }

/* PCのみ表示 */
.pc-box { display: none; }

}



    #pageTop {
      position: absolute;
      bottom: 80px;
      right: 20px;
	  z-index: 30000;
    }


    #pageTop a {
      display: block;
      padding: 4px 0 0 0px;
      width: 40px;
      height: 30px;
      background-color: #356098;
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
    }
	
	#pageTop a img {
		width:50%;
	}

     

    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }



/*------------------------------------------------------------
	リセット
------------------------------------------------------------*/
a:focus, *:focus { outline:none; }

a:link,
a:visited,
a:hover {
      color: #06F;
      text-decoration: none;
}

a:hover,
input:hover {
      opacity: 0.5 ;
}

ul li {
	list-style-type: none;
}

h1,h2,h3,p,dl {
	font-weight: normal;
	margin: 0;
}

.container {
	padding: 0;
}

.sub-menu .menu-item {
	width: 100%;
	display: block;
}

.responsive-nav::before, 
.responsive-nav ul::before, 
.responsive-nav li::before, 
.responsive-nav a::before, 
.responsive-nav::after, 
.responsive-nav ul::after, 
.responsive-nav li::after, 
.responsive-nav a::after {
    content: normal;
}

img {
	width: 100%;
}

dt {
	float: left;
}

dt,dd {
	padding-bottom: 5px;
}


/*------------------------------------------------------------
	一覧用レイアウトパターン
------------------------------------------------------------*/
.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-box02 {
	width: 48%;
	padding-bottom: 30px;
}

.flex-box03 {
	width: 32.22%;
	padding-bottom: 18px;
}

.flex-box04 {
	width: 23.75%;
	padding-bottom: 18px;
}

.flex-box05 {
	width: 19.68%;
	padding-bottom: 18px;
}

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

.flex-box02 {
	width: 100%;
}

.flex-box03 {
	width: 100%;
	padding-bottom: 20px;
}

.flex-box04 {
	width: 100%;
}

.flex-box05 {
	width: 100%;
}

}

/* 垂直方向センター */
.flex_container-type02 {
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え *
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}


.f-left {
	float: left;
}

.f-right {
	float: right;
}


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

	基本
	
------------------------------------------------------------*/

body {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 17px;
	margin: 0;
	box-sizing:border-box;
	position: relative;
}

.wrap1040 {
	width: 1040px;
	margin: 0 auto;
	padding: 30px 0;
}


/* 背景色 */

.bg-img01 {
	background-image: url(images/bg-img01.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.bg02 {
	background-color: #E1E2E7;
}

.bg03 {
	background-color: #356098;
}



/* タイトル・テキスト */


/* 文字色 */

.fc02 {
	color: #051D52;
}

.fc03 {
	color: #06F;
}


.text01 {
	display: inline-block;
	border: solid 1px #000;
	padding: 5px 270px;
	margin: 0 0 10px;
}

.text02 {
	display: inline-block;
	border: solid 1px #000;
	padding: 5px 200px;
	margin: 0 0 10px;
}

.text03 {
	padding: 7px 0 5px;
	margin-bottom: 15px;
}




@media screen and (max-width : 1039px){
	
.wrap1040  {
	width: 100%;
	padding: 0 20px;
	box-sizing:border-box;
}

.text01,
.text02 {
	width: 100%;
	padding: 0;
}
}


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

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

/* ヘッダー */

.main-img-wrap {
	width: 100%;
	position: relative;
}

.main-text {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 40%;
}

/* 概要 */

.text-day {
	font-size: 36px;
}

.text-day span {
	font-size: 56px;
}

.text-time {
}

.text-place {
	padding-bottom: 30px;
}

.link-FB-container {
	padding-top: 30px;
}

.link-FB:link,
.link-FB:hover {
	opacity: 0.5 ;
}

.link-FB {
	background-color: #3B5999;
	width: 593px;
	padding: 2px 15px;
	margin: 0 auto;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.link-FB img {
	width: auto;
	padding: 10px 0 0 5px;
}

.link-FB-box01,
.link-FB-box02 {
	width: 49%;
}

.link-FB-box01,
.link-FB-box02 {
	text-align: left;
}

.bg-icon-right p {
	color: #fff;
	font-size: 26px;
	font-weight:bold;
	padding: 7px 20px 0 0;
	text-align: right;
}

.bg-icon-right {
	background-image: url(images/icon-right.png);
	background-repeat: no-repeat;
	background-position: center right;
}

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

.link-FB {
	width: 100%;
}

}


/* コンセプト */

.wrap-concept {
	padding: 180px 40px 40px;
}

.wrap-concept .fsize27 {
	padding-bottom: 50px;
}


/* ゲスト */

.wrap-gest {
	padding: 30px 0 0;
}

.gest-name {
	font-size: 36px;
	padding-bottom: 20px;
}

.gest-name span {
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 20px;
}


/* アクセス */

iframe {
	padding-top: 30px;
}

.wrap-access .fc02 {
	padding-top: 20px;
}


/* フッター */

.playgide-box a:link,
.playgide-box a:visited {
	border-bottom: solid 1px #06F;
}

.group-box {
	padding-top: 100px;
}

.group-box02 {
	width: 60px;
	border: solid 1px #000;
	margin-bottom: 10px;
}

.group-box03 {
	width: 960px;
	margin-bottom: 10px;
}

.copy {
	text-align: center;
	padding: 20px 0;
	color: #fff;
	font-size: 15px;
}


@media screen and (max-width : 480px){
	
.main-text {
	width: 55%;
}
	
.text-day {
	font-size: 26px;
	line-height: 1.2;
	padding: 30px 0 10px;
}

.text-day span {
	font-size: 36px;
}
	
.bg-img01 {
	padding-bottom: 40px;
}
	
.bg02 {
	padding: 30px 0;　
	margin-top: 30px;
}

.link-FB-container {
	padding-bottom: 20px;
}

.link-FB-box01 {
	width: 40%;
}

.link-FB-box01 img {
	width: 100%;
	padding: 8px 0 0 5px;
}

.link-FB-box02 {
	width: 60%;
}

.bg-icon-right p {
	font-size: 18px;
}

.wrap-concept {
	padding: 100px 0 0;
}

.gest-name {
	font-size: 28px;
	line-height: 1;
}

.gest-name span {
	padding-bottom: 0;
	padding-left: 0;
}
	
iframe {
	width: 100%;
}

.group-box02 {
	width: 100%;
	margin-top: 20px;
}

.group-box {
	padding-bottom: 40px;
}
	
}