@charset "utf-8";
/* common */

.wrapper {
	width: 880px;
	margin: 0 auto;
	position: relative;
}
.drawer-header, .drawer-hamburger, #sp_nav_bg {
	display: none;
}
#second_bg {
	background: url(../images/second_bg.png) center 40px no-repeat;
	background-size: 1100px 452px;
}
.site-second #wrap{
	padding-bottom: 60px;
}
.site-second #wrap header {
	padding-top: 115px;
	padding-bottom: 60px;
}
.content{ margin:0 24px;}
.wow{ visibility:hidden;}



/* 言語選択 */
.lang {
	position: fixed;
	top: 33%;
	left: 0;
}
.lang ul li {
	width: 38px;
	line-height: 0;
}
.icon_link {
	width: 5px;
	height: 9px;
}



/* navi */
.drawer-main {
	width: 100%;
	height: 60px;
	background-color: #182167;
	position: fixed;
	top: 0;
	left:0;
	border-bottom: 1px solid #3a66a5;
	z-index: 6000;
}
.drawer-nav {
	padding: 13px 20px;
}
.drawer-nav:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.drawer-nav .drawer-brand {
	float: left;
}
.jp .drawer-nav .drawer-brand a {
	width: 203px;
	height: 23px;
	background: url(../images/hdr_logo.png) no-repeat;
	background-size: 203px 23px;
	text-indent: -9999px;
	display: block;
	margin-top: 5px;
}
.en .drawer-nav .drawer-brand a {
	width: 235px;
	height: 23px;
	background: url(../images/hdr_logo_en.png) no-repeat;
	background-size: 235px 23px;
	text-indent: -9999px;
	display: block;
	margin-top: 5px;
}
ul.drawer-menu {
	float: right;
}
ul.drawer-menu:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.drawer-menu li {
	float: left;
	margin-left: 23px;
}
ul.drawer-menu li a {
	display: block;
}
.hdr_nav_day1 a{
	width: 162px;
	height: 19px;
	background: url(../images/hdr_nav_day1.png) top no-repeat;
	background-size: 162px 19px;
	text-indent: -9999px;
	margin-top: 8px;
}
.hdr_nav_day1 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.hdr_nav_day1_on a{
	width: 162px;
	height: 19px;
	background: url(../images/hdr_nav_day1_on.png) top no-repeat;
	background-size: 162px 19px;
	text-indent: -9999px;
	margin-top: 8px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}
.hdr_nav_day2 a{
	width: 150px;
	height: 19px;
	background: url(../images/hdr_nav_day2.png) top no-repeat;
	background-size: 150px 19px;
	text-indent: -9999px;
	margin-top: 8px;
}
.hdr_nav_day2 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.hdr_nav_day2_on {
	width: 150px;
	height: 19px;
	background: url(../images/hdr_nav_day2_on.png) top no-repeat;
	background-size: 150px 19px;
	text-indent: -9999px;
	margin-top: 8px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}
.jp .hdr_nav_insta a {
	width: 68px;
	height: 33px;
	background: url(../images/hdr_nav_insta.png) top no-repeat;
	background-size: 68px 33px;
	text-indent: -9999px;
}
.jp .hdr_nav_insta a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.jp .hdr_nav_insta_on {
	width: 68px;
	height: 33px;
	background: url(../images/hdr_nav_insta.png) top no-repeat;
	background-size: 68px 33px;
	text-indent: -9999px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}
.en .hdr_nav_insta a {
	width: 67px;
	height: 34px;
	background: url(../images/hdr_nav_insta_en.png) top no-repeat;
	background-size: 67px 34px;
	text-indent: -9999px;
}
.en .hdr_nav_insta a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.en .hdr_nav_insta_on {
	width: 67px;
	height: 34px;
	background: url(../images/hdr_nav_insta_en.png) top no-repeat;
	background-size: 67px 34px;
	text-indent: -9999px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}
.hdr_nav_ja, .hdr_nav_en {
	display: none;
}




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


TOP CONTENTS 


---------------------------------------------------- */
 @media (max-width: 480px) {
#mainVisual2 h1 {
	width: 300px;
	height: 57px;
}
#mainVisual2 h1 img {
	width: 300px;
	height: 57px;
}
}
/* ------------- header ------------- */

