body{
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
background: #d1e2e5;
}

#container{
width:100%;
text-align: center;
}

html {overflow: auto;}

ul:after {
 content: '';
 display: block;
 clear: both;
}


/* 非表示項目 */
/* pc */
@media print, screen and (min-width:961px) {
.sp_on {display : none;}
}
 
/* tablet  */

@media only screen and (min-width: 641px) and (max-width: 960px) {
.pc_on {display : none;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.pc_on {display : none;}
}


/* パンクズ*/
#topicpath{
margin : 0;
padding : 0;
text-align: center;
color:#444;
background:#fff;
}
#topicpath p{
margin : 0 auto;
padding : 5px 1rem;
max-width :880px;
font-size : .8rem;
line-height : 1.2rem;
text-align: left;
}
#topicpath a{
color:#444;
}

/* タイトル */

#title{
margin : 0 auto;
padding :1rem 0;
text-align: center;
}

@media screen and (max-width: 940px) {
#title img{margin : 0 4%;width :92%;}
}


/* メニュー */

#pofp_menu{
margin: 0;
padding : 0;
text-align: center;
background-color : #fff;
}


#pofp_menu ul{
margin: 0 auto;
padding : 0;
max-width :960px;
}
#pofp_menu ul:after {
 content: '';
 display: block;
 clear: both;
}

#pofp_menu li{
display: inline-block;
list-style: none;
font-size : 1.15rem;
line-height : 1.4rem;
width :18%;
}
@media screen and (max-width: 768px) {
/*#pofp_menu li{width :23%;}*/
#pofp_menu li{width :32%;}
}

#pofp_menu li a{
margin: 0;
padding:14px 0;
display:block;
text-decoration:none;
color:#de0010;
font-weight: bold;
background-color : #fff;
}
#pofp_menu li a:hover{
background-color:#de0010;
color:#fff;
}
@media screen and (max-width: 480px) {
#pofp_menu li{font-size : .85rem;}
#pofp_menu li a{padding:8px 0;}
}

/* 概要 */

#gaiyou{
margin : 0 auto;
padding : 5px 1rem;
max-width :960px;
overflow:hidden;
}



/* 料金 */
#kaisai{
margin : 0;
padding : 0;
}
@media print, screen and (min-width:961px) {
#kaisai{width :50%;float: left;}
}

#kaisai h3{
margin : 15px auto 0 auto;
padding : ;
border-bottom: 1px solid #de0010;
color:#de0010;
font-size : 1.5rem;
}
#kaisai h3 span{
padding: .5rem;
}
#kaisai table{
margin : 0;
padding : 0;
}
#kaisai td{
margin : 0 auto;
padding : .5rem .5rem 0 .5rem;
font-size : 1.2rem;
line-height : 1.5rem;
}
#kaisai p{
margin : 0 auto;
padding : .5rem .5rem 0 .5rem;
font-size : 1.2rem;
line-height : 1.6rem;
}

#kaisai p span{
font-size : 1rem;
}
#kaisai p.chuui{
font-size : 1rem;
line-height : 1rem;
}

@media screen and (max-width: 480px) {
#kaisai table{width :100%;}
#kaisai td{display:block;font-size : 1rem;}
#kaisai td:nth-child(even) {background: #e8f4f6;}
#kaisai h3{font-size : 1.2rem;}
#kaisai p{font-size : 1rem;}
}

/* アプリ */

#app{
margin: 15px 0;
padding :2% 2.5%;
background-color : #358bf6;
border-radius: 8px;
overflow:hidden;
}

#app .sp-img{width :90px;float: right;}

#app h5{
margin: 5px 0;
padding :0;
font-size : 1.25rem;
color : #f6ff00;
}
#app a{
margin: 15px 2% 25px 2%;
padding:6px 10px;
text-decoration:none;
color:#de0010;
font-weight: bold;
border: 2px solid #de0010;
border-radius: 8px;
background-color : #fff;
}

#app a:hover{
background-color:#de0010;
color:#fff;
}

#app p{
margin: 0;
padding:0 0 15px 0;
color : #fff;
font-size : 1rem;
}
#app p span{
font-size : .9rem;
}

/* プレイガイド */
#maeuri{
/*margin: 25px auto;
padding : 20px 0;
text-align: center;
*/
margin: 15px 0;
padding :1.5% 2%;
background-color : #fff;
color : #000000;
font-size : 1rem;
border-radius: 8px;
overflow:hidden;
border: 2px solid #de0010;
}

