@charset "Shift_JIS";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*----------------■初期設定----------------*/
*  {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}
ul,ol  {
	list-style: none;
}
table  {
	border-collapse: collapse;
}
th,td  {
	text-align: left;
	vertical-align: top;
}
img {
	border: none;
	vertical-align: top;
}

 /* リンク色の初期値 */
a:link { text-decoration:none;color:#00f; }
a:visited { text-decoration:none;color:#00f; }
a:hover { text-decoration:none;color:#f00; }
a:active { text-decoration:none;color:#ccf; }

a[name]:hover { text-decoration:none;color:#000; }

/*----------------■よく使うもの----------------*/
 
.fltl  {
	float: left;
}
.fltr  {
	float: right;
}
.clear  {
	clear: both;
}
.clearfix:after {
	content:".";
	display:  block;
	clear:  both;
	height:  0;
	visibility:  hidden;
	overflow: hidden;/* 隙間対応 */
	font-size: 0.1em;/* 隙間対応 */
	line-height: 0;/* 隙間対応 */
}
.clearfix  {
	zoom:  1;
}

img{
	max-width: 100%;
	height: auto;
}
a:hover img { /* 画像オンマウス処理 */
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

/*----------------■全体構造----------------*/

body {
	text-align: center;
	font-family: 'Noto Sans Japanese', serif;
	background: #fff;
	color: #000;
	font-size:  14px;
	line-height: 1.5;
}

#streetfes_ph_ul,#streetfes_angels_ph_ul{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

ul.list {
	list-style: disc;
	margin-left: 20px;
}
ul.list li{
	padding-bottom: 5px;
}
.margin10 {
	margin: 10px 0;
}
.margin_bottom10 {
	margin-bottom: 10px;
}
.margin_top20 {
	margin-top: 20px;
}

.dis_pcb{display:none;}

#main_bg{
/* background: linear-gradient(180deg, rgba(241,150,57,1) 0%, rgba(250,203,87,1) 50%, rgba(0,55,112,1) 100%); */
background: #001C4E;
}
#top_bg2{
background: url(../image/bg_main2.png?20231101) no-repeat center top;
background-size:100% auto;
}
#main_bg2{
background: url(../image/bg_main2.png?20231101) no-repeat center top,url(../image/bg_main.png?20231101) no-repeat center bottom;
background-size:100% auto;
}

#top_ph01 div{background:url(../ph/ph01.jpg) no-repeat center;background-size:auto 100%;}
#top_ph02 div{background:url(../ph/ph02.jpg) no-repeat center;background-size:auto 100%;}
#top_ph03 div{background:url(../ph/ph03.jpg) no-repeat center;background-size:auto 100%;}
#top_ph04 div{background:url(../ph/ph04.jpg) no-repeat center;background-size:auto 100%;}
#top_ph05 div{background:url(../ph/ph05.jpg) no-repeat center;background-size:auto 100%;}
#top_ph06 div{background:url(../ph/ph06.jpg) no-repeat center;background-size:100% auto;}
#top_ph07 div{background:url(../ph/ph07.jpg) no-repeat center;background-size:auto 100%;}
#top_ph08 div{background:url(../ph/ph08.jpg) no-repeat center;background-size:auto 100%;}
#top_ph09 div{background:url(../ph/ph09.jpg) no-repeat center;background-size:100% auto;}
#top_ph10 div{background:url(../ph/ph10.jpg) no-repeat center;background-size:100% auto;}
#top_ph11 div{background:url(../ph/ph11.jpg) no-repeat center;background-size:auto 100%;}
#top_ph12 div{background:url(../ph/ph12.jpg) no-repeat center;background-size:100% auto;}
#top_ph13 div{background:url(../ph/ph13.jpg) no-repeat center;background-size:auto 100%;}
#top_ph14 div{background:url(../ph/ph14.jpg) no-repeat center;background-size:100% auto;}
#top_ph15 div{background:url(../ph/ph15.jpg) no-repeat center;background-size:100% auto;}
#top_ph16 div{background:url(../ph/ph16.jpg) no-repeat center;background-size:100% auto;}
#top_ph17 div{background:url(../ph/ph17.jpg) no-repeat center;background-size:auto 100%;}

#event{color:#00A9FF;background:#FFFDF1;margin-bottom:80px;padding:50px 5%;text-align:left;}
#event_text{margin-top:30px;}
#event_btn{margin-top:30px;}
#event_btn a{border:1px solid #000;padding:10px 5%;display:block;}

#message02{margin:0;background:#fff;color:#00A9FF;padding:30px 5%;}
#message02_mi{border-bottom:3px solid #00A9FF;margin-bottom:20px;padding-bottom:20px;}

#stamp_rally_box{margin-top:40px;}

#instagram_box{background:#fff;}
#instagram_box_btn{margin:20px auto 0;max-width:280px;}
#instagram_box_btn a{display:block;border-radius:10px;color:#fff;text-align:center;padding:10px 0;background:#005BAC;font-size:18px;}
#instagram_box_btn a:hover{background:#59d;}

#instagram_rule {
	text-align: left;
	color: #000;
	padding: 40px 0;
	background: #fff;
}
#instagram_rule h3{
	border-bottom: 3px solid #000;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}
#instagram_rule h3.mi_caution{
	margin: 30px 0 0 0;
}
#instagram_rule h4{
	margin: 15px 0 7px 0;
	font-weight: bold;
}

