@charset "UTF-8";
/*
 * sp.css
 *
 */


/*==================================
            dialog_menu
==================================*/
#dialog_menu {
	width:100%;
	height:100vh;
    margin:0px;
	padding:0px;
	-webkit-transform: translate(100%,0);
	transform: translate(100%,0);
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
	overflow: scroll;
	position:fixed;
	top:0px;
}
#dialog_menu.open{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
#dialog_menu .sitemap_list{
	margin:50px
}
#dialog_menu .dialogMenuTitle {
	background-color:#E74444;
	background-image:none;
	border:none;
    text-align: center;
    color: #fff;
	margin:0;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}
#dialog_menu li {
	border-bottom:#666666 solid 1px;
    margin: 0;
    padding: 0 0 0 20px;
    background-image:url(../img/arrow_02.png);
    background-position:7px 18px;
    background-repeat: no-repeat;
    font-size: 16px;
    text-align: left;
    line-height: 2em;
}
#dialog_menu .news_list li,
#dialog_menu .events_list li, 
#dialog_menu .gokigan_list li, 
#dialog_menu .gallery_list li {
	margin:0 10px 0 0;
	padding:10px 10px 10x 30px;
    background-image: url(../img/arrow_foot.png);
    background-position:7px 18px;	
	border-top:#666666 dotted 1px;
	border-bottom:none;
}
#dialog_menu li:last-of-type {
	border-bottom:none;
}
#dialog_menu li a {
    padding: 10px;
    color: #000;
    display: block;
    text-decoration: none;	
}
#dialog_menu li a:hover {
    color: #E74444;
}
#dialog_menu .product_list h4 {
    border-bottom:none;
	margin:0;
	padding:0;	
}
#dialog_menu .product_list h4 a {
	margin:0;
	padding:10px 0 0 0;
}
#dialog_menu .product_list {
    margin: 0 10px;
	display:block;
}
#dialog_menu .product_list a {
	border:none;
}
#dialog_menu .product_list li:last-of-type {
	border:none;
}
#dialog_menu .close {
    background-image:none;
}
#dialog_menu .close p {
	display:inline-block;
	text-align:center;
	font-weight:bold;
}
#dialog_menu .close img {
	display:inline-block;
	margin:10px;
}
#dialog_menu .close a {
	text-align:center;
	font-weight:bold;
	color:#E74444;
}

.infiniteslide {
	-moz-animation: 58.88s linear 0s infinite normal none running infiniteslide;
	-webkit-animation: 58.88s linear 0s infinite normal none running infiniteslide;
	-o-animation: 58.88s linear 0s infinite normal none running infiniteslide;
	-ms-animation: 58.88s linear 0s infinite normal none running infiniteslide;
	display: flex;
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
}
@media screen and (max-width:1340px){

}
@media screen and (max-width:1300px){
#footer_box, .box {
    width: 100%;
}
.page-id-7 .comment ul {
	width:100%;
}
.mail {
	width:95%;
}
.volunteer .box {
	width:90%;
}
.volunteer .box p{
	width:90%;
}
.about_us .box {
	width:90%;
}
}
@media screen and (max-width:1200px){
#footerNav {
    width: 100%;
}
.about_sponsor ul {
	width:100%;
}
}
@media screen and (max-width:1163px){

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

}
@media screen and (max-width:1100px){
.event_info ul { 
	width:90%;
}
.event_info .sorezore {
	width:90%;
}
.event_info .sorezore li {
	width:90%;
}
.event_copy {
	width:90%;
}
.event_info .tocyaku li:nth-of-type(1) {
	width:90%;
}
.event_info .tocyaku li:nth-of-type(1) img {
    width: 100%;
}
.event_info .tocyaku li {
    height: auto;
}
.about-about {
    display: block;
    margin-bottom: 10px;
}
}
@media screen and (max-width:1080px){
.line_stamp, .line_stamp_copy, .crowdfunding {
	width: 90%;
}
}
@media screen and (max-width:1053px){

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

}
@media screen and (max-width:1000px){
.jisseki .box {
	width:100%;
}
.ensemble .box {
	width:90%;
}
.ensemble .box>div>img {
	width:90%;
	height:auto;
}
.attention_copy {
	width:90%;
}
}
@media screen and (max-width:920px){
.ticket table th,
.ticket table td {
	display:block;

}
.ticket table th, .ticket table td {
    width: 100%;
}
}
@media screen and (max-width:850px){
.top_topix dl {
	width: 100%;
}
}
@media screen and (max-width:810px){

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

/*==================================
          全ページ共通
==================================*/
.he_logo_pc {
	display:none;
}
.he_logo_sp {
	width:70%;
	display:block;
	float:left;
}
.he_logo_sp img {
	width: auto;
	height: 100px;
}
#snow {
	display:none;
}
#wrapper {
	overflow:hidden;
}
#main {
	width:100%;
}
#navi1 ul:first-of-type {
	display:none;
}
#footer_box {
	display:none;
}
#navi1 .sp-menu {
    display:block;
}
.box {
    width:100%;
}
.box p {
    width: 90%;
	margin:0 auto;
}
:not(.homoe) #contents {
    margin-top: 0;
}
.main_img {
	margin:100px auto 0;
}