#maeuri h3{
margin: 0;
padding : 0 0 .8rem 0;
font-size : 1.6rem;
color : #de0010;
}
@media screen and (max-width: 960px) { /* for SP,Tablet 768px */
#maeuri{text-align: left;padding : 10px;}
}
#maeuri h4{
margin: 0;
padding : 0 0 .8rem 0;
font-size : 1.25rem;
color : #de0010;
}

/* 新着情報 */
#shinchaku{
margin: 0;
padding :1.5rem 0 .5rem 0;
}
#shinchaku h3{
margin: 0;
padding :3px 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
background-color :#000;
color: #fff;
font-size : 1rem;
font-weight:normal;
}
#shinchaku ul{
margin :0;
padding : 0;
overflow:auto;
height : 180px;
background-color : #fff;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
#shinchaku li{
margin :0 .5%;
padding :2%;
text-align: left;
list-style: none;
border-bottom: #de0010 1px solid;
font-size : 1em;
}

@media print, screen and (min-width:961px) {
#shinchaku{width :45%;float: right;}
#shinchaku ul{height : 460px;}
}


/* 趣旨 */
#msg{
margin : 25px auto 0 auto;
padding : 1rem;
overflow:hidden;
background-color : #e7f5f7;
text-align: center;
clear:both;
}

#msg p{
margin : .7rem auto;
padding : 0 1rem;
max-width :950px;
text-align: left;
font-size : 1rem;
}

@media screen and (max-width: 480px) {
#msg p{font-size : .85rem;}
}

/* 作品紹介 */
#sakuhin{
margin : 0 auto 25px auto;
padding : 1rem;
overflow:hidden;
background-color : #fff;
text-align: center;
clear:both;
}

#sakuhin h3{
margin: 0;
padding : 0;
font-size : 1.6rem;
color : #de0010;
}

#sakuhin h3 span{
padding: .5rem;
}

#sakuhin h4{
margin: 0;
padding : 0;
font-size : 1.4rem;
color : #de0010;
}

#sakuhin .sakuhin-in{
margin : 0 auto;
padding : 1rem;
max-width :960px;
}

#sakuhin .sakuhin-in ul{
list-style: none;
margin: 15px auto;
padding: 0;
overflow: hidden;
}
#sakuhin .sakuhin-in h3{
font-size : 1.5rem;
text-align: left;
border-bottom: 1px solid #de0010;
margin-bottom: 10px;
}

#sakuhin .sakuhin-in ul:after {
overflow: hidden;
}

#sakuhin .sakuhin-in li{
float: left;
margin: 0;
padding: 0;
display: inline-block;
overflow: hidden;
width :25%;
}

#sakuhin .sakuhin-in img{
margin: 0 10%;
width :80%;
border-radius: 8px;
}


#sakuhin .sakuhin-in p{
margin: 0;
padding : 0 1em;
text-align: left;
font-size : .9rem;
padding-left:1em;
text-indent:-1em;
}

@media screen and (max-width: 480px) {
#sakuhin h3{font-size : 1.2rem;}
#sakuhin h4{font-size : 1rem;}
#sakuhin .sakuhin-in h3{font-size : 1.2rem;}
}


/* 鹿児島企画 */
#kikaku{
margin : 0 auto 25px auto;
padding : 1rem;
max-width :920px;
border: 1px solid #000;
border-radius: 8px;
overflow:hidden;
background-color:#ddeef4;
}
@media screen and (max-width: 980px) {
#kikaku{margin : 0 1rem 25px 1rem;}
}


#kikaku h3{
margin :0;
padding : 0;
color:#de0010;
font-size : 1.5rem;
}
#kikaku h4{
margin :0;
padding : 0;
color:#de0010;
font-size : 1.2rem;
}

#kikaku .kikaku-s{
margin : 0 1%;
padding : 0;
/*width :48%;
float: left;*/
font-size : .8rem;
line-height : 1.2rem;
}
#kikaku .kikaku-s:after {
 content: '';
 display: block;
 clear: both;
}

#kikaku .kikaku-s img{
width :20%;
margin : 0 15px 15px 0;
float: left;
}

@media screen and (max-width: 640px) {
#kikaku .kikaku-s{width :98%;padding : 0 0 15px 0;}
}

.tukuru{
width :24%;
margin : 0 10px 5px 0;
float: left;
}
.sp2-photo{
width :40%;
margin : 0 0 5px 10px;
float: right;
border-radius: 8px;
}
.sp3-photo{
width :120px;
margin : 0 15px 5px 0;
float: left;
border-radius: 4px;
}
#kikaku p span{
font-size : .9rem;
}