#instagram_rule dt{
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}
#instagram_rule dd{
	display: none;
	border-bottom: 1px solid #ccc;
}

#rule_box p i{
	font-size: 22px;
	vertical-align: middle;
}

#foot_logo{padding:50px 0;}

#foot2{padding:30px 0;background:#fff;color:#000;border-top:1px solid #ccc;}
#foot3{padding:30px 0;background:#000;color:#fff;}
#foot_btn{width:70px;position:fixed;right:0;bottom:0;}

/*----------------■ストリートフェス---------------*/
#streetfes_ti{margin:0 auto;}
#streetfes_ti a{display:block;text-indent:-9999px;background:url(../image/title1.svg?20231101) no-repeat center top;background-size:100% auto;height:100%;}

#streetfes_wrap{
	text-align: left;
	color: #000;
	padding: 60px 5% 40px;
	background: #fff;
	position:relative;
	font-size:16px;
}
#streetfes_wrap2{padding:40px 5%;margin-top:40px;background:#FFFBC7;border-radius:30px;}
#streetfes_ti_sub{border-radius:50%;color:#FFF100;background:#F08300;position:absolute;text-align:center;box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.2);}
#streetfes_wrap h1{margin-bottom:20px;}
#streetfes_ti_logo{margin-top:20px;}
#streetfes_type_mi01,#streetfes_type_mi02,#streetfes_type_mi03{text-align:center;font-weight:bold;color:#fff;margin:50px 0 25px;padding:10px;font-size:30px;background:#F08300;border-radius:30px;}
#streetfes_type_mi02{background:#00A1E9;}
#streetfes_type_mi03{background:#EA619E;font-size:20px;}
#streetfes_mi1{color:#0069B7;font-weight:bold;font-size:20px;}
#streetfes_mi1 span{color:#F08300;font-weight:bold;font-size:24px;}
#streetfes_mi2{color:#F08300;font-weight:bold;font-size:20px;margin-bottom:30px;}
#streetfes_mi2 span{font-weight:bold;font-size:24px;}
.streetfes_mi3{border-top:1px solid #0069B7;padding:40px 0;}
.streetfes_mi3 h4{color:#00A1E9;font-weight:bold;font-size:20px;margin:0 0 20px;}
.streetfes_mi3 h4 span{font-weight:bold;font-size:26px;color:#0069B7;}
#streetfes_icon{width:140px;float:right;margin-left:10px;}
.streetfes_icon_text{margin-bottom:15px;}
.streetfes_contact_mi{padding:10px;border:1px solid #000;margin:60px 0 30px;}
#streetfes_contact_logo{width:280px;}
#streetfes_ph_ul{margin-top:30px;}
#streetfes_angels_ph_ul{margin-bottom:10px;}

/*----------------■中大画面---------------*/
@media print, screen and (min-width: 767px) {

.dis_sp {
	display: none;
}

#main_bg2{padding-top:80px;}
#map_bg,#wink_box,#instagram_box{margin-top:80px;}

#title_bg h1 img{
	width: 50%;
	height: auto;
	padding-top:5%;
}
#title_bg p img{
	width: 55%;
	padding:18% 0 4% 0;
	height: auto;
}

.wrap1146 {
	margin-left: auto;
	margin-right: auto;
	max-width: 1146px;
	padding:0 5%;
	position:relative;
}
#top_bg {
	background: #1C2953 url(../image/bg_img.jpg?20231101) no-repeat center bottom;
	background-size:100% auto;
}

#top_ph li{position:absolute;background: #fff url(../image/ph_bg.png?20231101) no-repeat left 10px bottom 3px;background-size:15px auto;padding:5px 5px 20px 5px;}
#top_ph div{padding-bottom:100%;}

#top_ph01{width:7%;left:1%;top:1%;}
#top_ph02{width:7%;right:16%;top:18%;}
#top_ph03{width:7%;left:1%;top:24%;}
#top_ph04{width:7%;right:10%;top:24%;}
#top_ph05{width:7%;left:10%;top:60%;}
#top_ph06{width:7%;right:3%;top:48%;}
#top_ph07{width:10%;left:5%;top:12%;}
#top_ph08{width:10%;right:3%;top:2.4%;}
#top_ph09{width:10%;left:3%;top:30%;}
#top_ph10{width:10%;right:3%;top:30%;}
#top_ph11{width:10%;left:1%;top:48%;}
#top_ph12{width:10%;right:5%;top:50%;}
#top_ph13{width:12%;left:10%;top:6%;}
#top_ph14{width:12%;right:10%;top:1%;}
#top_ph15{width:12%;left:15%;top:24%;}
#top_ph16{width:12%;right:10%;top:36%;}
#top_ph17{width:12%;left:10%;top:42%;}

#event p{font-size:18px;}
#event_img01{float:left;width:35%;}
#event_img02{float:right;width:60%;}
#event_text{float:right;width:60%;}
#event_btn{float:right;width:60%;}

#message02_mi{font-size:30px;}
#message02 p{font-size:18px;}

#instagram_rule {padding-left:5%;padding-right:5%;}
#instagram_rule h3{
	padding: 20px 0;
}
#instagram_rule dt{
	padding: 10px 0;
}
#instagram_rule dd{
	padding: 20px;
}
#instagram_rule dt.panel-up{
	background: url(../image/icon_open.svg) no-repeat 99% center;
	background-size: auto 20px;
}
#instagram_rule dt.panel-down{
	background: url(../image/icon_close.svg) no-repeat 99% center;
	background-size: auto 20px;
}
#rule_box {
	font-size: 14px;
	margin: 20px 0 0 0;
}