header {
	width: 100%;
	height: 100%;
	margin-top: 0;
}
#mainVisual {
	width: 880px;
	margin: 0 auto;
	background: url(../../images/mainvisual_l.png) center no-repeat;
	background-size: contain;
}
 @media (max-width: 879px) {
#mainVisual {
	width: 100%;
	margin: 0 auto;
	background: url(../../images/mainvisual_l.png) center no-repeat;
	background-size: contain;
}
}
#mainVisual2 {
	position: absolute;
	top: 0;
	width: 100%;
}
#mainVisual3 {
	position: absolute;
	top: 0;
	width: 100%;
}
.jp #mainVisual2 #mainVisual_day {
	width: 880px;
	margin: 0 auto;
	background: url(../../images/mainvisual_day.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
.en #mainVisual2 #mainVisual_day {
	width: 880px;
	margin: 0 auto;
	background: url(../../images/mainvisual_day_en.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
#mainVisual3 #mainVisual_scroll {
	width: 880px;
	margin: -10px auto 0;
	background: url(../../images/mainvisual_scroll.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
 @media (max-width: 879px) {
.jp #mainVisual2 #mainVisual_day {
	width: 100%;
	margin: 0 auto;
	background: url(../../images/mainvisual_day.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
.en #mainVisual2 #mainVisual_day {
	width: 100%;
	margin: 0 auto;
	background: url(../../images/mainvisual_day_en.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
#mainVisual3 #mainVisual_scroll {
	width: 100%;
	margin: -20px auto 0;
	background: url(../../images/mainVisual_scroll.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
}
#mainVisual2 h1 {
	position: absolute;
	top: 13%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 741px;
	height: 300px;
}
#mainVisual2 h1 img {
	width: 741px;
	height: auto;
}
 @media (max-height: 805px) {
#mainVisual2 h1 {
	width: 600px;
	height: 300px;
}
#mainVisual2 h1 img {
	width: 600px;
	top: 13%;
	height: auto;
}
}
 @media (max-height: 480px) {
#mainVisual2 h1 {
	width: 500px;
	height: 300px;
}
#mainVisual2 h1 img {
	width: 500px;
	height: auto;
}
}
 @media (max-width: 640px) {
#mainVisual2 h1 {
	width: 400px;
	height: 300px;
}
#mainVisual2 h1 img {
	width: 400px;
	height: auto;
}
}
 @media (max-width: 480px) {
#mainVisual2 h1 {
	width: 300px;
	height: 300px;
}
#mainVisual2 h1 img {
	width: 300px;
	height: auto;
}
}



/* ------------- top_themeSet ------------- */

#top_theme{ 
	background-color: #182167;
	text-align: center;
}
.top_themeSet2 {
	padding-bottom: 20px;
	text-align: center;
	z-index: 100;
}
#top_theme h2 {
	height: 27px;
	padding: 15px 0 18px;
}
#top_theme h2 img {
	height: 27px;
	width: auto;
}
 @media (max-height: 650px) {
#top_theme h2 {
	height: 27px;
	padding: 10px 0;
}
#top_theme h2 img {
	width: auto;
	height: 80%;
}
}
#top_theme p {
	color: #FFF;
	z-index: 0;
}


/* schedule */
.jp #schedule {
	margin-top: 43px;
	color: #fff
}
.jp #schedule a {
	color: #FFF;
	text-decoration: none;
	display: block
}
.jp #schedule a:hover, #schedule a:active {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.jp #schedule h3 {
	display: none;
}
.jp #schedule ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.jp #schedule ul li {
	float: left;
}
.jp #schedule ul li dl {
	margin-bottom: 10px;
}
.jp #schedule ul li dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.jp #schedule ul li strong {
	font-size: 18px;
	font-weight: normal;
}
.jp #schedule ul li.day1 {
	width: 345px;
	float: left;
}
.jp #schedule ul li.day1 dl dt {
	width: 85px;
	height: 84px;
	float: left;
	background: url(../../images/title_day1.png) no-repeat;
	background-size: 85px 84px;
	text-indent: -9999px;
}
.jp #schedule ul li.day1 dl dd {
	width: 245px;
	height: 65px;
	float: right;
	background: url(../../images/img_day1.png) no-repeat;
	background-size: 235px 65px;
	text-indent: -9999px;
	margin-top: 8px;
}
.jp #schedule ul li.day2 {
	width: 495px;
	float: right;
}
.jp #schedule ul li.day2 dl dt {
	width: 121px;
	height: 121px;
	background: url(../../images/title_day2.png) no-repeat;
	background-size: 121px 121px;
	float: left;
	text-indent: -9999px;
}
.jp #schedule ul li.day2 dl dd {
	width: 362px;
	height: 97px;
	background: url(../../images/img_day2.png) no-repeat;
	background-size: 301px 97px;
	float: right;
	text-indent: -9999px;
}
/* en */

