@charset "utf-8";


/* common */
.sp_mgt20 {
	margin-top: 20px;
}
.site-home .wrapper, .site-second header.wrapper, .site-second footer .wrapper {
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.sp_noWrap {
	display: block;
}
.content{ margin:0 10px;}

.site-second #wrap{
	padding-bottom: 10px;
}





/* 言語選択 */
.lang {
	display: none;
}
.icon_link {
	width: 5px;
	height: 9px;
}





/* navi */
#sp_nav_bg {
	width: 100%;
	height: 28px;
	padding-top:12px;
	display:block;
	background-color: #1a2367;
	border-bottom: 1px solid #3a66a5;
	z-index: 3000;
	position: fixed;
	left: 0;
	top: 0;
}
.jp #sp_nav_bg a {
    width: 162px;
    height: 18px;
    background-image: url(../images/hdr_logo.png);
		background-repeat:no-repeat;
    background-size: 162px 18px;
    text-indent: -9999px;
    display: block;
    margin: 0 0 0 10px;
}
.en #sp_nav_bg a {
    width: 184px;
    height: 18px;
    background: url(../images/hdr_logo_en.png) no-repeat;
    background-size: 184px 18px;
    text-indent: -9999px;
    display: block;
    margin: 0 0 0 10px;
}

.drawer-right .drawer-hamburger {
	right: -10px !important;
	top: -20px;
}
.drawer-main {
	z-index: 5300;
}
.jp .drawer-nav .drawer-brand a {
	width: 203px;
	height: 23px;
	margin: 0 auto;
	background: url(../images/hdr_logo.png) center no-repeat;
	background-size: 203px 23px;
	text-indent: -9999px;
	display: block;
}
.en .drawer-nav .drawer-brand a {
	width: 235px;
	height: 23px;
	margin: 0 auto;
	background: url(../images/hdr_logo_en.png) center no-repeat;
	background-size: 235px 23px;
	text-indent: -9999px;
	display: block;
}
ul.drawer-menu {
	border-top: 1px solid #2c367a;
}
ul.drawer-menu li {
	border-bottom: 1px solid #2c367a;
}
ul.drawer-menu li a {
	display: block;
	color: #FFF;
	background: url(../images/hdr_icon_arrow.png) right center no-repeat;
	background-size: 17px 22px;
}
ul.drawer-menu li.hdr_nav_day2 a {
	color: #FFF;
}
ul.drawer-menu li.hdr_nav_day2_on a {
	color: #FFF;
}
.hdr_nav_insta , .hdr_nav_insta_on {
	background: url(../images/hdr_nav_insta_sp.png) 15px 10px no-repeat;
	background-size: 29px 29px;
	padding-left: 55px !important;
}
.hdr_nav_lang {
	margin-top: 30px !important;
}
.hdr_nav_lang img {
	width: 110px;
}
.hdr_nav_lang .hdr_nav_ja {
	width: 110px;
	float: left;
}
.hdr_nav_lang .hdr_nav_en {
	width: 110px;
	float: right;
}
.hdr_nav_lang a {
	width: 110px;
	height: 36px;
	display: block;
	z-index: 6000;
}








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


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%;
}
#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%;
}
#mainVisual_day {
	width: 880px;
	margin: 0 auto;
	background: url(../../images/mainvisual_day.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
#mainVisual_day {
	width: 880px;
	margin: 0 auto;
	background: url(../../images/mainvisual_day_en.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
#mainVisual_scroll {
	width: 880px;
	margin: 0 auto;
	background: url(../../images/mainvisual_scroll.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
 @media (max-width: 879px) {
.jp #mainVisual_day {
	width: 100%;
	margin: 0 auto;
	background: url(../../images/mainvisual_day.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
.en #mainVisual_day {
	width: 100%;
	margin: 0 auto;
	background: url(../../images/mainvisual_day_en.png) center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
#mainVisual_scroll {
	width: 100%;
	margin: 0 auto;
	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: 600px;
	height: 300px;
}
#mainVisual2 h1 img {
	width: 600px;
	height: auto;
}
 @media (max-height: 805px) {
#mainVisual2 h1 {
	width: 600px;
	height: 300px;
}
#mainVisual2 h1 img {
	width: 600px;
	height: auto;
}
}
 @media (max-height: 480px) {
#mainVisual2 h1 {
	width: 400px;
	height: 300px;
	top: 20%;
}
#mainVisual2 h1 img {
	width: 400px;
	height: auto;
}
}
 @media (max-width: 640px) {
#mainVisual2 h1 {
	width: 300px;
	height: 300px;
	top: 20%;
}
#mainVisual2 h1 img {
	width: 300px;
	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 {
	width: 90%;
	margin: 0 auto;
	height: 27px;
	padding: 10px 0 ;
}
@media (min-height: 651px) {
.top_themeSet{ height:60px;}
#top_theme h2 { padding-top:16px;}
#top_theme h2 img {
    width: auto;
    height: 23px;
}
}
 @media (max-height: 650px) {
#top_theme h2 img {
	width: auto;
	height: 19px;
}
 }
