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

img{
max-width: 100%;
height: auto;
width: auto;
}
#container{
width:100%;
}
*{
margin: 0;
padding: 0;
}*

body{
position: relative;
right: 0;
overflow-x: hidden;
font-family: 'Noto Sans Japanese';
}

.pc{
display: none;
}

ul,li{
list-style: none;
}

.clear{
clear: both;
}
.pageclear{
clear: both;
margin-bottom: 50px;
}

h2{
border-bottom: 3px solid #cb4042;
font-size: 160%;
color: #cb4042;
padding: 0 0 20px 0;
box-sizing: border-box;
margin-bottom: 30px;
text-align: center;
}

h3{
font-size: 140%;
color: #cb4042;
padding: 0;
box-sizing: border-box;
margin-bottom: 20px;
text-align: center;
}

h4{
font-size: 130%;
color: #000000;
padding: 0;
box-sizing: border-box;
margin-bottom: 10px;
text-align: center;
}

p{
font-size: 100%;
color: #000000;
line-height: 1.8;
overflow: auto;
padding: 0;
box-sizing: border-box;
}

.alignnone{
width: 100%;
height: auto;
margin-bottom: 10px;
}

.alignleft{
width: 40%;
height: auto;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

.alignmcleft{
width: 40%;
height: auto;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

.alignright{
width: 40%;
height: auto;
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

#page-top{
position: fixed;
bottom: 0;
right: 0;
font-size: 80%;
}
#page-top a{
background: #000000;
text-decoration: none;
color: #ffffff;
width: 80px;
padding: 20px 0;
box-sizing: border-box;
text-align: center;
display: block;
}
#page-top a:hover {
text-decoration: none;
background: #ffffff;
color: #000000;
}

.youtube{
position:relative;
width:100%;
padding-top:56.25%;
}
.youtube iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

#header{
background: #cb4042;
width: 100%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
}

.header_inner{
background: #cb4042;
position: fixed;
top: 0px;
right: 0px;
padding: 10px;
box-sizing: border-box;
z-index: 1000;
}
#toggle i{
color: #ffffff;
padding: 0;
box-sizing: border-box;
}
#slide_menu{
position: fixed;
top: 0;
right: -300px;
width: 300px;
height: 100%;
background: #cb4042;
padding: 0;
}
#slide_menu ul{
padding: 0;
list-style: none;
padding: 0;
box-sizing: border-box;
}
#slide_menu li{
border-bottom: 1px solid #ffffff;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
}
#slide_menu li a{
font-size: 80%;
color: #ffffff;
text-decoration: none;
}
#slide_menu i{
color: #ffffff;
margin-right: 3px;
}

.subnavi{
display: none;
}

#mainimage{
width: 100%;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
box-sizing: border-box;
}

#subimage{
-moz-background-size:cover;
background-size:cover;
background-image: url("http://www.arcship.jp/nihon-street/wp-content/themes/hp2018_ver1/images/2019/2019top_01.jpg");
background-repeat: no-repeat;
background-position: 50% 50%;
width: 100%;
height: 200px;
margin: auto;
padding: 0;
box-sizing: border-box;
}

#container{
background: #cb4042;
width: 100%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
}
	
#page_container{
background: #ffffff;
width: 100%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
}

.breadcrumbs{
width: 100%;
margin: auto;
padding: 10px 0;
box-sizing: border-box;
font-size: 70%;
color: #000000;
}
.breadcrumbs_inner{
width: 100%;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.breadcrumbs a{
color: #000000;
}

#contents{
width: 90%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
}