.en #schedule{ margin-top:43px; color:#fff}
.en #schedule h3{
	display:none;
}
.en #schedule ul:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.en #schedule ul li{
	float:left;
}
.en #schedule ul li dl{
	margin-bottom:10px;
}
.en #schedule ul li dl:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.en #schedule ul li strong{
	font-size:18px;
	font-weight:normal;
}
.en #schedule ul li.day1{
	width:345px;
	float:left;
}
.en #schedule ul li.day1 dl dt{
	width:85px;
	float:left;
	clear:left;
}
.en #schedule ul li.day1 dl dd{
	padding-top:10px;
	margin-left:100px;
}
.en #schedule ul li.day1 dl dd img{
	width:148px;
}

.en #schedule ul li.day2{
	width:495px;
	float:right;
}
.en #schedule ul li.day2 dl dt{
	width:121px;
	float:left;
	clear:left;
}
.en #schedule ul li.day2 dl dd{
	padding-top:10px;
	margin-left:136px;
}
.en #schedule ul li.day2 dl dd img{
	width:214px;
}



/* place */
#place {
	border-top: 1px solid #FFF;
	margin-top: 40px;
	margin-bottom: 50px;
	padding-top: 20px;
	color: #FFF;
}
#place .place_detail {
	width: 393px;
	float: left;
}
#place .place_title {
	background: url(../images/icon_place.png) 0 0.2em no-repeat;
	background-size: 23px 18px;
	color: #fff358;
	padding-left: 30px;
	padding-bottom: 10px;
	font-size: 16px;
}
#place a {
	text-decoration: none;
	color: #FFF;
}
#place a:hover, #place a:active {
	text-decoration: none;
	color: #91b7d4
}
#place .place_ph {
	width: 469px;
	float: right;
}
#place .place_ph ul li {
	width: 153px;
	float: left;
	margin-right: 5px;
}
#place .place_ph ul li:last-child {
	margin-right: 0;
}
#place .place_ph ul li img {
	width: 153px;
}



.top_content {
	border-top: 1px solid #FFF;
	margin-top: 40px;
	margin-bottom: 50px;
	padding-top: 30px;
	color: #FFF;
}
.top_left{  width:469px; float:left; overflow:hidden}

.top_left #place {
	border-top:none;
	margin-top: 10px;
	margin-bottom: 0;
	padding-top: 0;
	color: #FFF;
}
.top_left #place .place_detail {
	width: 469px;
	float: none;
}
.top_left #place .place_ph {
	width: 469px;
	float: none;
	margin-top:20px;
}
.top_right{ width:383px; float:right;}







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


1日目 プレ公開日 / ２日目本番


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




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

common

---------------------------- */
#contents_container {
	background-color: #fafafa;
	padding: 22px 0 0;
	border-radius: 10px
}
.icon_kids_info {
	width:30%;
	float:left;
	padding: 0 0 15px;
	color: #999;
	font-size: 12px;
}
.icon_kids_info img {
	width: 26px;
	height: 22px;
	margin-bottom: -6px;
	margin-right:6px;
}
img.icon_kids {
	width: 26px;
	height: 22px;
	margin-bottom: -4px;
}
.icon_pdf{
	float:right;
	font-size: 12px;
}
.icon_pdf a{ 
	color:#356ccb; 
	text-decoration:none; display:block;
}
.icon_pdf a:hover{ 
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.icon_pdf img {
	width: 17px;
	height: 22px;
	margin-bottom: -6px;
}
#event {
	position: relative;
}
.day1 #wrap header .titleSet, .day2 #wrap header .titleSet {
	width: 242px;
	height: 84px;
	margin-bottom: 10px;
}
.day1 #wrap header .titleSet h1, .day2 #wrap header .titleSet h1 {
	width: 84px;
	height: 84px;
	float: left;
	text-indent: -9999px;
}
.day1 #wrap header .titleSet p, .day2 #wrap header .titleSet p {
	width: 152px;
	height: 72px;
	margin-top: 5px;
	float: right;
	text-indent: -9999px;
}
.smallTitle {
	font-size: 16px;
	font-weight: bold;
}




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

