@charset "UTF-8";
/* ===========================================================================================================================================

　✦ index

============================================================================================================================================= */

#mainimage .wrapping {
	width: 100%;
	height:300px;
	overflow: hidden;
}

#mainimage .wrapping img {
	width: 100% !important;
	align-content: center;
}

 @media (max-width: 699px) {
      #mainimage .wrapping img {
	width: 700px !important;} }


#contact-detail {
  position: relative;}

  #contact-detail .wrapping {
    max-width: 550px;
    margin: 60px auto 0 auto;
    text-align: center;
}

 @media (max-width: 699px) {
	 #contact-detail .wrapping {
      width:90%;} }

  #contact-detail .wrapping h2 {
	margin: 0 auto 30px auto;
	text-align: center;
}
  #contact-detail .wrapping h2 img {
    width: 90%;
}

  #contact-detail .wrapping .contact-txt {
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
	font-size: 16px !important;
	font-size: 1.14286rem !important;}

   #contact-detail .wrapping .contact-tel01 {
	margin: 0 auto;
	text-align: center;
	font-size: 18px !important;
	font-size: 1.28571rem !important;
	font-weight: bold;
}

   #contact-detail .wrapping .contact-tel02 {
	margin: 0 auto 30px auto;
	padding-bottom: 10px;
	text-align: center;
	font-size: 14px !important;
	font-size: 1rem !important;
}

   #contact-detail .wrapping .contact-mail01 {
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
	font-size: 14px !important;
	font-size: 1rem !important;
}

   #contact-detail .wrapping .contact-mail02 {
	margin: 0 auto 30px auto;
	text-align: center !important;
	font-size: 18px !important;
	font-size: 1.28571rem !important;
	font-weight: bold;
	text-decoration: underline;
}


   #contact-detail .wrapping .contact-mail02 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7; 
}

   #contact-detail .wrapping .contact-form01 {
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
	font-size: 14px !important;
	font-size: 1rem !important;
}

@media (max-width: 480px) {
      #contact-detail .wrapping .contact-form02 img {
        width: 96%;
        margin: 0 auto; }





  #track-detail .wrapping .track-list {
	border-bottom:1px solid #cccccc;
	margin-bottom: 60px;
	padding-bottom: 20px;
    font-size: 14px !important;
    font-size: 1rem !important;
	line-height: 3rem;
	text-align: center;
    }




#track-list {
  position: relative; }

  #track-list .wrapping {
    max-width: 1000px;
    margin: 60px auto 0 auto; }

    @media (max-width: 1017px) {
      #track-list .wrapping .track-list-box {
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }

    #track-list .wrapping .track-list-box ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #track-list .wrapping .track-list-box ul li {
        text-align: center;
        margin-bottom: 3px;
        max-width: 33%; }
      #track-list .wrapping .track-list-box ul li img {
            display: block;
            margin-bottom: 1px;
            width: 100%;
            max-width: 330px; }

	 @media (max-width: 699px) {
      #track-list .wrapping .track-list-box {
        width: 100%;
        margin: 0 auto;}
        #track-list .wrapping .track-list-box ul li {
        max-width: 100%; 
		margin: 0 auto; }
        #track-list .wrapping .track-list-box ul li img {
        max-width: 100%; 
		margin: 1px auto;  }}