#top_theme p {
	color: #FFF;
	z-index: 0;
	text-align: left;
}
#content {
	background-color: #1b2367;
	margin: 0;
	padding: 0;
}








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

schedule

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


#schedule {
	margin-top: 20px;
	z-index: 0;
}
#schedule a {
	text-decoration: none;
	display: block
}
#schedule h3 {
	display: none;
}
#schedule p {
	font-size: 12px;
	line-height: 1.4em;
}
#schedule ul li {
	margin-bottom: 10px;
}
#schedule ul li dl {
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#schedule ul li dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#schedule ul li strong {
	font-size: 16px;
	line-height: 1.8em;
	font-weight: normal;
}
#schedule ul li.day1 {
	background-color: #FFF;
	padding: 10px;
}
#schedule ul li.day1 dl {
	border-bottom: 1px dotted #dddddd;
}
#schedule ul li.day2 {
	background-color: #fff358;
	padding: 10px;
}
#schedule ul li.day2 dl {
	border-bottom: 1px dotted #ddd34c;
}


/* jp */
.jp #schedule ul li dl {
	background: url(../../images/img_day_arrow.png) right center no-repeat;
	background-size: 13px 22px;
}
.jp #schedule ul li.day1 dl dt {
	width: 67px;
	height: 17px;
	float: left;
	clear: left;
	background: url(../../images/title_day1_sp.png) no-repeat;
	background-size: 67px 17px;
	text-indent: -9999px;
	margin-top: 4px;
}
.jp #schedule ul li.day1 dl dd {
	width: 107px;
	height: 22px;
	margin-left: 75px;
	background: url(../../images/img_day1_sp.png) no-repeat;
	background-size: 107px 22px;
	text-indent: -9999px;
	margin-top: 8px;
}
.jp #schedule ul li.day2 dl dt {
	width: 67px;
	height: 17px;
	float: left;
	clear: left;
	background: url(../../images/title_day2_sp.png) no-repeat;
	background-size: 50px 16px;
	text-indent: -9999px;
	margin-top: 4px;
}
.jp #schedule ul li.day2 dl dd {
	width: 107px;
	height: 22px;
	margin-left: 75px;
	background: url(../../images/img_day2_sp.png) no-repeat;
	background-size: 107px 22px;
	text-indent: -9999px;
	margin-top: 8px;
}





/* english */
.en #schedule ul li strong {
	font-size: 18px;
	line-height: 1.6em;
	font-weight: bold;
}
.en #schedule ul li dl {
	padding-bottom: 10px;
	margin-bottom: 5px;
	background-image: none;
}
.en #schedule ul li.day1 dl dt {
	width: 93px;
	height: 14px;
	float: left;
	clear: left;
	background: url(../../images/title_day1_en_sp.png) no-repeat;
	background-size: 93px 14px;
	text-indent: -9999px;
	margin-top: 4px;
}
.en #schedule ul li.day1 dl dd {
	width: 97px;
	height: 21px;
	margin-left: 105px;
	background: url(../../images/img_day1_en_sp.png) no-repeat;
	background-size: 97px 21px;
	text-indent: -9999px;
	margin-top: 8px;
}
.en #schedule ul li.day2 dl dt {
	width: 86px;
	height: 19px;
	float: left;
	clear: left;
	background: url(../../images/title_day2_en_sp.png) no-repeat;
	background-size: 86px 19px;
	text-indent: -9999px;
	margin-top: 4px;
}
.en #schedule ul li.day2 dl dd {
	width: 102px;
	height: 21px;
	margin-left: 105px;
	background: url(../../images/img_day2_en_sp.png) no-repeat;
	background-size: 102px 21px;
	text-indent: -9999px;
	margin-top: 8px;
}













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