/*==================================
           top page
==================================*/

#slide_wrapp .slide_item img {
    display: block;
    margin: 0px;
    margin-left: 50%;
    transform: translateX(-50%);
    height: 100vh;
    width: auto;
}
.top_img .logo {
    width: 100%;
}
.crowdfunding_copy {
	width:100%;
	margin:0px;
}
.line_stamp h3 img,
.crowdfunding h3 img {
	width:100%;
	height:auto;
}
.line_stamp_copy {
    width: 90%;
}
.line_stamp,
.crowdfunding {
    width:90%;
	margin:20px auto;
	padding:20px;
}
.top_topix dl dt, .top_topix dl dd {
    width: 90%;
}
.top_topix dl dt {
	border-bottom:none;
}
.about_santa h3 img {
	width:100%;
	height:auto;
}
.about_santa .left_box {
	width:100%;
}
.about_santa .right_box img{
	width:100%;
	height:auto;
}
.about_event h3 img {
	width:100%;
	height:auto;
}
.main_img li {
    width: 80%;
}
.home .about_event .main_img {
	margin-top: 30px;
}
.about_concert h3 img {
	width:100%;
	height:auto;
}
.about_concert .left_box {
	width:90%;
}
.about_concert .right_box img {
	width:100%;
	height:auto;
}
.about_sns .box {
    width: 90%;
}
.about_event p {
    width: 90%;
}
.about_oubo .right_box {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.left_box p {
	text-align:left;
}
/*==================================
              about
==================================*/

.jisseki .box {
    width: 90%;
	padding:20px;
}
.jisseki dl dt, .jisseki dl dd {
    display: block;
	width:100%;
}
.jisseki dl dd {
	border-bottom:#000000 dotted 1px;
}
.comment ul {
	display:block;
	width:90%;
}
.comment ul li{
	display:block;
	width:90%;
}
/*==================================
              event
==================================*/
.event_info ul {
    width: 90%;
}
.event_info h3 img {
	width:100%;
	height:auto;
}
.list_right {
    display:block;
	width:100%;
	margin:20px auto;
}
.list_right h5 {
    text-align:center;
}
.event_info .sorezore li {
    display:block;
	width:90%;
	margin:20px auto;
}
.event_info .sorezore {
    width: 100%;
}
.event_info ul li img {
    width: 100%;
	height:auto;
}
.event_copy {
    width:auto;
}
.event_info .tocyaku li:nth-of-type(1) {
	width:90%;
}
.event_info .tocyaku li:nth-of-type(1) img {
    width: 100%;
}
.event_info .tocyaku li {
    height: auto;
}

/*==================================
               charity
==================================*/
.page-id-12 #contents {
	margin-top:100px;
}
.ensemble .box {
	width:90%;
}
.ensemble .box>div>img, .ensemble .box h3 img{
	width:90%;
	height:auto
}
.concert li {
	display:block;
	height:auto;
}
.concert li img {
	width:100%;
	height:auto;
}
.ticket table th, .ticket table td {
	width:90%;
}
#c_address, #g_mail, #p_tel_time, #h_shozoku, #j_kids_shimei, #k_kids_furigana, #n_kids_hoikuen, #o_sontahe, #p_biko {
	width:90%;
}
.flyer p img {
	width:90%;
	height:auto;
}
/*==================================
               oubo
==================================*/
.volunteer .box {
    width: 90%;
}
.oubo_link li {
    display: block;
	width:90%;
    margin:10px auto;
}
.about_oubo .right_box p {
    margin: 20px auto;
}
.about_oubo .left_box {
    width:auto;
}
.about_oubo .left_box img {
	width:90%;
	height:auto;
}
.mail {
    width: 100%;
}
.ticket table th,
.ticket table td {
	display:block;

}
.attention_copy {
	width:90%;
	padding:10px;
}
.page-id-41 #contents, .page-id-44 #contents, .page-id-47 #contents, .page-id-50 #contents, .page-id-53 #contents, .page-id-56 #contents, .page-id-65 #contents, .page-id-67 #contents, .page-id-69 #contents, {
	margin-top:100px;
}
.guideline_link {
	width:initial;
}
.volunteer p.youtube {
	width:100%;
}
.volunteer p.youtube iframe{
	width:95%;
}
/*==================================
               sponsor
==================================*/
.page-id-61 #contents{
	margin-top:100px;
}
.about_sponsor .box ul{
	display: block;
}