#foot_logo{width:620px;margin:0 auto;}
#foot_logo01{float:left;width:240px;}
#foot_logo02{float:right;width:290px;margin-top:20px;}

/*----------------■中大画面ストリートフェス---------------*/
#streetfes_wrap{
	border-radius:30px;
}
#streetfes_ti_sub{right:-2%;top:-70px;font-size:30px;width:128px;padding:20px 0;}
#streetfes_ti{width:500px;height:190px;}
#streetfes_ti_come{font-size:20px;}
#streetfes_ti_logo{text-align:center;}
#streetfes_mi1{text-align:center;}
#streetfes_mi2{text-align:center;}
#streetfes_contact_logo{float:left;margin-right:5%;}
#streetfes_contact_address{float:left;}
#streetfes_ph_ul li{width:20%;}
#streetfes_angels_ph01,#streetfes_angels_ph02{width:25%;}
#streetfes_angels_ph03{width:50%;}
.streetfes_profile_text{width:55%;float:left;}
.streetfes_profile_ph{width:40%;float:right;}
#streetfes_wrap .streetfes_list{font-size:18px;}
.streetfes_mi3 h4{font-size:20px;}
.streetfes_mi3 h4 span{font-size:26px;}

}

/*----------------■大画面1---------------*/
@media screen and (min-width: 1000px) {

#top_ph01{top:1.25%;}
#top_ph02{top:22.5%;}
#top_ph03{top:30%;}
#top_ph04{top:30%;}
#top_ph05{top:75%;}
#top_ph06{top:60%;}
#top_ph07{top:15%;}
#top_ph08{top:3%;}
#top_ph09{top:37.5%;}
#top_ph10{top:37.5%;}
#top_ph11{top:60%;}
#top_ph12{top:62.5%;}
#top_ph13{top:7.5%;}
#top_ph14{top:1.25%;}
#top_ph15{top:30%;}
#top_ph16{top:45%;}
#top_ph17{top:52.5%;}

}