place

---------------------------- */
#place {
	padding-top: 20px;
	color: #FFF;
	background-color: #1a2367;
}
#place .place_detail {
	font-size: 12px;
	line-height: 1.6em;
}
#place .place_detail ul li {
	margin-left: 16px;
	list-style: disc
}
#place .place_title {
	background: url(../images/icon_place_sp.png) 0 0.5em no-repeat;
	background-size: 18px 13px;
	color: #FFF;
	padding-left: 24px;
	padding-bottom: 10px;
	font-size: 16px;
	text-align:left;
}
.site-second #place .place_title, .site-second #place .place_detail {
	margin: 0 10px;
}
#place a {
	background-color: #204794;
	text-decoration: none;
	color: #FFF;
	display: block;
	text-align: center;
	margin: 20px 0;
	padding: 5px;
	border-bottom: 1px solid #000742;
	border-right: 1px solid #000742;
}
#place a:hover, #place a:active {
	text-decoration: none;
	color: #91b7d4
}

/* en */
.en #place .place_detail {
	font-size: 14px;
	line-height: 1.4em;
}




.top_left{}
.top_right{ max-width:520px; margin:0 auto 30px}




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


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


---------------------------------------------------- */
#second_bg header {
	padding-top: 65px;
	padding-bottom: 30px;
	color: #FFF;
}
.day1 #wrap header .titleSet, .day2 #wrap header .titleSet {
	width: 148px;
	height: 50px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.day1 #wrap header .titleSet h1, .day2 #wrap header .titleSet h1 {
	width: 50px;
	height: 50px;
	float: left;
	text-indent: -9999px;
}
.day1 #wrap header .titleSet p, .day2 #wrap header .titleSet p {
	width: 94px;
	height: 45px;
	margin-top: 5px;
	float: right;
	text-indent: -9999px;
}
.day_time {
	margin-top: 15px;
	font-size: 12px;
	line-height: 1.4em;
}
.smallTitle {
	font-size: 14px;
	font-weight: bold;
}





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

day1

---------------------------- */
.day1 #wrap header .titleSet h1 {
	background: url(../../images/day1_title.png) no-repeat;
	background-size: 50px;
}
.day1 #wrap header .titleSet p {
	background: url(../../images/day1_title_schedule.png) no-repeat;
	background-size: 94px 45px;
}
.day1 #event4_head {
	font-size: 13px;
	line-height: 1.4em;
}





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

day2

---------------------------- */
.day2 #wrap header .titleSet h1 {
	background: url(../../images/day2_title.png) no-repeat;
	background-size: 50px;
}
.day2 #wrap header .titleSet p {
	background: url(../../images/day2_title_schedule.png) no-repeat;
	background-size: 94px 45px;
}
.day2 #wrap header .day_time {
	color: #fff358;
}
a.icon_ustream {
	width: 130px;
	background: url(../images/icon_ustream.png) 0 0.2em no-repeat !important;
	background-size: 24px 17px !important;
	padding: 0 0 0 30px !important;
	margin: 0 0 0 33px !important;
	color: #356ccb;
	text-decoration: underline !important;
}
a.icon_ustream:hover {
	text-decoration: none !important
}
.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: 2em;
}
.day2 #event7_head {
	text-indent: 1em;
}





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

common

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