day1

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


.day1_bg {
	width: 900px;
	margin-right: -20px;
	position: relative;
	background: url(../../images/day1_bg.png) right top no-repeat, url(../../images/day1_bg_02.jpg) left bottom no-repeat;
	background-size: 301px 1445px, 880px 345px;
	min-height: 1445px;
}
.day1 #wrap header .titleSet h1 {
	background: url(../../images/day1_title.png) no-repeat;
	background-size: 84px;
}
.day1 #wrap header .titleSet p {
	background: url(../../images/day1_title_schedule.png) no-repeat;
	background-size: 152px 72px;
}
.day1 #wrap header .day_time {
	color: #FFF;
}
.day1 #event4_head {
	text-indent: 2em;
}




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

day2

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

.day2_bg {
	width: 900px;
	margin-right: -20px;
	position: relative;
	background: url(../../images/day2_bg.png) right top no-repeat, url(../../images/day2_bg_02.jpg) left bottom no-repeat;
	background-size: 300px 3013px, 880px 949px;
	min-height: 949px;
}
.day2 #wrap header .titleSet h1 {
	background: url(../../images/day2_title.png) no-repeat;
	background-size: 84px;
}
.day2 #wrap header .titleSet p {
	background: url(../../images/day2_title_schedule.png) no-repeat;
	background-size: 152px 72px;
}
.day2 #wrap header .day_time {
	color: #fff358;
}
.kouen_detail {
	margin: 20px 0;
}
.kouen_detail p {
	margin-bottom: 1.5em;
}
.day2 .day2_kouenTime {
	margin-bottom: 10px;
}
.day2 .day2_kouenTime span {
	background-color: #32af00;
	padding: 5px;
	color: #FFF;
	font-size: 12px;
	margin-bottom: 5px;
	text-shadow: 1px 1px 0 #2ea300;
	box-shadow: 1px 1px 1px #FFF;
}
.day2 #event5_head {
	text-indent: 4em;
	font-size: 18px !important
}







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

コンテンツ枠

---------------------------- */
.wrapList .section .linkarea a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.wrapList ul li {
	padding: 20px;
	position: relative;
}
.wrapList ul li:last-child {
	border-bottom: none;
}
.wrapList .section h2 {
	font-weight: normal;
	font-size: 20px;
	text-align: center;
}
.wrapList .section h2.linkarea a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 10px;
}






/* -----

色設定

----- */
/* blue */
.wrap_blue {
	border: 2px solid #356ccb;
	background-color: #ffffff;
	box-shadow: #FFF 1px 1px 3px 0;
	-webkit-box-shadow: #FFF 1px 1px 3px 0;
	-moz-box-shadow: #FFF 1px 1px 3px 0;
	border-radius: 4px;
}
.wrap_blue ul li {
	border-bottom: 1px dotted #356ccb;
	background-color: #FFF;
}
.wrap_blue ul li:nth-child(even) {
	background: #eef3fa;
}
.wrap_blue .section h2 {
	text-shadow: -1px -1px 0 #003a9f;
	color: #ffffff;
	background-color: #356ccb;
}
.wrapList.wrap_blue .section h2.linkarea a {
	color: #ffffff;
	background: url(../images/icon_plus-all.png) no-repeat 2px 2px;
	background-size: 95px 37px;
}
.wrapList.wrap_blue .section h2.linkarea a.over {
	background: url(../images/icon_minus-all.png) no-repeat 2px 2px;
	background-size: 108px 37px;
}