@media screen and (max-width: 640px) {
.tukuru{width :60%;margin : 0 20% 2% 20%;}
.sp2-photo{width :100%;margin : 0 0 2% 0;}
}
@media screen and (max-width: 480px) {
#kikaku h3{font-size : 1.2rem;}
#kikaku h4{font-size : 1rem;}
.sp3-photo{margin : 10px 25% 0 25%;width :50%;float: none;}
}


/* レゴの想い出 */
#creator{
margin : 0 auto;
padding : 1rem;
overflow:hidden;
background-color : #fff;
text-align: center;
clear:both;
}
#creator-in{
margin : 0 auto;
max-width :960px;
}

.creator-list{
margin : 20px 15px;
padding : 10px;
border: 1px solid #ccc;
border-radius: 8px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}

@media print, screen and (min-width:641px) {
.creator-list{width :49%;margin : 20px .5%;padding : 10px .5%;float: left;}
}

#creator h3{
margin :0;
padding : 0;
border-bottom: 1px solid #de0010;
color:#de0010;
font-size : 1.5rem;
text-align: left;
}
#creator h3 span{
padding: .5rem;
}

#creator img{
width :50%;
margin :0 25%;
padding : 10px;
border-radius: 16px;
}

@media print, screen and (min-width:481px) {
#creator img{width :40%;margin :0;padding : 10px 10px 10px 0;float: left;}
}

#creator h4{
margin :0;
padding : 20px 0 10px 0;
color:#358bf6;
font-size : 1.2rem;
text-align: left;
}
#creator h4 span{
font-size : .9rem;
}

#creator .creator-p{
margin : 0 .8rem 10px .8rem;
padding : 0 0 1rem 0;
font-size : .8rem;
line-height : 1.2rem;
text-align: left;
border-bottom: 1px dashed #ccc;
overflow: hidden;
}

#creator p{
margin : 0 .8rem;
padding : 0 0 10px 0;
text-align: left;
clear: both;
font-size : 1rem;
line-height : 1.4rem;
}



/* 灯ろう */
#tourou{
margin : 0;
padding:20px 0 0 0;
clear: both;
overflow:hidden;
text-align: center;
background-color:#ddeef4;
}

#tourou h4{
max-width :960px;
margin :0 auto;
padding : 0;
border-bottom: 1px solid #de0010;
color:#de0010;
font-size : 1.5rem;
text-align: left;
}
#tourou h4 span{
padding: .5rem;
}

#tourou .matsuri{
padding : 10px 10px 4px 10px;
font-size : 16px;
line-height : 130%;
}

#tourou .matsuri-link a{
margin : 10px auto 5px auto;
padding : 4px 0;
text-decoration:none;
font-weight: bold;
display: block;
border: #009bce 1px solid;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: center;
background-color:#009bce;
color:#ffffff;
}

#tourou .matsuri-link a:hover{
background-color:#fff;
color:#009bce;
}


#tourou .tourou-link{
margin : 0 auto 15px auto;
overflow:hidden;
font-size : 14px;
max-width: 200px;}

#tourou .tourou-link a{
padding : 4px 0;
text-decoration:none;
border: #de0010 2px solid;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: center;
color:#de0010;
display: block;
background-color:#fff;
}
#tourou .tourou-link a:hover{
background-color:#de0010;
color:#fff;
}


#tourou ul{
margin : 20px auto;
padding:0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}

#tourou li{
padding:0 0 10px 0;
float: left;
background-color : #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size : 14px;
line-height : 130%;
list-style: none;
overflow:hidden;
}
#tourou li .tourou-img{
  position: relative;
  width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
  padding-top: 135%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
  overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
  margin: 0 auto;
}
#tourou li .tourou-img img{
  position: absolute;
  top: 0;
  left: 0;
width: auto;
height : 100%;
}

#tourou li p{
margin : 10px 0 0 0;
padding:0;
}

@media print, screen and (min-width: 769px) { /* for PC  */
#tourou ul{max-width: 960px;}
#tourou .matsuri a{width :50%;}
#tourou li{width: 15%;margin: 0 .5% .5% .5%;}
#tourou .matsuri-link{margin : 10px auto;max-width: 600px;}
}

@media screen and (max-width: 768px) {
#tourou ul{margin: 2%;width: 98%;}
#tourou .matsuri a{width :90%;}
#tourou li{width: 29%;margin: 0 1.5% 1.5% 1.5%;}
#tourou .matsuri-link{margin : 10px;}
}


/* アクセス */
#access{
margin : 15px auto 0 auto;
padding : 5px 10px;
max-width :960px;
}

