@charset "UTF-8";


/* CSS Document */
#hobbyshow2022 { color: #fff; padding: 80px 0 0; }
#hobbyshow2022 h2 { text-align: center; margin: 0 0 20px; }

#hobbyshow2022 .flame { background: #aec5d2; width: 1024px; margin: 0 auto; padding: 45px 0 0; }

#hobbyshow2022 .intro { padding: 0 0 120px; position: relative; text-align: left; }
#hobbyshow2022 .intro p { font-size: 16px; line-height: 2; padding: 0 360px 0 120px; text-align: center; }
#hobbyshow2022 .intro .img-l { padding: 0 0 0 45px; }
#hobbyshow2022 .intro .img-r { position: absolute; top: 44px; right: 0; }
#hobbyshow2022 .intro .jp { margin: 50px 0 0; }
#hobbyshow2022 .intro .en { margin: 50px 0 0; }

#hobbyshow2022 .pic { position: relative; padding: 0; margin: 0 0 40px; }
#hobbyshow2022 .pic .ws-detail { position: absolute; right: 0; top: -150px; width: 38%; }

#hobbyshow2022 .present { padding: 0 25px; margin: 0 0 60px; }
#hobbyshow2022 .present h3 { text-align: center; margin: 0 0 35px; }
#hobbyshow2022 .present ul { margin: 0 0 0 -25px; text-align: left; }
#hobbyshow2022 .present ul li { width: 50%; float: left; }
#hobbyshow2022 .present ul li .inner { background: #fff; border-radius: 10px; margin: 0 0 0 25px; padding: 30px 35px; height: 12vw; }
#hobbyshow2022 .present ul li .inner .txt { float: left; width: 300px; }
#hobbyshow2022 .present ul li .inner p { color: #221815; font-size: 15px; }
#hobbyshow2022 .present ul li .inner p .red { color: #d3132e; }
#hobbyshow2022 .present ul li .inner .num { margin: 0 0 10px; }
#hobbyshow2022 .present ul li .inner .item { float: left; margin: 10px 0 0 0; width:100px; }

#hobbyshow2022 .info { padding: 0 60px 40px; }
#hobbyshow2022 .info .box { border: 1px solid #fff; text-align: center; margin: 0 0 40px; padding: 45px 0; }
#hobbyshow2022 .info h4 { margin: 0 0 20px; }
#hobbyshow2022 .info .txt01  { font-size: 18px; }
#hobbyshow2022 .info .txt02  { font-size: 24px; }
#hobbyshow2022 .info .txt03  { font-size: 18px; }
#hobbyshow2022 .info .txt03 span { font-weight: 600; }
#hobbyshow2022 .info .btn { text-align: center; margin: 20px 0; }
#hobbyshow2022 .info .btn a { color: #d3132e; font-size: 16px; font-weight: 600; text-decoration: none; background: #fff; width: 220px; border-radius: 40px; margin: 0 auto; padding: 10px 0; display: block; }
#hobbyshow2022 .info .map { margin: 0 0 10px; }
#hobbyshow2022 .info .map a { color: #d3132e; font-size: 18px; text-decoration: none; position: relative; display: inline-block; }
#hobbyshow2022 .info .map a .ico { position: absolute; top: 50%; left: -35px; margin: -13px 0 0; }
#hobbyshow2022 .info h5 { font-size: 18px; color: #fff; margin: 20px 0 5px; }
.column-two p { display: inline-block; width: 45%; text-align: left; padding: 2%; border-radius: 8px; background: rgba(255,255,255,0.15)  }

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


@media screen and (max-width: 780px) {
	
    #hobbyshow2022 { padding: 80px 0 0; }
    #hobbyshow2022 h2 { margin: 0 0 20px; }
    #hobbyshow2022 h2 img { height: 50px; }
    #hobbyshow2022 .flame { width: auto; padding: 20px 0 30px; }
    
    #hobbyshow2022 .intro { padding: 0 0 44vw; }
    #hobbyshow2022 .intro p { font-size: 14px; line-height: 1.8; padding: 0 20px; text-align: left }
    #hobbyshow2022 .intro .img-l { padding: 0 10px; }
    #hobbyshow2022 .intro .img-l img { width: 74vw; }
    #hobbyshow2022 .intro .img-r { position: absolute; top: 4.5vw; right: 0; }
    #hobbyshow2022 .intro .img-r img { width: 19vw; } 
    #hobbyshow2022 .intro .jp { margin: 40px 0 0; }
    #hobbyshow2022 .intro .en { margin: 40px 0 0; }

    #hobbyshow2022 .pic { margin: 0 0 40px; }
	#hobbyshow2022 .pic .ws-detail { position: absolute; right: 50%; top: -40vw; width: 60%; margin-right: -30% }

    #hobbyshow2022 .present { padding: 0 25px; margin: 0 0 40px; }
    #hobbyshow2022 .present h3 { margin: 0 0 20px; }
    #hobbyshow2022 .present h3 img { height: 40px; }
    #hobbyshow2022 .present ul { margin: -10px 0 0 0; }
    #hobbyshow2022 .present ul li { width: 100%; margin: 10px 0 0; }
  
    #hobbyshow2022 .present ul li .inner { margin: 0; padding: 20px 25px; height: inherit; }
    #hobbyshow2022 .present ul li .inner .txt { float: left; width: 70%; }
    #hobbyshow2022 .present ul li .inner .num img { height: 20px; }
    #hobbyshow2022 .present ul li .inner p { font-size: 13px; }
    #hobbyshow2022 .present ul li .inner .item { margin: 10px 0 0 0; width: 30%; }

    #hobbyshow2022 .info { padding: 0 20px 20px; }
    #hobbyshow2022 .info .box { margin: 0 0 20px; padding: 25px 10px; }
    #hobbyshow2022 .info h4 { margin: 0 0 10px; } 
    #hobbyshow2022 .info h4 img { height: 25px; }
    #hobbyshow2022 .info .txt01  { font-size: 14px; }
    #hobbyshow2022 .info .txt02  { font-size: 18px; }
    #hobbyshow2022 .info .txt03  { font-size: 14px; }
    #hobbyshow2022 .info .btn a { font-size: 13px; width: 180px; padding: 8px 0; }
    #hobbyshow2022 .info .map a { font-size: 15px; position: relative; }
    #hobbyshow2022 .info .map a .ico { position: absolute; top: 50%; left: -25px; margin: -12px 0 0; height: 20px; }
	.column-two p { width: 90%; padding: 4%; text-align: left; margin-bottom: 5px }

}