/* yello */
.wrap_yellow {
	border: 2px solid #fff358;
	background-color: #ffffff;
	box-shadow: #FFF 1px 1px 0px 0;
	-webkit-box-shadow: #FFF 1px 1px 0px 0;
	-moz-box-shadow: #FFF 1px 1px 0px 0;
	border-radius: 4px
}
.wrap_yellow ul li {
	border-bottom: 1px dotted #eddf2c;
}
.wrap_yellow .section h2 {
	text-shadow: 1px 1px 0 #FFF;
	color: #645d00;
	background-color: #fff358;
	-webkit-box-shadow: 0 0 10px 1px rgba(200,200,200,0.2) inset;
	   -moz-box-shadow: 0 0 10px 1px rgba(200,200,200,0.2) inset;
	        box-shadow: 0 0 10px 1px rgba(200,200,200,0.2) inset;
}
.wrapList.wrap_yellow .section h2.linkarea a {
	color: #645d00;
	background: url(../images/icon_plus-all_y.png) no-repeat 2px 2px;
	background-size: 95px 37px;
}
.wrapList.wrap_yellow .section h2.linkarea a.over {
	background: url(../images/icon_minus-all_y.png) no-repeat 2px 2px;
	background-size: 108px 37px;
}








/* -----

枠設定

----- */
.wrapList_Set {
	margin: 0 24px 24px;
}
.wrapList_Set.wrapList_small {
	width: 594px;
}
.wrapList .section {
	overflow: hidden;
}
/* -----

初期表示箇所

----- */

.wrapList ul li .sectionNaka {
}
.wrapList ul li .sectionNaka:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.wrapList ul li .sectionNaka .linkarea a {
	display: block;
	padding: 0 5px 0 34px;
	background: url(../images/icon_plus.png) no-repeat 0 top;
	background-size: 25px 25px;
	text-decoration: none;
	display: block;
}
.wrapList ul li .sectionNaka .linkarea a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.wrapList ul li .sectionNaka .linkarea a.over {
	display: block;
	padding: 0 0 0 34px;
	background: url(../images/icon_minus.png) no-repeat 0 top;
	background-size: 25px 25px;
	text-decoration: none;
	display: block;
}
.wrapList .noButton {
	padding: 10px;
}
.wrapList ul li .sectionNaka a .wrapList_img {
	width: 100px;
	float: left;
	clear: left;
	line-height: 0;
}
.wrapList ul li .sectionNaka a .wrapList_text {
	margin-left: 120px;
}
.wrapList ul li .sectionNaka h3 {
	font-weight: normal;
	padding: 5px 0;
	font-size: 22px;
	font-weight: bold;
}
.wrapList ul li .sectionNaka h3 .sp_noWrap{
	font-weight: bold;
}


.wrapList ul li .sectionNaka .linkarea ul.icon_ustream {
	position:absolute;
	top: 50px;
	left: 400px;
}
.wrapList ul li .sectionNaka .linkarea ul.icon_ustream li{ border:none; padding:0;}
.wrapList ul li .sectionNaka .linkarea ul.icon_ustream li a{
	background: url(../images/icon_ustream.png) 0 0.2em no-repeat;
	background-size:24px 17px !important;
	padding: 0 0 0 30px !important;
	color: #356ccb;
	text-decoration: underline !important;
}
.wrapList ul li .sectionNaka .linkarea ul.icon_ustream li a:hover {
	text-decoration: none !important
}

p.icon_ustream {
    background: url(../images/icon_ustream.png) 0 0.2em no-repeat;
	background-size:24px 17px !important;
	padding: 0 0 0 30px !important;
}
p.icon_ustream a:hover {
	text-decoration: none !important
}


/* -----

隠れている箇所

----- */
.wrapList ul li .text {
	padding: 15px;
	background-color: #FFF;
	border: 1px solid #DDD;
	font-size: 16px;
	margin: 15px 0 0;
	box-shadow: 0px 0px 1px 1px #FFF inset;
}
.wrapList ul li h4.title {
	color: #32af00;
	font-size: 24px;
	line-height: 1.6em;
	font-weight: normal;
	margin-bottom: 8px;
}
.wrapList.wrap_yellow ul li .text {
	padding: 15px;
	background-color: #f7f7f7;
	border: 1px solid #DDD;
	font-size: 16px;
	margin: 10px 0 0;
	box-shadow: 0px 0px 1px 1px #FFF inset;
}
.wrapList.wrap_yellow ul li h4.title {
	margin: 0 0 18px;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #DDD;
	text-shadow: 1px 1px 0 #FFF;
}