/*----------------■大画面2---------------*/
@media screen and (min-width: 1257px) {
.dis_pcb{display:block;}

#top_ph01{top:1.5%;}
#top_ph02{top:24%;}
#top_ph03{top:36%;}
#top_ph04{top:36%;}
#top_ph05{top:90%;}
#top_ph06{top:72%;}
#top_ph07{top:18%;}
#top_ph08{top:3.6%;}
#top_ph09{top:45%;}
#top_ph10{top:45%;}
#top_ph11{top:72%;}
#top_ph12{top:75%;}
#top_ph13{top:9%;}
#top_ph14{top:1.5%;}
#top_ph15{top:36%;}
#top_ph16{top:54%;}
#top_ph17{top:63%;}

}

/*----------------■大画面3---------------*/
@media screen and (min-width: 1600px) {
.dis_pcb{display:block;}

#top_ph01{top:2%;}
#top_ph02{top:36%;}
#top_ph03{top:48%;}
#top_ph04{top:48%;}
#top_ph05{top:120%;}
#top_ph06{top:96%;}
#top_ph07{top:24%;}
#top_ph08{top:4.8%;}
#top_ph09{top:60%;}
#top_ph10{top:60%;}
#top_ph11{top:96%;}
#top_ph12{top:100%;}
#top_ph13{top:6%;}
#top_ph14{top:2%;}
#top_ph15{top:48%;}
#top_ph16{top:72%;}
#top_ph17{top:84%;}

}

/*----------------■小画面---------------*/
@media screen and (max-width: 766px) {

.dis_pc {
	display: none;
}

#main_bg2{padding-top:60px;}

#top_ph{padding-bottom:30px;}
#top_ph li{float:left;width:29%;margin:10px 0 0 3%;}
#top_ph div{padding-top:100%;}

#wink_box,#instagram_box{margin-top:20px;}

#top_bg {
	background: #1C2953 url(../image/bg_img.jpg?20231101) no-repeat center bottom 108%;
	background-size:100% auto;
}
#title_bg h1 img{
	padding:5% 5% 42% 5%;
}

#event p{font-size:16px;}
#event_img02{margin-top:30px;}

#message02_mi{font-size:24px;}
#message02 p{text-align:left;font-size:16px;}

#instagram_pre {
	margin-top: 30px;
}
#instagram_rule_wrap {
	padding: 0 5%;
}
#instagram_rule h3{
	padding: 20px 5%;
}
#instagram_rule dt{
	padding: 10px 30px 10px 5%;
}
#instagram_rule dd{padding:20px 5%;}
#instagram_rule dt.panel-up{
	background: url(../image/icon_open.svg) no-repeat 96% center;
	background-size: auto 20px;
}
#instagram_rule dt.panel-down{
	background: url(../image/icon_close.svg) no-repeat 96% center;
	background-size: auto 20px;
}
#rule_box{padding:20px 5%;}

#foot1{border-top:1px solid #ccc;}
#foot_logo01 img{width:220px;}
#foot_logo02 img{width:280px;margin-top:40px;}

/*----------------■小画面ストリートフェス---------------*/
#streetfes_ti_sub{right:2%;top:-30px;font-size:24px;width:100px;padding:14px 0;}
#streetfes_ti{width:300px;height:110px;padding-top:20px;}
#streetfes_contact_logo{margin-bottom:20px;}
#streetfes_ph_ul li{width:33.3%;}
#streetfes_angels_ph01,#streetfes_angels_ph02{width:50%;}
#streetfes_angels_ph03{width:100%;}
.streetfes_profile_ph{margin-top:20px;}
#streetfes_type_mi03{text-align:left;padding-left:5%;padding-right:5%;}
.streetfes_mi3 h4{font-size:18px;}
.streetfes_mi3 h4 span{font-size:24px;}

}

}