@media print, screen and (min-width:901px) {
#access .access-l{width :60%;display: inline-block;}
#access .access-r{margin : 2% 0 0 1%;width :38%;display: inline-block;}
}

#access h3{
margin :0;
padding : 0;
border-bottom: 1px solid #de0010;
color:#de0010;
font-size : 1.5rem;
}
#access h3 span{
padding: .5rem;
}


#access h4{
margin : 5px auto;
padding : 0;
font-size : 1.2rem;
font-weight:normal;
}

@media screen and (max-width: 480px) {
#access h3{font-size : 1.2rem;}
#access h4{font-size : 1rem;}

}

#access p{
margin : 0 auto;
padding : .3rem 0;
font-size : .95rem;
line-height : 1rem;
}
#access p.koutu{
padding-left:3.5em;
text-indent:-3.5em;
}
#access p.chuui{
font-size : .8rem;
line-height : 1rem;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 980px\9;/*ie10以下*/
margin :0 auto\9;/*ie10以下*/
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 899px) {
#access .access-l{padding:1rem;}
.ggmap {margin :0 auto;width: 90%;}
}


/* 協賛バナー */
#supporters{
margin: 0 auto;
padding :0 0 10px 0;
color : #000000;
text-align: center;
}
#supporters h3{
font-size : .9rem;
}

#supporters ul{
margin: 0 auto;
padding : 0 1rem;
max-width :960px;
}
#supporters ul:after {
 content: '';
 display: block;
 clear: both;
}

#supporters li{
list-style: none;
float: left;
}
#supporters li img{
margin: 0 2%;
width :96%;
}

@media print, screen and (min-width:961px) {
#supporters li{width :9.09%;}
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
#supporters li{width :12.5%;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
#supporters li{width :16.6%;}
}

/* 公式へのリンク */

.koushiki{
margin: 25px auto 0 auto;
padding : 1.5rem 0;
text-align: center;
overflow: hidden;
background-color : #fff;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-size : 1.2rem;
}

.koushiki a{
margin: 0 2%;
padding:10px;
text-decoration:none;
color:#de0010;
font-weight: bold;
border: 2px solid #de0010;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
background-color : #fff;
}
.koushiki a:hover{
background-color:#de0010;
color:#fff;
}

/* シンポジウムのご案内 */
#shinpo{
margin: 0 auto;
padding : 1rem;
text-align: left;
max-width :960px;
margin :0 auto;
overflow:hidden;
}

#shinpo h3{
margin :0;
padding : 0 0 1rem 0;
color:#de0010;
font-size : 1.4rem;
line-height : 1.4rem;
}
#shinpo h3 span{
font-size : 1rem;
}

#shinpo p{
margin: 0 auto;
padding : .2rem 0;
}
#shinpo img{margin: 0 2%;width :96%;}
#shinpo p.shinpo-l{text-align: center;}

@media print, screen and (min-width:481px) {
#shinpo img{width :30%;margin :0;padding : 10px 0 10px 10px;float: right;}
#shinpo p.shinpo-l{text-align: left;}
}

#shinpo p.shinpo-l{
margin: 0;
padding:15px 0 0 0;
}

#shinpo a{
margin: 0 auto;
padding:5px 10px;
text-decoration:none;
color:#de0010;
font-weight: bold;
border: 2px solid #de0010;
border-radius: 8px;
border-radius: 8px;
background-color : #fff;
}
#shinpo a:hover{
background-color:#de0010;
color:#fff;
}


/* 主催 */
.shusai{
margin: 0 auto 25px auto;
padding : 1rem;
font-size : .75rem;
line-height : 1rem;
text-align: left;
background-color : #fff;
}

.shusai p{
margin: 0 auto;
padding : .2rem 0;
max-width :960px;
font-size : .75rem;
line-height : 1.2rem;
}


/* シェアボタン */
#share{
margin: 0 auto;
padding :15px 0;
overflow:hidden;
width: 160px;
height: 20px;
}

#share ul{
list-style: none;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

#share ul:after {
overflow: hidden;
}

#share li{
float: left;
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
height: 20px;
overflow: hidden;
}

.fb-like {
display: inline-block;
height: 20px;
overflow: hidden;
}
.fb_iframe_widget span {
vertical-align: top !important;
}
.fb-share-button{
margin: 0;
padding: 0;
text-align: left;
}


/* コピーライト */
#cr{
padding : 8px 0;
font-size : 10px;
line-height : 130%;
font-weight: normal;
background:#fff;
text-align: center;
}