/* -----

隠れている箇所：詳細リスト

----- */
ul.detail_list {
	background-color: #FFF;
	border-top: 1px solid #DDD;
	margin: 10px -15px -15px;
	padding: 10px 15px;
}
ul.detail_list li {
	border: none !important;
	float: left;
	margin: 0 30px 0 0;
	padding: 0 0 0 12px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
ul.detail_list:after, ul.detail_list li dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.detail_list li a {
	color: #356ccb
}
ul.detail_list li dl dt {
	width: 50px;
	float: left;
	clear: left;
}
ul.detail_list li dl dd {
	margin-left: 50px;
}



/* blue */
.wrapList_small .wrap_blue ul.detail_list {
	margin: 10px -15px -15px;
	padding: 10px 15px 15px;
}
.wrap_blue ul.detail_list li {
	background: url(../images/icon_list_blue.png) 0 0.5em no-repeat;
	background-size: 8px 8px;
}
.wrapList_small .wrap_blue ul.detail_list li {
	padding: 5px 0 0 12px;
	line-height: 1em;
}




/* yellow */
.wrap_yellow ul.detail_list li {
	background: url(../images/icon_list_yellow.png) 0 0.5em no-repeat;
	background-size: 8px 8px;
}
.wrap_yellow .wrapList_small ul.detail_list li {
	padding: 5px 0 0 12px;
	line-height: 1em;
}




/* タグ */
ul.wrapList_tag {
	margin: 0 0 8px 0;
	padding: 0;
}
ul.wrapList_tag li {
	border: none;
	float: none;
	background-image: none;
	background-color: #356ccb;
	padding: 7px 6px 5px;
	border-radius: 3px;
	margin: 0 2px 2px 0;
	font-size: 12px;
	line-height: 10px;
	color: #FFF;
	float: left;
	display: block;
}
ul.wrapList_tag li:nth-child(even) {
	background-color: #356ccb;
}
ul.wrapList_tag:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.wrapList_tag li.kids_tag {
	background: url(../images/icon_kids.png) right center no-repeat #f181ed;
	background-size: 26px;
	padding-right: 29px;
}



/* info */
.infoArea {
	padding: 0 24px 24px;
	font-size: 12px;
}
.infoArea ul li:before {
	content: "● ";
}







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


instagram


---------------------------------------------------- */
.instagram #wrap header .titleSet {
	height: 84px;
}
.instagram #wrap header .titleSet h1 {
	width: 421px;
	height:60px;
	background: url(../../images/instagram_title.png) no-repeat left top;
	background-size: 421px 60px;
	color: #FFF;
	margin-top:30px;
	text-indent:-9999px;
}
.instagram #contents_container {
	padding: 40px 0 30px;
	position:relative;
}
.instagram.jp #contents_container h2{
	width:521px; height:97px;
	margin:0 auto 20px;
	text-indent:-9999px;
	background:url(../../images/insta_midashi.png) no-repeat;
	background-size:521px 97px;
}
.instagram.en #contents_container h2{
	width:548px; height:87px;
	margin:0 auto 20px;
	text-indent:-9999px;
	background:url(../../images/insta_midashi_en.png) no-repeat;
	background-size:548px 87px;
}
.instagram h3{
	background-color:#eee;
	margin:0 -24px 20px;
	padding:20px;
	font-size:36px;
	font-family: 'Convergence';
	color:#1a2367;
	text-align:center;
}
.insta_img_iphone{ 
	width:292px; height:276px;
	background:url(../../images/insta_img_iphone.png) no-repeat;
	background-size:292px 276px;
	position:absolute;
	top:0;
	left:0;
}
.instagram #contents_container p{ text-align:center;}
#instafeed {
	margin: 30px -20px 24px 24px;
}
#instafeed:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#instafeed li {
	width: 244px;
	height: 244px;
	overflow: hidden;
	float: left;
	position: relative;
	-moz-box-shadow: 2px 2px 1px 3px #eee;
	-webkit-box-shadow: 2px 2px 1px 3px #eee;
	box-shadow: 2px 2px 3px 1px #eee;
	background-color: #EEE;
	padding: 10px;
	margin: 0 20px 20px 0;
	display: block
}
#instafeed img {
	width: 244px;
	height: auto;
	position: absolute;
	top: 10px;
	left: 10px;
}
#instafeed a {
	width: 244px;
	height: 244px;
	position: absolute;
	top: 10px;
	left: 10px;
}
#instafeed a p {
	display: none;
}
#instafeed a:hover {
	width: 244px;
	height: 244px;
	position: absolute;
	background-color: #000;
	top: 10px;
	left: 10px;
	color: #FFF;
	text-indent: 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#instafeed a:hover p {
	display: block;
	text-align: center;
	margin-top: 100px;
}
#instafeed .insta_likes {
	position: absolute;
	bottom: 18px;
	right: 18px;
	background: url(../../images/insta_icon_heart.png) no-repeat;
	background-size: 16px 15px;
	padding-left: 20px;
	color: #FFF;
	line-height: 1em
}
.insta_btn {
	width: 50%;
	background-color: #fff358;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
	-webkit-box-shadow: #eddf2c 1px 1px 3px 0;
	-moz-box-shadow: #eddf2c 1px 1px 3px 0;
	box-shadow: #eddf2c 1px 1px 3px 0;
}
.insta_btn #load-more {
	padding: 20px;
	cursor: pointer;
	display: block;
	font-weight: bold;
}