/*==================================
            about us
==================================*/
.page-id-161 #contents {
    margin-top: 100px;
}
.about_us .box {
    width: 90%;
}
.about-about {
    display: block;
    margin-bottom: 10px;
}
.about-about img {
	width:100%;
	height:auto;
}

/*==================================
               topics
==================================*/
/* archive */
.archive #contents {
    margin-top: 100px;
}
.archive .box dt, .archive .box dd {
    width: 90%;
	height:auto;
}
.archive .box dt {
	border-bottom:none;
}
.archive .box p {
	width:100%;
}
/* single */
.single  #contents {
    margin-top: 100px;
}
.about_topics .box {
	width:90%;
}
.about_topics .box {
	padding:10px;
}
.about_topics .box h2 {
	padding:0px 10px;
}
.single .about_topics .box p {
	padding:10px;
}
.single .about_topics .box p img{
	width:90%;
	height:auto;
}
/*==================================
               privacypolicy
==================================*/
.page-id-3 #contents{
	margin-top:100px;
}
.about_privacypolicy .box {
	width: 90%;
	padding: 10px 20px;
}
/*==================================
               sitemap
==================================*/
.page-id-59 #contents{
	margin-top:100px;
}
.about_sitemap .box {
	width: 90%;
	padding: 10px 20px;
}
/*==================================
               jizen_toroku
==================================*/
.page-id-271 form table textarea {
	width:90%;
}
}

@media screen and (max-width:500px){
.page-id-7 .comment h3 img{
	width:90%;
	height:auto;
}
.page-id-7 .comment ul li img{
	width:90%;
	height:auto;
}
.page-id-3 .about_privacypolicy h3 img{
	width:90%;
	height:auto;
}
.flyer img {
    width: 90%;
	height:auto;
}
}
@media screen and (max-width:350px){
.jisseki .box h3 img {
	width:100%;
	height:auto;
}
.line_stamp .more, .crowdfunding .more {
    width: 90%;
}
.line_stamp .more a, .crowdfunding .more a {
    padding: 2px 10px 2px 10px;
}
.ensemble .conductor {
    float: none;
    margin: 0px auto;
}
.ensemble .conductor img {
	width:90%;
	height:auto;
}
.flyer {
	margin:20px auto;
}
.volunteer .box {
	padding:10px;
}
.about_oubo h3 img {
	width:90%;
	height:auto;
}
.about_sponsor h3 img {
	width:90%;
	height:auto;
}
}