#contents_container {
	background-color: #fafafa;
	padding: 10px 0;
}
.icon_kids_info {
	padding:10px 0 ;
	color: #999;
	font-size: 12px;
}
.icon_kids_info img {
	width: 26px;
	height: 22px;
	margin-bottom: -6px;
}
img.icon_kids {
	width: 26px;
	height: 22px;
	margin-bottom: -4px;
}
.icon_pdf{
	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-right:10px;
	margin-bottom: -6px;
}





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

コンテンツ枠

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

/* -----

色設定

----- */
/* blue */
.wrap_blue {
	border: 2px solid #356ccb;
	background-color: #ffffff;
}
.wrap_blue .section h2 {
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	background-color: #356ccb;
	zoom: 1;
}
.wrap_blue .section h2.linkarea a {
	display: block;
	color: #ffffff;
	background: url(../images/icon_plus-all_sp.png) no-repeat 2px center;
	background-size: 43px 23px;
	text-decoration: none;
	padding: 5px;
}
.wrap_blue .section h2.linkarea a.over {
	background: url(../images/icon_minus-all_sp.png) no-repeat 2px center;
	background-size: 53px 23px;
}
.wrap_blue .wrapList ul li .sectionNaka .linkarea a {
	display: block;
	padding: 0 5px 0 28px;
	background: url(../images/icon_plus_sp.png) no-repeat 0 top;
	background-size: 20px 20px;
	display: block;
}
.wrap_blue .wrapList ul li .sectionNaka .linkarea a.over {
	display: block;
	padding: 0 5px 0 28px;
	background: url(../images/icon_minus_sp.png) no-repeat 0 top;
	background-size: 20px 20px;
	text-decoration: none;
	display: block;
}



/* yellow */
.wrap_yellow {
	border: 2px solid #fff358;
	background-color: #ffffff;
}
.wrap_yellow .section h2 {
	font-weight: normal;
	font-size: 14px;
	color: #655e00;
	text-align: center;
	background-color: #fff358;
	zoom: 1;
	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;
}
.wrap_yellow .section h2.linkarea a {
	display: block;
	color: #655e00;
	background: url(../images/icon_plus-all_y_sp.png) no-repeat 2px center;
	background-size: 43px 23px;
	text-decoration: none;
	padding: 5px;
}
.wrap_yellow .section h2.linkarea a.over {
	background: url(../images/icon_minus-all_y_sp.png) no-repeat 2px center;
	background-size: 53px 23px;
}
.wrap_yellow .wrapList ul li .sectionNaka .linkarea a {
	display: block;
	padding: 0 5px 0 28px;
	background: url(../images/icon_plus_sp.png) no-repeat 0 top;
	background-size: 20px 20px;
	display: block;
	color: #655e00;
}
.wrap_yellow .wrapList ul li .sectionNaka .linkarea a.over {
	display: block;
	padding: 0 5px 0 28px;
	background: url(../images/icon_minus_sp.png) no-repeat 0 top;
	background-size: 20px 20px;
	text-decoration: none;
	display: block;
}





/* -----

枠設定

----- */
.wrapList_Set {
	margin: 0 10px 20px;
}
.wrapList_Set.wrapList_small {
}
.wrapList .section {
	overflow: hidden !important;
}
.wrapList .linkarea a {
	text-decoration: none !important;
}
.wrapList ul {
}
.wrapList ul li {
	border-bottom: 1px dotted #DDD;
	padding: 10px;
}
.wrapList ul li:last-child {
	border-bottom: none;
}





/* -----

初期表示箇所

----- */

.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 0 0 26px;
	background: url(../images/icon_plus_sp.png) no-repeat 0 top;
	background-size: 20px 20px;
	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 26px;
	background: url(../images/icon_minus_sp.png) no-repeat 0 top;
	background-size: 20px 20px;
	text-decoration: none;
	display: block;
}
.wrapList .noButton {
	padding: 5px;
}
.wrapList ul li .sectionNaka a .wrapList_img {
	width: 60px;
	float: left;
	clear: left;
	line-height: 0;
}
.wrapList ul li .sectionNaka a .wrapList_img img {
	width: 60px;
	height: auto;
	line-height: 0;
}
.wrapList ul li .sectionNaka a .wrapList_text {
	margin-left: 70px;
}
.wrapList ul li .sectionNaka h3 {
	font-weight: normal;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}