.topinner{
width: 100%;
height: auto;
margin: auto;
padding: 40px 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.topbranding{
width: 49%;
padding: 0 0 20px 0;
box-sizing: border-box;
}

.inner{
width: 100%;
height: auto;
margin: auto;
padding: 40px 0;
box-sizing: border-box;
}

.venuepagebtn{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 50px;
}
.venuebtn{
border: 5px solid #ffffff;
background: #eeeeee;
width: 50%;
font-size: 120%;
font-weight: bold;
padding: 30px;
box-sizing: border-box;
text-align: center;
}
.venuebtn img{
width: 50%;
margin-bottom: 10px;
}
.venuebtn a{
display: block;
color: #000000;
}

.barrierfree_icon{
display: flex;
padding: 10px 0;
box-sizing: border-box;
}
.barrierfree_icon_inner{
width: 12%;
font-size: 60%;
text-align: center;
padding: 2px;
box-sizing: border-box;
}
.barrierfreepagebtn{
width: 100%;
padding: 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.barrierbtn{
border: 5px solid #ffffff;
background: #eeeeee;
width: 50%;
font-size: 100%;
font-weight: bold;
padding: 10px;
box-sizing: border-box;
}
.barrierbtn img{
width: 20%;
margin-right: 10px;
float: left;
}
.barrierbtn a{
display: block;
color: #000000;
}

.mappage{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mappageimg{
width: 60%;
}
.mappageimg_icon{
display: flex;
padding: 0;
box-sizing: border-box;
}
.mappageimg_icon_inner{
width: 14%;
font-size: 60%;
text-align: center;
padding: 2px;
box-sizing: border-box;
}
.mappagebtn{
width: 40%;
padding: 0 0 0 30px;
box-sizing: border-box;
}
.mappbtn{
width: 100%;
border: 1px solid #eeeeee;
padding: 15px;
box-sizing: border-box;
margin-bottom: 10px;
font-size: 100%;
font-weight: bold;
color: #ffffff;
}
.mappbtn a{
display: block;
color: #ffffff;
}
.music_umichika{
background: #063994;
}
.music_bikkuri{
background: #3b82c5;
}
.music_mannaka{
background: #68c0a2;
}
.music_kosha{
background: #2d8655;
}
.music_brunton{
background: #26863a;
}
.music_awa{
background: #7d9753;
}
.music_garden{
background: #bdb62f;
}
.music_moving{
background: #c26f1d;
}
.food_umichika{
background: #3b82c5;
}
.food_mannaka{
background: #57b76c;
}
.welfare_welfale{
background: #5dbfdd;
}
.cafe_cafe{
background: #0a6133;
}

.flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.flex::before{
content:"";
display: block;
width: 30%;
 order:1;
}
.flex::after{
content:"";
display: block;
width: 30%;
}
.item{
width: 30%;
padding: 0;
box-sizing: border-box;
margin-bottom: 15px;
}
.item img{
background: #ffffff;
width: 100%;
height: auto;
margin-bottom: 2px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.item a{
font-size: 100%;
color: #ffffff;
}
.time{
font-size: 70%;
color: #ffffff;
text-align: right;
}
.archiveitem{
width: 30%;
padding: 0;
box-sizing: border-box;
margin-bottom: 15px;
}
.archiveitem img{
background: #ffffff;
width: 100%;
height: auto;
margin-bottom: 2px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.archiveitem a{
font-size: 100%;
color: #000000;
}
.archivetime{
font-size: 70%;
color: #000000;
text-align: right;
}

.more{
background: #555555;
width: 100%;
height: auto;
margin: auto;
text-align: center;
margin-bottom: 30px;
font-family: 'Quicksand', sans-serif;
}
.more a{
display: block;
font-size: 100%;
color: #ffffff;
padding: 20px 0;
font-weight: bold;
text-decoration: none;
}
.more a:hover{
background: #ffffff;
color: #cb4042;
}

.twoblock{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.twoblock_inner{
width: 48%;
padding: 0 0 30px 0;
}

.naviflex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.naviflex::before{
content:"";
display: block;
width: 23%;
order:1;
}
.naviflex::after{
content:"";
display: block;
width: 23%;
}
.naviflexboxitem{
background: #cb4042;
width: 23%;
padding: 10px;
box-sizing: border-box;
margin-bottom: 15px;
position: relative;
text-align: center;
}
.naviflexboxitem a{
color: #ffffff;
font-weight: bold;
font-size: 90%;
}

#sidebar{
width: 90%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.sidebar_inner{
width: 100%;
height: auto;
margin: auto;
padding: 20px 0;
box-sizing: border-box;
}

#sns{
background: #eeeeee;
width: 100%;
height: auto;
margin: auto;
padding: 40px 0;
box-sizing: border-box;
}
#sns ul{
display: flex;
justify-content: center;
}
#sns li i{
color: #555555;
text-decoration: none;
padding: 0 40px;
box-sizing: border-box;
}

#footerbnr{
background: #ffffff;
width: 100%;
height: auto;
margin: auto;
padding: 40px 0;
box-sizing: border-box;
}
.footerbnr_inner{
width: 90%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.footerbnr_inner ul{
display: flex;
flex-wrap: wrap;
}
.footerbnr_inner li{
width: 33%;
padding: 5px;
box-sizing: border-box;
}
.footerbnr_inner img{
width: 100%;
height: auto;
}

.bannerboxmiddleb{
width: 100%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.bannerboxmiddleb ul{
margin: 0;
list-style: none;
}
.bannerboxmiddleb li{
width: 48%;
height: auto;
margin: 1%;
float: left;
}
.bannerboxmiddle img{
width: 100%;
height: auto;
}

#footerarchive{
background: #cb4042;
width: 100%;
height: auto;
margin: auto;
padding: 40px 0;
box-sizing: border-box;
font-family: 'Quicksand', sans-serif;
}
.footerarchivetitle{
font-size: 140%;
font-weight: normal;
color: #ffffff;
padding: 0;
box-sizing: border-box;
text-align: center;
}
.footerarchive_inner{
width: 90%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footerarchivebox{
padding: 20px 0;
box-sizing: border-box;
}
.footerarchivebox a{
color: #ffffff;
font-size: 140%;
text-decoration: none;
}

#footer{
clear: both;
background: #000000;
width: 100%;
height: auto;
margin: auto;
padding: 40px;
box-sizing: border-box;
}

address{
width: 100%;
color: #ffffff;
font-size: 80%;
margin: auto;
padding: 0;
box-sizing: border-box;
text-decoration: none;
font-style: normal;
text-align: center;
}

table{
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
th{
border-bottom: 1px solid #cccccc;
display: block;
width: auto;
text-align: left;
vertical-align: top;
padding: 5px 0;
box-sizing: border-box;
font-size: 90%;
color: #000000;
line-height: 2.0;
}
td{
border-bottom: 1px solid #cccccc;
display: block;
width: auto;
text-align: left;
vertical-align: top;
padding: 5px 0;
box-sizing: border-box;
font-size: 90%;
color: #000000;
line-height: 2.0;
margin-bottom: 20px;
}

/* お問い合わせ */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 textarea {
background-color: #ffffff;
color: #333;
width: 100%;
border: 1px solid #ddd;
font-size: 100%;
padding: 10px;
box-sizing: border-box;
}

.wpcf7 input[type="submit"] {
font-size: 100%;
padding: 20px;
background: #eee;
color: #535353;
border-radius: 4px;
cursor: pointer;
box-shadow: 0 0 1px rgba(0,0,0,.2);
border: 1px solid #ccc;
}

select{
width: 100%;
outline:none;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
padding: 10px;
box-sizing: border-box;
border: 1px solid #ccc;
}
/* お問い合わせ */

/* エントリーボタン　*/
.btn_box{
border: 3px solid #cb4042;
background: #eeeeee;
width: 60%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.btn_box_inner{
width: 100%;
margin: auto;
padding: 30px;
box-sizing: border-box;
text-align: center;
}
.btn_box_inner a{
color: #cb4042;
font-size: 140%;
text-decoration: none;
}
/* エントリーボタン　*/
	
	/* アーティスト */
.artistbox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.artistbox::before{
content:"";
display: block;
width: 50%;
 order:1;
}
.artistbox::after{
content:"";
display: block;
width: 50%;
}
.artistbox_inner{
width: 49%;
padding: 0;
box-sizing: border-box;
margin-bottom: 25px;
}
.artistbox_inner img{
width: 100%;
height: auto;
margin-bottom: 10px;
}
.attisttitle_time{
font-size: 100%;
color: #000000;
padding: 0 0 5px 0;
box-sizing: border-box;
}
.attisttitle{
font-weight: bold;
font-size: 140%;
color: #cb4042;
padding: 0 0 5px 0;
box-sizing: border-box;
}
.attisttitle_kana{
font-size: 80%;
color: #cb4042;
padding: 0 0 10px 0;
box-sizing: border-box;
}

.artistbox_inner p{
font-size: 90%;
color: #000000;
line-height: 1.6;
overflow: auto;
padding: 0;
box-sizing: border-box;
}
/* アーティスト */

}