.insta_acount{ width:350px; margin:30px auto 0; text-align:center; text-align:center; }
.insta_acount a{ 
	background:url(../../images/icon_insta.png) no-repeat;
	background-size:19px; 
	display:block; 
	color:#356ccb;
	text-decoration:none;
}
.insta_acount a:hover{ 
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}







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


フッター


---------------------------------------------------- */
footer {
	background-color: #FFF;
}
footer .notes {
	color: #999;
	font-size: 12px;
	line-height: 1.6em;
	padding-top: 30px;
}
footer .notes strong {
	color: #999;
	font-size: 16px;
	font-weight: normal;
}
footer ul.ftrList {
	margin-top: 30px;
	margin-bottom: 40px;
}
footer ul.ftrList li {
	width: 260px;
	float: left;
	border-right: 1px solid #DDD;
	margin-right: 24px;
	padding-right: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}
footer ul.ftrList li:last-child {
	width: 260px;
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
footer ul.ftrList li .ftrList_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
footer ul.ftrList li ul li {
	width: auto;
	background: url(../images/icon_list.png) 0 0.5em no-repeat;
	background-size: 6px 6px;
	border: none;
	padding: 0 0 0 10px;
	margin: 0;
}
footer #ftrContainer {
	background-color: #eeeeee;
	padding: 30px 0;
}
footer #ftrContainer #contact {
	float: left;
}
footer #ftrContainer #contact .contact_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
footer #ftrContainer #contact .logo_naoj {
	width: 75px;
	height: 43px;
	float: left;
	clear: left;
}
footer #ftrContainer #contact p {
	margin-left: 90px;
	font-size: 12px;
	line-height: 1.6em;
}
footer #ftrContainer .sns {
	float: right;
}
footer #ftrContainer .sns ul li {
	float: left;
	margin-left: 15px;
}
footer #ftrContainer .sns ul:first-child li:first-child {
	padding-top: 2px;
}
footer #copyrightsContainer {
	background-color: #eeeeee;
	padding: 20px 0;
	border-top: 1px solid #FFF;
	text-align: center;
	font-size: 11px;
	color: #999999;
}
footer #copyrightsContainer .ftr_link {
	float: left;
}
footer #copyrightsContainer .ftr_link ul li {
	float: left;
	border-right: 1px dotted #333;
	padding: 0 10px;
	text-decoration: none;
	line-height: 1em;
}
footer #copyrightsContainer .ftr_link ul li:first-child {
	border-left: 1px dotted #333;
}
footer #copyrightsContainer .ftr_link a {
}
footer #copyrightsContainer .copyrights {
	float: right;
}





/* page-top */

#page-top {
	width: 56px;
	height: 56px;
	position: fixed;
	bottom: 30px;
	right: 10px;
	cursor: pointer !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
#page-top a {
	cursor: pointer;
	display: block;
	text-align: center;
	display: block;
	width: 56px;
	height: 56px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}