.wrapList ul li .sectionNaka h3 .sp_noWrap {
	font-weight: bold;
}
.wrapList ul li .sectionNaka h3 .sp_noWrap + br {
	display: none;
}
.wrapList ul li .sectionNaka a .wrapList_text p {
	font-size: 12px;
}


.wrapList ul li .sectionNaka .linkarea ul.icon_ustream { width:230px; margin-left:96px;}
.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
}





/* -----

隠れている箇所

----- */
ul.detail_list {
	background-color: #e8eef8;
	margin: 10px -15px -15px;
	padding: 10px 15px;
}
.wrapList ul li .text {
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #DDD;
	font-size: 14px;
	margin-top: 10px
}
.wrapList ul li h4.title {
	color: #32af00;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.wrapList.wrap_yellow ul li .text {
	background-color: #f7f7f7;
	border: 2px solid #EEE;
	box-shadow: 0px 0px 1px 1px #FFF inset;
}
.wrapList.wrap_yellow ul li h4.title {
	margin: 0 0 10px;
	text-align: center;
	padding-bottom: 7px;
	border-bottom: 1px solid #DDD;
	text-shadow: 1px 1px 0 #FFF;
}





/* -----

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

----- */
ul.detail_list {
	background-color: #e8eef8;
	margin: 10px -10px -10px;
	padding: 10px 10px;
}
ul.detail_list li {
	border: none !important;
	margin: 0;
	padding: 0 0 0 12px;
	font-size: 12px;
	line-height: 1.6em;
	-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: 35px;
	float: left;
	clear: left;
}
ul.detail_list li dl dd {
	margin-left: 35px;
}





/* blue */
.wrap_blue ul.detail_list li {
	background: url(../images/icon_list_blue.png) 0 0.45em no-repeat;
	background-size: 8px 8px;
}





/* yellow */
.wrap_yellow ul.detail_list li {
	background: url(../images/icon_list_yellow.png) 0 0.45em no-repeat;
	background-size: 8px 8px;
}





/* タグ */
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: 5px 6px;
	border-radius: 3px;
	margin: 0 2px 2px 0;
	font-size: 10px;
	line-height: 10px;
	color: #FFF;
	float: left;
	display: block;
}
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;
	line-height: 1.4em
}
.infoArea ul li {
	margin-left: 5px;
	list-style: disc;
}





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


instagram


