@charset "UTF-8";
/* CSS Document */


.pcdisplay ul{display:none;}

#contentWrap #mainContentWrap {
width:auto; }
#contentWrap {
    width: auto;
    margin: 0 auto;
    background-color: #fff; }

.eventhead{
    background-color: #ffe986;
    width: 100vw;
    background-position: center;
   margin:0 auto;
	    margin-top: -6px; 
	padding-bottom: 2px;
}
.eventhead0{
    background-color: #fff;
    width: 100vw;
    background-position: center;
   margin:0 auto;
	    margin-top: -6px;
}
.eventhead2{
    background-color: #ffc0d3;
    width: 100vw;
    background-position: center;
   margin:0 auto;
	    margin-top: -6px;
}
.eventhead3{
    background-color: #d1e8b2;
    width: 100vw;
    background-position: center;
   margin:0 auto;
	    margin-top: -6px;
}
.eventhead4{
    background-color: #f9c6d6;
    width: 100vw;
    background-position: center;
   margin:0 auto;
	    margin-top: -6px;
}

.eventheader{
    width: 100vw;
    background-size: cover;
    background-position: center;
   margin:0 auto;
    text-align: center;
}

.event img{

   width:100%;
   margin:7px auto;
}
.event2 img{
width: 85%;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
}


.event{
    max-width: 830px;
    margin: 0 auto;
}


.event_body{
 max-width:960px;
 margin: 0 auto;
}
.eventh3{
    border-left: none;
    text-align: center;
    font-size: 38px;
    background-color: #0080ca;
    color: aliceblue;
    border-radius: 15px;

}
.umearc {
    width: 55%;
    margin: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.umetic {
    width: 65%;
    margin: auto;
    padding-top: 5px;
}

.a_content{
    background: #fff;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
    padding: 15px 0 15px 0px;
    margin-bottom: 45px;
}

.a_content2{
    background: #fff;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
    padding: 35px 0 15px 0px;
    margin-bottom:33px;
}

.a_content2 img{
    width:85%;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
    margin-bottom:33px;
}
.a_content3{
    background: #fff;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
    padding: 35px 0 15px 0px;
    margin-bottom:33px;
}
.a_content3 img{
    width:85%;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
.kiyaku{
    width: 65%;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
    margin: 33px 0;
    margin-left: auto;
    margin-right: auto;
}

.mainpack{
    font-size: 32px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom:22px;
    background: linear-gradient(transparent 70%, #ffd29a 0%);
}
.tic_txt{
    text-align: center;
    font-size: initial;
}

.tich4{
    font-size: large;
    text-align: center;
    margin: 0 auto;
    margin-bottom:22px;
}

.bg-image-loop {
	width: 100%;
	height: 250px; /* 画像の高さを指定 */
	position: relative;
	background: url("/img/dotonbori6/slide01.png") repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 40s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
	padding: 0;
}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -1440px 0; } /* 1518pxとは使用した背景画像の長さ */
}
.section-title {
    margin-top: 0px;
}
.hashtag {
    width: 600px;
}

.anderlines{
    width: 95%;
    margin-bottom: 50px;
    margin-top: 50px;
}


.lip {
    max-width: 720px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.lip h4, .lip h3 {
    display: inline;
    background: #f89174;
    color: #fff;
    margin-left: 0;
    border-radius: 7px 7px 0 0;
    font-size: 15px !important;
    padding: 7.7px 10px;
	border: none;}
	
.lip ul {
    background: #fffbf4;
    margin-top: 0;
    padding: 1em .5em 1em 1.5em;
	border: solid 2px #f89174;}
	
.lip ul li {
    position: relative;
    padding-left: 25px;
}

	.lip ul li:before {
    left: 0;
    position: absolute;
    font-family: FontAwesome;
    content:"\f00c";
    color: #f89174;
}
	.bold {
    font-weight: 600;
}
	.bl {
    display: block;
}

.sml {
    font-size: .85em;
}

.tcbtn{
	width: 75%;
	margin: auto;
}
.tcbtn2{
	width: 50%;
	margin: auto;
	    margin-top: -10px
}

.sanka{
    background: #e1ecff;
    border-radius: 10px;
    padding: 40px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);	

}

@media screen and (min-width:480px) {
.eventheadersp,.sp{
display:none;}
}
@media screen and (max-width:479px) { 
	.tcbtn {
		width: 90%;}
		.tcbtn2 {
		width: 75%;}
	

	.umetic {
    width: 95%;
}
	.umearc {
    width: 80%;
}
.hashtag {
    width: 320px;
	    font-size: 32px;}

.eventh3{
    font-size: 24px;}
.mainpack {
    font-size: large;
    width: 98%;}
.a_content2 img {
    width: 95%;}
.a_content3 img {
    width: 95%;}

.anderlines{
    margin-bottom: 15px;
    margin-top: 15px;}
.eventheader,.pc{
    display:none;
}
	.event2 img {
    width: 98%;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 5px;
    display: block;
}
}

@media screen and (max-width:479px) { 
.}