---------------------------------------------------- */
.instagram #wrap header .titleSet {
	height: 47px;
	overflow:hidden;
}
.instagram #wrap header .titleSet h1 {
	width: 280px;
	height: 47px;
	background: url(../../images/instagram_title.png) no-repeat left bottom;
	background-size: 280px 40px;
	color: #FFF;
	text-indent:-9999px;
}
.instagram #wrap header .titleSet p {
}
.instagram #contents_container {
	padding: 22px 0 30px;
}
.instagram.jp #contents_container h2{
	width:300px; height:55px;
	margin:0 auto 20px;
	text-indent:-9999px;
	background:url(../../images/insta_midashi.png) no-repeat;
	background-size:contain;
}
.instagram.en #contents_container h2{
	width:300px; height:48px;
	margin:0 auto 20px;
	text-indent:-9999px;
	background:url(../../images/insta_midashi_en.png) no-repeat;
	background-size:contain;
}
.instagram #contents_container h3{
	background-color:#eee;
	margin:0 -10px 10px;
	padding:10px;
	font-size:26px;
	font-family: 'Convergence';
	color:#1a2367;
	text-align:center;
}
.insta_img_iphone{
	display:none;
}
#instafeed {
	margin: 0 auto 24px;
}
#instafeed:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#instafeed li {
	width: 244px;
	height: 244px;
	overflow: hidden;
	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 auto 20px;
	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{ border:1px dotted #356ccb; background-color:#d2dff7; border-radius:10px; width:300px; margin:30px auto; text-align:center; text-align:center; }
.insta_acount a{ 
min-height:38px;
	background:url(../../images/icon_insta.png) no-repeat 20px center;
	background-size:38px; 
	display:block; 
	color:#356ccb;
	text-decoration:none;
	padding:5px;
}
.insta_acount a:hover{ 
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}











@media (max-width: 480px) {
#place .place_ph {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
}
#place .place_ph ul {
	position: relative;
	left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
	float: left;
}
#place .place_ph ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#place .place_ph ul li {
	width: 94px;
	float: left;
	margin-right: 2px;
	overflow: hidden;
	position: relative;
	left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
	float: left;
	list-style: none;
}
#place .place_ph ul li:last-child {
	margin-right: 0;
}
#place .place_ph ul li img {
	width: 98px;
}
}
 @media (min-width:481px) and (max-width: 800px) {
/* 800px以上 */
#place .place_ph {
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}
#place .place_ph ul {
	position: relative;
	left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
	float: left;
}
#place .place_ph ul li {
	width: 153px;
	float: left;
	margin-right: 5px;
	position: relative;
	left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
	float: left;
	list-style: none;
}
#place .place_ph ul li:last-child {
	margin-right: 0;
}
#place .place_ph ul li img {
	width: 153px;
}
#instafeed {
	margin: 0 0 24px 10px;
}
#instafeed:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#instafeed li {
	width: 146px;
	height: 146px;
	float: left;
	overflow: hidden;
	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 15px 20px 0;
	display: block
}
#instafeed img {
	width: 146px;
	height: auto;
	position: absolute;
	top: 10px;
	left: 10px;
}
#instafeed a {
	width: 146px;
	height: 146px;
	position: absolute;
	top: 10px;
	left: 10px;
}
#instafeed a p {
	display: none;
}
#instafeed a:hover {
	width: 146px;
	height: 146px;
	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: 80px;
}
}





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


フッター


---------------------------------------------------- */
footer {
	background-color: #FFF;
	overflow: hidden;
}
.notes {
	color: #999;
	font-size: 12px;
	line-height: 1.6em;
	padding-top: 20px;
}
.notes strong {
	color: #999;
	font-size: 14px;
	font-weight: bold;
}
ul.ftrList {
	margin-top: 20px;
	margin-bottom: 30px;
}
ul.ftrList li {
	margin-bottom: 20px;
}
ul.ftrList li .ftrList_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDD;
}
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;
	font-size: 12px;
	line-height: 1.4em;
}
#ftrContainer {
	background-color: #eeeeee;
	padding: 0;
}
#ftrContainer #contact {
	margin-bottom: 20px;
}
#ftrContainer #contact .contact_title {
	width: 120%;
	margin: 0 -10% 10px;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #dddddd;
}
#ftrContainer #contact .logo_naoj {
	width: 75px;
	height: 43px;
	margin: 15px auto 10px;
}
#ftrContainer #contact p {
	font-size: 12px;
	line-height: 1.6em;
}
#ftrContainer .sns {
	float: right;
	margin-bottom: 10px;
}
#ftrContainer .sns ul li {
	float: left;
	margin-left: 15px;
}
#ftrContainer .sns ul:first-child li:first-child {
	padding-top: 2px;
}
#copyrightsContainer {
	background-color: #FFF;
	padding: 10px 0 90px;
	border-top: 1px solid #FFF;
	text-align: center;
	font-size: 10px;
	color: #999999;
}
.ftr_link {
	position: relative;
	overflow: hidden; /* 下のulのcssでリスト全体を右に50%移動しているので、その分幅が広がってしまいスクロールバーが表示されてしまいます。それを防ぐ為の設定です。 */
}
.ftr_link ul {
	position: relative;
	left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
	float: left;
}
.ftr_link ul li {
	position: relative;
	left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
	float: left;
	list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
	border-right: 1px dotted #333;
	padding: 0 10px;
	text-decoration: none;
	line-height: 1em;
}
.ftr_link ul li:first-child {
	border-left: 1px dotted #333;
}
.copyrights {
	text-align: center;
}





/* 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;
}