/* For Smartphone */ @media screen and (max-width: 560px) { * { margin:0; padding:0; border:none;} body { font-size:16px; line-height:1.61; min-width: 100%;} h1 {margin: 0; font-size:10px; padding:0; font-weight:normal; line-height:1.1; color:#fff;} h2 {margin:0 auto 30px auto; color:#202020; font-size:32px; font-weight:500; line-height:1.6em; text-align:center;} h2 span {display:block;width: 130px;font-size:13px;font-weight: normal;margin:0 auto 0px auto;letter-spacing:0.03em;background: #f7f5e6;padding: 2px 0 3px 0;border-radius: 15px;line-height: 1em;} h3 {color:#2c2721; font-size:20px; font-weight:bold; line-height:1.3; margin:40px auto 10px auto; padding:0 0 0 0;} h4 {font-size:20px; margin-bottom:8px;} img{ max-width:100%;} br.pc{ display:none;} .sp_display_none{ display:none;} .pc{ display:none;} /*--- form --------------------------------------------------------------------------------------*/ input[type="text"],input[type="tel"] {font-size:100%; border:1px solid #DDD;} input[type="submit"] {-webkit-appearance:none;} label{margin-right:20px;} .btn_mail, .btn_top, .btn_line { display:block; background: #c81717; border:none; text-align:center; color:#FFF; font-size:20px; line-height:1; text-decoration:none; width:90%; border-radius: 50px; box-sizing:border-box; padding:20px 0 18px 0; margin:20px auto 0 auto; cursor:pointer; } .btn_top {margin-top:50px;} .btn_line {background:#00b900; border-bottom:6px solid #00a100;} .btn_back { display:block; background:url(/images/icons/indent_wh_left.png),#8d8d8d; background-size: 8px auto; background-repeat:no-repeat; background-position:15% center; border:none; text-align:center; cursor:pointer; color:#FFF; font-size:18px; line-height:1; letter-spacing:1px; text-decoration:none;border-radius: 50px; box-sizing:border-box; padding:20px 25px 18px 40px; margin:0 0 20px 0; float:left; width: 45%; } .btn_end { display:block; background:url(/images/icons/indent_wh.png),#c81717; background-size: 8px auto; background-repeat:no-repeat; background-position:right 15% center; border:none; text-align:center; cursor:pointer; color:#FFF; font-size:18px; line-height:1; letter-spacing:1px; text-decoration:none;border-radius: 50px; box-sizing:border-box; padding:20px 40px 18px 25px; margin:0 0 20px 0; float:right; width: 45%; } .btn_more { display:block; border-radius:10px; background:#C36; border:none; border-bottom:6px solid #924; text-align:center; color:#FFF; font-size:16px; line-height:1; letter-spacing:1px; text-decoration:none;border-radius: 50px; box-sizing:border-box; padding:20px 25px 20px 25px; margin:0 auto 0 auto; } .btn_more { display:block; border-radius:2px; background: #ff8900; background: -moz-linear-gradient(top, #ff8900 0%, #c63602 100%); background: -webkit-linear-gradient(top, #ff8900 0%,#c63602 100%); background: linear-gradient(to bottom, #ff8900 0%,#c63602 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8900', endColorstr='#c63602',GradientType=0 ); border:none; text-align:center; color:#FFF; font-size:16px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 20px 25px; margin:20px auto 10px auto; } .error_list:has(.alert) { margin: 15px 0 20px 0;} .error_list .alert{ color:#ff0000; margin:5px 5px 5px 5px; padding:0px 0px 0px 35px; font-size:16px; font-weight:bold; background:url(../images/icons/warning.png) 2px 5px no-repeat; background-size: 18px auto; } #contents-inner-pages .error_list p.alert + p.alert{ margin-top: 10px;} /*--- menu --------------------------------------------------------------------------------------*/ #menu {display: none; z-index:10;} #menu li {width: 100%; border-bottom:1px solid #1999CC; font-size:16px;} #menu li span {display:inline-block; margin-left:10px; font-size:10px;} #menu li a {display:block; padding:10px; background:#1485C2; color:#FFF; text-align:left; text-decoration:none;} #menu li:last-child a{border: none;} #toggle {display: block; position: relative; width: 100%; background:#1999CC;} #toggle a{display: block; position: relative; padding: 12px 0 12px 0; border-bottom: 1px solid #FFF; color:#FFF; text-align: center; text-decoration: none;} #toggle:before {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:30px; margin-top:-15px; background:#FFF;} #toggle a:before, #toggle a:after {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:6px; background:#1999CC;} #toggle a:before {margin-top:-9px;} #toggle a:after {margin-top: 3px;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer, #wrap-outer2nd, #wrap-outerContact { width:100%; position:relative; height:auto !important; height:100%; min-height:100%;} #wrap-outer {width:100%; min-width:320px; background:url(/images/bg_wrap-outer.gif) repeat;} #wrap-outer #wrap-outer2 {width:100%; min-width:320px;} #wrap-outer #wrap-outer3 {} #wrap-outer2nd, #wrap-outerContact { background:url(/images/bg_wrap-outer.gif) repeat;} #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap {width:100%;} /*--- header ------------------------------------------------------------------------------------*/ #header {width:100%; margin:0 auto 0 auto; padding:15px 65px 15px 4%; display: block; box-sizing:border-box; } #header .inn{display: flex; align-content: center; flex-wrap: nowrap;} #header h1{color: #aeaeae; width: 100%; padding: 0 0 8px 0; margin-top: -10px;} #header .logo {width:100px;} #header .event_day{ margin-left: 6%; display: flex; align-items: center;} #header .event_day img{width: 160px;} #header ul.navi {display:none;} /*-------------------------------------------- header/ menu画面 ----------------------------------------*/ .site-overlay .close{ position:fixed; top:15px; right:295px; width:30px; height:30px; background:url(../images/icons/close_btn.png) no-repeat; background-size:30px auto;} .pushy-content .inn{width: 94%;margin: auto;padding: 20px 5% 0 5%; box-sizing: border-box;} .pushy-content .inn + .inn{width: 100%; padding: 0 0 50px 0;} .pushy-content .logo {display: block; width:100%; z-index:1; text-align: left;} .pushy-content .logo img{ width: 180px;} .pushy-content .event_day{ margin-top: 25px;} .pushy-content .event_day img{ width: 100%;} .pushy-content ul.list {margin-top: 32px; background: url("/images/top/bg_yellow.jpg") repeat; padding: 30px 8% 35px 8%; margin-bottom: -38px;} .pushy-content ul.list li {font-size: 16px; font-weight: 500; color: #00040d; margin-bottom: 18px;} .pushy-content ul.list li a {position: relative; color: inherit; text-decoration: none; transition: .3s;} .pushy-content ul.list li a:before{ display: inline-block; vertical-align: middle; content: ""; background: url("../images/header/indent.png") no-repeat; background-size: 8px auto; width: 8px; height: 14px; margin:0 10px 3px 0; } .pushy-content .sns{display: flex; justify-content: center; align-items: flex-start; flex-wrap: nowrap; margin-top: 20px;} .pushy-content .sns li + li{ margin-left: 18px;} .pushy-content .sns img{ width:36px;} @media print, screen and (max-width: 350px) { .site-overlay .close { top: 10px; right: 285px; } } /*--- contents ----------------------------------------------------------------------------------*/ #contents {width:100%; margin:0 auto 0 auto; padding:0 0 0 0;} #contents a{ text-decoration: none; transition: .3s;} #contents .inn{ width: 100%; box-sizing: border-box; } #contents .inn_1100{ width: 94%; margin: auto; box-sizing: border-box; } #contents .btn_normal{ width: 90%; margin: auto;} #contents .btn_normal a{ display:flex; width: 100%; height: 60px; background: #363837; color: #ffffff; border-radius: 35px; text-align: center; font-size: 16px; font-weight: 600; margin: auto; transition: .3s; align-items: center; justify-content: center; box-shadow:0 15px 20px rgba(0,0,0,0.1); } #contents .btn_normal a span{ display: inline-block; margin-bottom: 1px;} #contents .btn_normal a span:after{ display: inline-block; content: ""; background: url("/images/top/indent.wh.png") no-repeat; background-size: 8px auto; width: 8px; height: 14px; margin:0 0 -1px 12px;} #contents img{ max-width: 100%;} /*--- mainvis ----------------------------------------------------------------------------------*/ #contents-inner-top .mainvis { position:relative; width:100%; z-index: 5; overflow: hidden;} #contents-inner-top .mainvis .inn{height: 480px;} #contents-inner-top .mainvis h1{ position: absolute; right:5%; top:6%; z-index:10; color: #ffffff; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-weight: 400; font-size: 26px; line-height: 1.7em; text-shadow: 0 0 20px rgba(255, 255, 255, .8); letter-spacing: 0.06em;} #contents-inner-top .mainvis h1 span{color: #fbffb9;} #contents-inner-top .mainvis .slider-for,#contents-inner-top .mainvis .slider-for *{ width: 100%; height: 100%; object-fit: cover; object-position: top right;} #contents-inner-top .mainvis .event_ended{ position: absolute; left:9%; top:-5px; z-index:10;} #contents-inner-top .mainvis .event_ended p {position: absolute;left: 18.5px;top: 25px;z-index: 10;font-size: 16px;font-weight: bold;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-orientation: upright;color: #ffffff;line-height: 1.8em;} #contents-inner-top .mainvis .event_ended img{ width: 103px;} #contents-inner-top .mainvis .held_decided{position: absolute;left: 5%;bottom: 5%;z-index:10;width: 45%;} #contents-inner-top .mainvis .held_decided img{width: 100%;} /*--- animation ------*/ .main-animation.text h1,.main-animation.text .held_decided,.main-animation.text .event_ended {opacity: 0;} .main-animation.main-animation--up.text h1 { animation: 2s text_anime_on 1s ease-out forwards,2s text_anime_on_3 2s ease-out forwards; } .main-animation.main-animation--up.text .held_decided,.main-animation.main-animation--up.text .event_ended{animation: 0s text_anime_on 0s ease-out forwards;} @keyframes text_anime_on { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes text_anime_on_3 { 0% {text-shadow: 0 0 0 rgba(255, 255, 255, 1);} 100% {text-shadow: 0 0 20px rgba(255, 255, 255, 1),0 0 25px rgba(255, 255, 255, .8);} } /*--- wrap_add01 ----------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add01{background: url("/images/top/bg_yellow.jpg") repeat; position: relative; z-index: 0;} #contents-inner-top #wrap_add01 .inn{padding: 35px 0 50px 0;} #contents-inner-top #wrap_add01 h2{margin:0 auto 30px auto;} #contents-inner-top #wrap_add01 h2 > span{width: 130px; background: #ffffff;} #contents-inner-top #wrap_add01 .news_list{} #contents-inner-top #wrap_add01 .news_list ul{ overflow-y: scroll; max-height: 205px;} #contents-inner-top #wrap_add01 .news_list li{-webkit-text-stroke-width: .2px !important; font-size: 14px;} #contents-inner-top #wrap_add01 .news_list li + li{ margin-top: 15px; } #contents-inner-top #wrap_add01 .news_list li .day{display: block; font-weight: 600; font-size: 16px; letter-spacing: 0.06em;} #contents-inner-top #wrap_add01 .news_list a{ text-decoration: underline;} #contents-inner-top #wrap_add01 .news_list ul::-webkit-scrollbar{width:3px; height:3px;} #contents-inner-top #wrap_add01 .news_list ul::-webkit-scrollbar-track{background:rgba(0,0,0,0.02);} #contents-inner-top #wrap_add01 .news_list ul::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5);} /*--- wrap_add02 --------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add02{ overflow: hidden; box-sizing: border-box;} #contents-inner-top #wrap_add02 .inn{ position: relative; z-index: 0; padding: 35px 0 60px 0;} #contents-inner-top #wrap_add02 .inn:before{display: block;content: "";z-index: -1;background: url("/images/top/bg_hanabi.png") no-repeat top center;background-size: 130% auto;width: 100%;height: 574px;top: 0;left: 0;position: absolute;} #contents-inner-top #wrap_add02 h2 > img{ width: 200px;} #contents-inner-top #wrap_add02 .insta_box{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} #contents-inner-top #wrap_add02 .insta_box table{ display: block; margin:0 0 20px 0; padding: 5px 0 5px 0; overflow-x: scroll;-webkit-overflow-scrolling: touch;border-collapse: separate;border-spacing: 10px 0;} #contents-inner-top #wrap_add02 .insta_box table *{display: block;} #contents-inner-top #wrap_add02 .insta_box table tr{ display: table-cell;} #contents-inner-top #wrap_add02 .insta_box table tr td {margin:0 30px 0 15px; padding:0 0 10px 0; width:190px; height:auto; display: table-cell; border:none; border-radius:0px;} #contents-inner-top #wrap_add02 .insta_box table tr td a {text-decoration: none; display: block; width:185px; height:185px; overflow: hidden;} #contents-inner-top #wrap_add02 .insta_box table tr td a.insta_text{height:auto;} #contents-inner-top #wrap_add02 .insta_box table tr td a p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin:10px 0 0 0 ; color:#666; font-size:12px;} #contents-inner-top #wrap_add02 .insta_box table tr td a img{width:100%; height:100%; object-fit:cover; vertical-align: top;} #contents-inner-top #wrap_add02 .insta_box table::-webkit-scrollbar{width:3px; height:3px;} #contents-inner-top #wrap_add02 .insta_box table::-webkit-scrollbar-track{background:rgba(0,0,0,0.02);} #contents-inner-top #wrap_add02 .insta_box table::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5);} #contents-inner-top #wrap_add02 .insta_box .btn_normal{ margin-top: 15px;} /*--- wrap_add03 --------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add03{ position: relative; z-index: 10;} #contents-inner-top #wrap_add03 .inn{background: url("/images/top/bg_blue.jpg") repeat; color: #ffffff; padding: 40px 0 40px 0;} #contents-inner-top #wrap_add03 h2{color: #ffffff;} #contents-inner-top #wrap_add03 h2 span{ background: #ffffff; color: #242424;} #contents-inner-top #wrap_add03 #access .box{width: 100%; margin: auto;} #contents-inner-top #wrap_add03 #access .box + .box{ margin-top: 50px;} #contents-inner-top #wrap_add03 #access .box h3{font-size: 26px; font-weight: 500; color: #ffdf2b; margin: 0; padding: 0; margin-bottom: 20px; text-align: left;} #contents-inner-top #wrap_add03 #access .box h3:before{ display: block; content: ""; background:#ffdf2b; width: 100%; height: 1px; margin: 0 auto 22px auto; } #contents-inner-top #wrap_add03 #access .box .text{text-align:left;} #contents-inner-top #wrap_add03 #access .box p{font-size: 18px; line-height: 1.8em; margin-bottom: 15px;} #contents-inner-top #wrap_add03 #access .box .btn_googlemap a{ display:flex; width: 220px; height: 50px; background: #ffffff; border-radius: 50px; text-align: center; margin: auto; transition: .3s; align-items: center; justify-content: center; box-shadow:0 15px 20px rgba(0,0,0,0.2); } #contents-inner-top #wrap_add03 #access .box .btn_googlemap a img{ display: inline-block; margin-bottom: 1px; width: 117px;} #contents-inner-top #wrap_add03 #access .box .btn_googlemap a:hover { background: #ffffff; transform: translateY(3px); box-shadow: 0 0 0 rgba(0,0,0,0.2); } #contents-inner-top #wrap_add03 #access .map{background: rgba(255,255,255,0.15);width: 100%;padding: 20px 3% 30px 3%;margin-top: 30px; box-sizing: border-box;} #contents-inner-top #wrap_add03 #access .map h3{font-size: 24px;font-weight: 500;color: #ffffff;background: transparent;padding: 0;margin-bottom: 20px;text-align: center;} #contents-inner-top #wrap_add03 #access .map h3:before{ display: none;} #contents-inner-top #wrap_add03 #access .map h3 .icon{display: block;vertical-align: middle;margin: 0 auto 5px auto;width: 40px;} #contents-inner-top #wrap_add03 #access .map .img img{ width: 100%; border: 5px solid #ffffff; box-sizing: border-box; margin: auto; display: block;} #contents-inner-top #wrap_add03 #access .map .img a{display:block; width: 100%; margin: auto;} #contents-inner-top #wrap_add03 #access .map .btn_normal a{width: 90%; height: 40px; background:#dff3ff; color: #363837; margin-top: 30px; font-size: 14px;} #contents-inner-top #wrap_add03 #access .map .btn_normal a span:after{display: none;} #contents-inner-top #wrap_add03 #access .notes{width:100%; margin: auto; box-sizing: border-box; margin-top: 40px;} #contents-inner-top #wrap_add03 #access .notes h3{font-size: 24px;font-weight: 500;color: #ffffff;background: transparent;padding: 0;margin-bottom: 20px;text-align: center;} #contents-inner-top #wrap_add03 #access .notes h3:before{ display: none;} #contents-inner-top #wrap_add03 #access .notes h3 .icon{display: block;vertical-align: middle;margin: 0 auto 5px auto;width: 40px;} #contents-inner-top #wrap_add03 #access .notes .wh_box{ background: #ffffff; padding: 17px 5% 18px 5%; box-sizing: border-box; color: #000000; font-size: 14px; font-weight: 500; box-sizing: border-box;} #contents-inner-top #wrap_add03 #access .notes .wh_box + .wh_box{ margin-top:10px;} #contents-inner-top #wrap_add03 #access .notes .wh_box h4{ font-size: 18px; font-weight: 600; color: #07275a; border-bottom: 1px solid #07275a; padding-bottom:10px; margin-bottom: 20px; } #contents-inner-top #wrap_add03 #access .notess .wh_box p + p{margin-top: 15px;} /*--- wrap_add04 ----------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add04{background: url("/images/top/bg_orange.jpg") repeat;} #contents-inner-top #wrap_add04 .inn{padding: 40px 0 40px 0;} #contents-inner-top #wrap_add04 h2 > img{ width: 180px;} #contents-inner-top #wrap_add04 .gallery_box{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 2px; margin-bottom: 30px;} #contents-inner-top #wrap_add04 .gallery_box img{width: 100%; height: 100px; object-fit: cover; object-position: center center;} #contents-inner-top #wrap_add04 .gallery_box img:nth-child(1) {height: 100%; grid-column: 1 / 4; grid-row: 1 / 3; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(2) { grid-column: 4 / 7; grid-row: 1 / 2; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(3) { grid-column: 4 / 7; grid-row: 2 / 3; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(4) { grid-column: 1 / 3; grid-row: 3 / 4; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(5) { grid-column: 3 / 5; grid-row: 3 / 4; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(6) { grid-column: 5 / 7; grid-row: 3 / 4; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(7) { grid-column: 4 / 7; grid-row: 4 / 5; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(8) { grid-column: 4 / 7; grid-row: 5 / 6; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(9) {height: 100%; grid-column: 1 / 4; grid-row: 4 / 6; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(10) { grid-column: 1 / 3; grid-row: 6 / 7; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(11) { grid-column: 1 / 3; grid-row: 7 / 8; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(12) {height: 100%; grid-column: 3 / 7; grid-row: 6 / 8; } /*--- wrap_add05 --------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add05{ overflow: hidden; min-height: 600px; box-sizing: border-box;} #contents-inner-top #wrap_add05 .inn{ position: relative; z-index: 0; padding: 40px 0 15px 0;} #contents-inner-top #wrap_add05 .inn:before{display: block;content: "";z-index: -1;background: url("/images/top/bg_hanabi.png") no-repeat top center;background-size: 130% auto;width: 100%;height: 574px;top: 0;left: 0;position: absolute;} #contents-inner-top #wrap_add05 .inn_1100{ position: relative; z-index: 0;} #contents-inner-top #wrap_add05 h2{margin-bottom: 15px;} #contents-inner-top #wrap_add05 h2 + p{line-height: 1.8em;} #contents-inner-top #wrap_add05 .img{display: block; text-align: center; margin: 20px auto 15px auto;} #contents-inner-top #wrap_add05 .img img{display: inline-block; width: 90%; max-width: 300px;} #contents-inner-top #wrap_add05 .btn_normal{width: 200px;} #contents-inner-top #wrap_add05 .btn_normal a{ height: 50px;} #contents-inner-top #wrap_add05 .bg_illust{display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: space-between; margin-top: 20px;} #contents-inner-top #wrap_add05 .bg_illust01,#contents-inner-top #wrap_add05 .bg_illust02{ width: 40%;} /*--- event_block/bg_orange --------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add05.event_block.bg_orange{background: url("/images/top/bg_orange.jpg") repeat;} #contents-inner-top #wrap_add05.event_block.bg_orange .inn{ padding-bottom: 20px;} #contents-inner-top #wrap_add05.event_block.bg_orange h2 span{ background: #ffffff;} #contents-inner-top #wrap_add05.event_block.bg_orange h2 + p{font-weight: 500;} #contents-inner-top #wrap_add05.event_block.bg_orange .bg_illust01,#contents-inner-top #wrap_add05.event_block.bg_orange .bg_illust02{display: none;} /*--- topics --------------------------------------------------------------------------------*/ #contents-inner-top .topics_block{ overflow: hidden; min-height: 600px; box-sizing: border-box;} #contents-inner-top .topics_block .inn{ position: relative; z-index: 0; padding: 40px 0 15px 0;} #contents-inner-top .topics_block .inn:before{display: block;content: "";z-index: -1;background: url("/images/top/bg_hanabi.png") no-repeat top center;background-size: 130% auto;width: 100%;height: 574px;top: 0;left: 0;position: absolute;} #contents-inner-top .topics_block .inn_1100{ position: relative; z-index: 0;} #contents-inner-top .topics_block h2{margin-bottom: 15px;} #contents-inner-top .topics_block h2 > img{width: 120px;} #contents-inner-top .topics_block h3 {font-size: 15px;border-top: 1px solid;text-align: left;width: 90%;margin: 16px auto -3px auto;padding: 17px 0 0 0;} #contents-inner-top .topics_block .img{display: block; text-align: center; margin: 20px auto 15px auto;} #contents-inner-top .topics_block .img img{display: inline-block;width: 89%;max-width: 300px;} #contents-inner-top .topics_block .img .btn_normal.btn_mini a{width: 100%;height: 45px;box-shadow:none;margin-top: 15px;font-size: 12px;} #contents-inner-top .topics_block .img .btn_normal.btn_mini a span:after{display: inline-block;content: "";background: url("/images/top/icon_gaibulink.png") no-repeat;background-size: 100% auto;width: 11px;height: 11px;margin: 0 0 -1px 6px;} #contents-inner-top .topics_block .bg_illust{display: flex;flex-wrap: nowrap;align-items: flex-end;justify-content: space-between;margin-top: 15px;} #contents-inner-top .topics_block .bg_illust01,#contents-inner-top .topics_block .bg_illust02{ width: 40%;} /*--- wrap_add06 --------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add06{background: url("/images/top/bg_yellow.jpg") repeat;} #contents-inner-top #wrap_add06 .inn{padding: 40px 0 40px 0;} #contents-inner-top #wrap_add06 h2{margin-bottom: 15px;} #contents-inner-top #wrap_add06 h2 + p{ line-height: 1.8em; margin-bottom: 30px;} #contents-inner-top #wrap_add06.sponsor_block .list{display: flex;margin-bottom: 10px;flex-wrap: wrap;justify-content: center;} #contents-inner-top #wrap_add06.sponsor_block .list li{display: block; background: #ffffff; box-shadow: 0 3px 0 rgba(0,0,0,0.06); transition: .3s; text-align: center; font-size: 14px; font-weight: 500; color: #231e02; box-sizing: border-box;} #contents-inner-top #wrap_add06.sponsor_block .list li a{display: block; height: 100%; color: inherit;} #contents-inner-top #wrap_add06.sponsor_block .list.col_3{ gap: 3%;} #contents-inner-top #wrap_add06.sponsor_block .list.col_3 li{width: 48.5%; margin-bottom: 10px; height: 80px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_3 li a{display: flex; justify-content: center; align-items: center;} #contents-inner-top #wrap_add06.sponsor_block .list.col_3 li img{ max-width: 90%;} #contents-inner-top #wrap_add06.sponsor_block .list.col_4{gap: 3%;} #contents-inner-top #wrap_add06.sponsor_block .list.col_4 li{width: 48.5%; margin-bottom: 10px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_4 li a{ padding: 10px 0 10px 0;} #contents-inner-top #wrap_add06.sponsor_block .list.col_5{gap: 3%;} #contents-inner-top #wrap_add06.sponsor_block .list.col_5 + .list.col_5{ margin-top: -10px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_5 li{width: 48.5%; margin-bottom: 8px; font-size: 11px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_5 li a{padding: 6px 0 6px 0;} #contents-inner-top #wrap_add06.sponsor_block .list.col_mini{gap: 3%;} #contents-inner-top #wrap_add06.sponsor_block .list.col_mini li{width: 48.5%; margin-bottom: 8px; font-size: 11px; letter-spacing: 0;} #contents-inner-top #wrap_add06.sponsor_block .list.col_mini li a{padding: 6px 0 6px 0;} #contents-inner-top #wrap_add06.sponsor_block h3{ font-size: 16px; font-weight: 600; color: #231e02; text-align: center; margin: 30px 0 15px 0 ;} #contents-inner-top #wrap_add06.sponsor_block h3:before,#contents-inner-top #wrap_add06.sponsor_block h3:after{ display: inline-block; vertical-align: middle; margin-bottom: 3px; content: ""; width: 20px; height: 1px; background: #231e02; } #contents-inner-top #wrap_add06.sponsor_block h3:before{ margin-right:10px; } #contents-inner-top #wrap_add06.sponsor_block h3:after{ margin-left:10px; } #contents-inner-top #wrap_add06 .caution_box{ background: rgba(110,71,10,0.09); margin-top: 30px; padding: 20px;} #contents-inner-top #wrap_add06 .caution_box h4{ font-size: 16px; font-weight: 600; color: #231e02; margin-bottom: 15px;} #contents-inner-top #wrap_add06 .caution_box h4:before{ display: block; margin:0 auto 10px auto; content: ""; width: 34px; height: 30px; background:url("../images/top/icon_ex.png") no-repeat center top; background-size: 34px auto; } #contents-inner-top #wrap_add06 .caution_box p{font-size: 14px; line-height: 1.8em; -webkit-text-stroke-width: .2px !important;} /*--- footer ------------------------------------------------------------------------------------*/ #footer-outer {width:100%; background: url("/images/footer/back.png") repeat; overflow: hidden;} #footer {width:100%; position:relative; } #footer .inn {width:94%; margin:0 auto 0 auto; padding:45px 0 30px 0; box-sizing:border-box; position:relative;} #footer .inn .company_info{ color: #ffffff; margin-top: -55px;} #footer .inn .company_info .h{ margin-bottom: 15px;} #footer .inn .company_info .h img{width: 140px;} #footer .inn .company_info p > strong{font-size: 16px; font-weight: 600;} #footer .inn .company_info p{font-size: 15px; margin-bottom: 10px; line-height: 1.8em;} #footer .inn .company_info p > a{color: inherit; text-decoration: none;} #footer .inn .sns{ margin-top: 15px;} #footer .inn .sns > li{display: inline-block; margin-right: 6px;} #footer .inn .sns > li a{display: block; width: 41px; height: 41px; border-radius: 50%; box-shadow: 0 3px 0 rgba(0,0,0,0.2); transition: .3s;} #footer .inn .menu{width: 100%; margin-top: 30px;} #footer .inn .footer_navi{width:auto;margin:0 0 0 0;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start; position: relative; z-index: 0; padding: 30px 15px 15px 15px;} #footer .inn .footer_navi:before,#footer .inn .footer_navi:after{ display: block; content: ""; background: #ffffff; width: 100%; height: 1px; position: absolute; z-index: 0; left:0;} #footer .inn .footer_navi:before{ top:0;} #footer .inn .footer_navi:after{ bottom:0;} #footer .inn .footer_navi li{ width:100%; margin-bottom: 15px;} #footer .inn .footer_navi li > a{font-size: 15px; font-weight: 500; color: #ffffff; text-decoration: none; transition: .3s;} #footer .inn .footer_navi li > a:before{ display: inline-block; vertical-align: middle; content: ""; background: url("../images/footer/indent.png") no-repeat; background-size: 8px auto; width: 8px; height: 14px; margin:0 10px 3px 0; } #footer .copyright {width:100%; margin:12px auto 0 auto; padding:40px 0 30px 0; font-size:11px; color:rgba(255,255,255,0.5); line-height:1; letter-spacing:1px; text-align:center;} /* --- */ #scrollUp {height: 40px; width: 40px; background-size:40px; bottom: 8px; right: 8px; } /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage title ==================================*/ #contents-inner-pages .title.inn {width: 100%; padding: 0; position:relative; height:150px; z-index: 5;} #contents-inner-pages .title img{ width: 100%; height: 100%; object-fit: cover;} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {width:100%; margin:0 auto 0 auto;} #contents-inner-pages h2{ font-size: 28px; margin-bottom: 20px;} #contents-inner-pages h2 span { font-size: 12px; margin: 0 auto 3px auto;} #contents-inner-pages h3{ background: #1d1818; padding: 15px 25px 18px 25px; font-weight: 500; color: #ffffff; font-size: 18px; margin: 25px 0 10px 0; position: relative; line-height: 1.6em;} #contents-inner-pages h3:before{ display: block; content: ""; background: #ffffff; width: 1px; height: 60%; left:10px; top:20%; position: absolute; z-index: 1;} #contents-inner-pages p { line-height: 1.8em; -webkit-text-stroke-width: .2px !important;} #contents-inner-pages p + p{ margin-top: 15px;} #contents-inner-pages p + .btn_normal{ margin-top: 30px;} #contents-inner-pages .asset-body .inn{ position: relative; z-index: 0; padding: 35px 0 40px 0;} #contents-inner-pages .asset-body .inn:before{display: block;content: "";z-index: -1;background: url("/images/top/bg_hanabi.png") no-repeat top center;background-size: 130% auto;width: 100%;height: 574px;top: 0;left: 0;position: absolute;} #contents-inner-pages .blog h3{ background: #fff; padding: 15px 25px 18px 25px; font-weight: 500; color: #202020; font-size: 18px; margin: 25px 0 10px 0; position: relative; line-height: 1.6em;} #contents-inner-pages .blog h3:before{ display: block; content: ""; background: #202020; width: 1px; height: 60%; left:10px; top:20%; position: absolute; z-index: 1;} #contents-inner-pages p.end{ color: #e60012; border: 2px solid #f00; padding: 10px 10px 10px 10px; margin-bottom: 25px; font-weight: bold;} /*================================== 開催概要 ==================================*/ #contents-inner-pages .asset-body.outline{} #contents-inner-pages .asset-body.outline .inn{ padding-bottom: 25px;} #contents-inner-pages .asset-body.outline .inn_1100{ position: relative; z-index: 0; text-align: center;} #contents-inner-pages .asset-body.outline .img{display: block; text-align: center; margin: 0 auto 80px auto;} #contents-inner-pages .asset-body.outline .img img{display: inline-block; width: 300px;} #contents-inner-pages .asset-body.outline .img .btn_normal.btn_mini a{width: 280px; height: 45px; box-shadow:none; margin-top: 15px; font-size: 14px;} #contents-inner-pages .asset-body.outline .img .btn_normal.btn_mini a span:before{ display: inline-block; content: ""; background: url("/images/top/icon_down.png") no-repeat; background-size: 100% auto; width: 17px; height: 17px; margin:0 12px -3px 0;} #contents-inner-pages .asset-body.outline .img .btn_normal.btn_mini a span:after{display: none;} #contents-inner-pages .asset-body.outline .bg_illust{display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: space-between; margin-top: 20px;} #contents-inner-pages .asset-body.outline .bg_illust01,#contents-inner-pages .asset-body.outline .bg_illust02{ width: 40%;} #contents-inner-pages .asset-body.outline table{} #contents-inner-pages .asset-body.outline table th,#contents-inner-pages .asset-body.outline table td{ display: block; width: auto;} #contents-inner-pages table.normal_tb {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:#ffffff; border-top:1px dashed #727171; font-size: 14px;} #contents-inner-pages table.normal_tb th, #contents-inner-pages table.normal_tb td {vertical-align:middle; padding:12px 15px 12px 15px; border-bottom:1px dashed #727171; line-height:1.8; clear:both; color:#333333;} #contents-inner-pages table.normal_tb td span{font-weight: bold;} #contents-inner-pages table.normal_tb th {width:80px; background-color:#f7f5e6; padding:12px 9px 12px 9px; font-weight:bold; vertical-align:top;} /*================================== 実行委員会について ==================================*/ #contents-inner-pages .asset-body.executivecommittee ol{ margin: 30px 0 30px 0;} #contents-inner-pages .asset-body.executivecommittee ol > li{ line-height: 1.8em; font-weight: 600; margin-bottom: 15px; text-indent: -1.6em; padding-left: 1.6em;} #contents-inner-pages .asset-body.executivecommittee .img img{ max-width: 100%;} /*================================== 募金について ==================================*/ #contents-inner-pages .asset-body.fund .bokin .btn_normal{ margin: 15px 0 40px 0;} #contents-inner-pages .asset-body.fund .bokin .btn_normal a{ background: #ddb949; height: 50px; margin-left: 0;} #contents-inner-pages .asset-body.fund .bokin .gray_bl{ background: #f5f5f5; padding: 25px 20px 25px 20px; margin-top: 20px;} #contents-inner-pages .asset-body.fund .bokin .gray_bl h4{ border-top: 1px solid #000000; font-size: 18px; padding-top: 13px; margin-bottom: 7px;} #contents-inner-pages .asset-body.fund .bokin .gray_bl p + h4{ margin-top: 30px;} #contents-inner-pages .asset-body.fund .bokin .gray_bl p{font-size: 16px;} #contents-inner-pages .asset-body.fund .kyosan_bl{background: url("/images/top/bg_yellow.jpg") repeat;} #contents-inner-pages .asset-body.fund .kyosan_bl .inn:before{ display: none;} #contents-inner-pages .asset-body.fund .kyosan_bl h3{ font-size: 20px; font-weight: 600; color: #cb1f1f; text-align: center; margin: 0 0 10px 0 ; padding: 0; background: none;} #contents-inner-pages .asset-body.fund .kyosan_bl h3:before,#contents-inner-pages .asset-body.fund .kyosan_bl h3:after{ display: inline-block; vertical-align: middle; margin-bottom: 3px; content: ""; width: 20px; height: 1px; background: #cb1f1f; position: relative; top:inherit; left:inherit;} #contents-inner-pages .asset-body.fund .kyosan_bl h3:before{ margin-right:10px; } #contents-inner-pages .asset-body.fund .kyosan_bl h3:after{ margin-left:10px; } #contents-inner-pages .asset-body.fund .kyosan_bl h3 + p{ text-align: center;} #contents-inner-pages .asset-body.fund .contact_area{ background: #ffffffdb; padding: 20px; margin-top: 30px;} #contents-inner-pages .asset-body.fund .contact_area p.center{font-size: 20px;} #contents-inner-pages .asset-body.fund .contact_area p span{ display: inline-block; font-weight: 500;} #contents-inner-pages .asset-body.fund .contact_area p span.tel{font-size: 28px;margin-left: -10px;} #contents-inner-pages .asset-body.fund .contact_area p span.tel:before{display: inline-block;content: "";background: url("../images/icons/tel_icon.png") no-repeat;background-size: 100% auto;width: 24px;height: 26px;vertical-align: middle;margin: 0 9px 3px 0;} #contents-inner-pages .asset-body.fund .contact_area p span small{font-size: 14px;display: block;line-height: 1.2em;margin-bottom: 10px;} /*================================== フォトギャラリー ==================================*/ #contents-inner-pages .asset-body.photogallery .gallery_box{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; margin-bottom: 60px;} #contents-inner-pages .asset-body.photogallery table {margin-bottom: 60px;} #contents-inner-pages .asset-body.photogallery .gallery_box img{width: 100%; height: 130px; object-fit: cover; object-position: center center;} #contents-inner-pages .asset-body.photogallery table img{width: 100%; } #contents-inner-pages .asset-body.photogallery .tab{ text-align: center; font-size: 20px; margin-bottom: 20px; display: flex; justify-content: center; flex-wrap: wrap; } #contents-inner-pages .asset-body.photogallery li{ display: block; margin: 0 2.5px 10px 2.5px;} #contents-inner-pages .asset-body.photogallery li > a,#contents-inner-pages .asset-body.photogallery li > span{ display: block; background: #f5f5f5; color: #363636; padding: 3px 12px 5px 12px; transition: .3s; border: 1px solid #f5f5f5; font-weight: 500; font-size: 16px;} #contents-inner-pages .asset-body.photogallery li > span{ background: #e60012; border-color: #e60012; color: #ffffff; position: relative;} #contents-inner-pages .asset-body.photogallery li > span:before{display: block;content: ""; width: 0; height: 0; border-style: solid; border-color: #e60012 transparent transparent transparent; border-width: 8px 6.5px 0px 6.5px; position: absolute;left: 50%;bottom:-8px;margin-left: -6.5px; z-index: 1;} /*================================== blog ==================================*/ #contents-inner-pages:has(.asset-body.blog) .title{ height: 100px;} #contents-inner-pages .asset-body.blog #main{ margin-bottom: 50px;} #contents-inner-pages .asset-body.blog #main h3{ margin-top: 0;} #contents-inner-pages .asset-body.blog #main h3:has(a){ padding: 0;} #contents-inner-pages .asset-body.blog #main h3 a{ display: block; color: inherit; transition: .3s; padding: 15px 25px 18px 25px;} #contents-inner-pages .asset-body.blog #main h3 a:hover{ opacity: .7;} #contents-inner-pages .asset-body.blog #main .entry-asset {margin:0 0 30px 0;} #contents-inner-pages .asset-body.blog #main .entry-asset .img{ width: 100%; margin-bottom: 10px;} #contents-inner-pages .asset-body.blog #main .entry-asset .img a{display: block;} #contents-inner-pages .asset-body.blog #main img{ max-width: 100%; height: auto !important;} #contents-inner-pages .asset-body.blog #main .entry-asset .btn{display:block; width:200px; border:1px solid #3b352e; color:#3b352e; text-align:center; box-sizing:border-box; padding: 13px 0 13px; text-decoration:none; opacity:1 !important; transition:.3s; font-size: 15px; margin:15px auto 0 auto; border-radius: 35px;} #contents-inner-pages .asset-body.blog #main .contents-nav{ display: none;} #contents-inner-pages .asset-body.blog #main table {width:100%; table-layout:fixed; text-align:left; background-color:#ffffff; border:1px solid transparent;　font-size: 18px; line-height: 1.8em; -webkit-text-stroke-width: .2px !important; margin:15px 0 15px 0; box-sizing: border-box;} #contents-inner-pages .asset-body.blog #main table td {vertical-align:middle; border:1px solid transparent; line-height:1.8; clear:both; color:#333333; box-sizing: border-box;} #contents-inner-pages .asset-body.blog #main h4{ font-size: 22px; color: #cb9f5c; font-weight: bold; border-top: 1px solid #cb9f5c; box-sizing: border-box; padding: 15px 0 0 0; letter-spacing: .5px; margin:30px 0 15px 0;} #contents-inner-pages .asset-body.blog #main li{ list-style: circle; margin-left: 20px;} #contents-inner-pages .asset-body.blog #main:not(:has(.entry-asset)) a.btn{ display:flex; width: 90%; height: 60px; background: #363837; color: #ffffff; border-radius: 35px; text-align: center; font-size: 16px; font-weight: normal; margin: auto; transition: .3s; align-items: center; justify-content: center; box-shadow:0 15px 20px rgba(0,0,0,0.1); } #contents-inner-pages .asset-body.blog #main:not(:has(.entry-asset)) a.btn:after{ display: inline-block; content: ""; background: url("/images/top/indent.wh.png") no-repeat; background-size: 8px auto; width: 8px; height: 14px; margin:0 0 -1px 12px;} #contents img{ max-width: 100%;} #contents-inner-pages .asset-body.blog #main iframe{ width: 100% !important; height: 250px !important;} #contents-inner-pages .asset-body.blog #side_menu h3.widget-header{ font-size: 20px; box-sizing: border-box; padding: 8px 0 8px 0; margin: 0px 0 15px 0; line-height: 1.8; background: transparent; color: #1d1818; border-top: 1px solid #1d1818; border-bottom: 1px solid #1d1818;} #contents-inner-pages .asset-body.blog #side_menu h3.widget-header:before{ display: none;} #contents-inner-pages .asset-body.blog #side_menu .widget-content{ margin-bottom: 10px;} #contents-inner-pages .asset-body.blog #side_menu .widget-content li{ font-size: 18px; font-weight: bold; line-height: 1.7em; cursor: pointer; background: #f7f5e6;} #contents-inner-pages .asset-body.blog #side_menu .widget-content li + li{ margin-top: 5px;} #contents-inner-pages .asset-body.blog #side_menu .widget-content li a{background: url(/images/icons/side_arrow_off_sp.png) 7% center no-repeat; background-size: 14px auto; cursor: pointer;display: block; color: #cb9f5c; text-decoration: none; padding: 14px 14px 14px 50px;} /*================================== プライバシーポリシーポリシー ==================================*/ #contents-inner-pages:has(.asset-body.privacy) .title {height: 100px;} #contents-inner-pages .asset-body.privacy a{color: inherit;} /*================================== お問い合わせ ==================================*/ #contents-inner-pages:has(.asset-body.contact-f) .title {height: 100px;} #contents form .w1 {width:90%; box-sizing:border-box;} #contents form .w2 {width:90%; box-sizing:border-box;} #contents form .w3 {width:90%; box-sizing:border-box;} #contents form .w4 {width:95%; box-sizing:border-box; border:1px solid #DDD;} #contents-inner-pages .asset-body.contact-f .error_list{ margin: 15px 0 23px 0;} #contents-inner-pages .asset-body.contact-f .error_list .alert{color:#ff0000;margin:8px 0 7px 0 !important;padding:0px 0px 0px 25px;font-size:16px;font-weight:bold;background:url(../images/icons/warning.png) 2px 5px no-repeat;background-size: 18px auto;position: relative;} /*#contents .contents-form input[type="text"],#contents .contents-form input[type="tel"] {font-size:120%;} #contents .contents-form {margin:0 0 20px 0;} #contents .contents-form table#telephone {} #contents .contents-form table#telephone td {font-size:14px; text-align:center; padding:0 10px 15px 10px;} #contents .contents-form table#telephone td br {display:block;} #contents .contents-form table#telephone td.number {padding:15px 0 0 0;} #contents .contents-form table#telephone td.number a {font-size:36px; padding:50px 0 0 0; background:none; font-family:inherit;} #contents .contents-form table#telephone td.number img {display:block; width:40px; height:auto; margin:0 auto 5px auto;} #contents .contents-form table.basicTable {margin:0 auto 20px auto;} #contents .contents-form table th, #contents .contents-form table td {display:block; box-sizing:border-box; padding:7px 10px 14px 10px;} #contents .contents-form .item {width:100%; margin:0 0 10px 0; padding:5px; box-sizing:border-box; background:#3BD; border-radius:6px; color:#FFF; font-weight:normal; white-space:nowrap; text-align:center;} #contents .contents-form label {padding:0 5px 0 5px;} #contents .contents-form .value {margin:0;} #contents .contents-form .lng {white-space:normal;} #contents .contents-form .vlng {} #contents .contents-form .required {color:#FFF; font-size:11px; vertical-align:middle; padding-left:10px;} #contents .contents-form .supplement {color:#666; font-weight:normal; font-size:12px; margin-bottom:10px;} #contents .contents-form .ex {color:#666; font-weight:normal; font-size:12px; display:block; padding:0; margin-top:10px;} #contents .contents-form .reaffirmation {color:#666; font-weight:normal; font-size:12px; margin:10px 0 10px 0;} #contents .contents-form .error_description, #contents .contents-form .description1 {padding:0 0 15px 0;} #contents .contents-form .error_list {padding:0 10px 0 10px;} #contents .contents-form .error_list .alert {margin-bottom:15px; background:url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545;} #contents .contents-form .msg_top {padding:0 10px 0 10px;} #wrap .form_btn_pos{text-align:center;} #contents .contents-form td.btn input{ padding:0; border:none;} #contents .contents-form .bt td{background:none;}*/ .menu-btn {top: 0px;right:0px;position:fixed;z-index:10000;display: block;width: auto;min-width:35px;cursor: pointer;font-size:11px;letter-spacing:1px;text-align:center;border-radius:0 0 0 10px;background-color:#e60012;padding:6px 10px 12px 10px;color:#FFF;font-family: "Kiwi Maru", serif; font-weight:normal;} .menu-btn span {display: block;height: 2px;width: 100%;background: #FFF;border-radius: 0;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .menu-btn span:nth-of-type(1){margin-top: 6px;} .menu-btn span:nth-of-type(2),.menu-btn span:nth-of-type(3) {margin-top: 7px;} /* form */ #contents .contents-form {margin:0 0 30px 0;} #telephone.inquiry {margin:0 auto 50px auto; text-align:center; background-color: #f2f2f2; padding: 15px 0 22px 0;} #telephone.inquiry a.num { display:block; font-size:34px; line-height:1; text-decoration:none; color:#0b0b0b; margin-bottom: 6px;} #telephone.inquiry a.num em:before{ display:inline-block; content:""; background:url('data:image/svg+xml;charset=UTF-8,') no-repeat center center; background-size:cover; width:22px; height:23px; margin-right:5px;} #telephone.inquiry .open {font-size: 14px; line-height:1; } #contents .contents-form table.basicTable td input {border:1px solid #EEE; margin:0 10px 0 0;} #contents .contents-form .error_list .alert{margin-bottom:15px;background:url(../images/contact/attention.gif) no-repeat 0 0;padding:5px 0 10px 50px;color:#e64545;} /*.contents-form table.basicTable {border-top:1px solid #ddd; margin-top:20px;} .contents-form table.basicTable th, .contents-form table.basicTable td {display:block; width:100%; padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; background:none;} #contents .contents-form table.basicTable th {padding:10px 10px 0px 10px;} .contents-form table.basicTable td{border-bottom:1px solid #ddd;} .contents-form table.basicTable .ex {color:#666; font-size:12px; padding-left:5px;} .require {color:#C00; padding-left:5px;font-size:12px; font-weight:normal;} .contents-form .contact_bt {margin-top:25px; text-align:center;} .contents-form .error_list {margin:25px 0 20px 0;} .contents-form .error_list .alert {margin-bottom:15px;background: url(../images/contact/attention.gif) no-repeat 0 0;padding:5px 0 10px 50px;color:#e64545;} .contents-form input[type="text"], .contents-form input[type="tel"], .contents-form textarea { margin:0 0 10px 0; padding:5px;} .contents-form textarea { border:1px solid #ccc;} .contents-form .imeDisabled {} .contents-form .w1 {width:200px; border:1px solid #ccc;} .contents-form .w2 {width:95%; border:1px solid #ccc;} .contents-form .w3 {width:50px; border:1px solid #ccc;} .contents-form .w4 {width:200px; border:1px solid #ccc;}*/ div.privacy { padding: 10px; overflow: auto; height: 200px; border: 1px solid #ccc; background-color:#ffffff; font-size:80%;} div.privacy p + p{ margin-top:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 30px 0; font-weight:bold;} .privacy{ margin:10px 0 10px 0;} .privacy_title{ margin:10px 10px 0px 10px;} ::-webkit-scrollbar { background:#ccc; width:15px;} ::-webkit-scrollbar-thumb { background:#aaa;} .slick-dots li button:before{top: -30px;z-index:100000;} /*================================== Mail ==================================*/ #contents-inner-pages .contact_mail:after{ display: block; content: ""; clear: both;} #contents-inner-pages .contact_mail h2{ margin-bottom: 15px;} #contents-inner-pages .contact_mail .read{ text-align: left;} #contents-inner-pages .contact_mail table {display: block; width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:#ffffff; border:1px dashed #727171;　font-size: 18px; line-height: 1.8em; box-sizing: border-box;} #contents-inner-pages .contact_mail table tbody,#contents-inner-pages .contact_mail table tr{ display: block;} #contents-inner-pages .contact_mail table th, #contents-inner-pages .contact_mail table td {display: block; vertical-align:middle; line-height:1.8; clear:both; color:#333333;box-sizing: border-box;} #contents-inner-pages .contact_mail table td .ex{font-weight: 500;opacity: .6;margin-left: 0;font-size: 80%;margin-bottom: 7px;} #contents-inner-pages .contact_mail table td input,#contents-inner-pages .contact_mail table td textarea{ margin:5px 0 5px 0; border-radius: 5px; height: 40px;} #contents-inner-pages .contact_mail table td textarea{ width: 100%; height: 100px; box-sizing: border-box;} #contents-inner-pages .contact_mail table th {width:100%; background-color:#f7f5e6; font-weight:bold; vertical-align:top; border-bottom:none; padding:8px 15px 8px 15px;} #contents-inner-pages .contact_mail table td{padding:12px 15px 12px 15px;} #contents-inner-pages .contact_mail table .require { color: #e95464; font-size: 80%; display: inline-block; margin-left: 10px;} #contents-inner-pages .contact_mail .description1{ margin-bottom: 15px;} /* side navi */ #contents_navi li{ padding:5px 0px 12px 5px; margin:0px 0px 10px 0px; position:relative; border-bottom:1px solid #ccc;} #contents_navi li a{display:block; padding-right:20px; text-decoration:none; line-height:1.3;} #contents_navi li p{ padding-right:10px; } #contents_navi li span{ width:80px; text-align:center; padding:2px 5px 2px 5px; margin-bottom:8px; color:#fff; font-size:10px;} #contents_navi li.chintai span{ background:#107819;} #contents_navi li.mansion span{ background:#651678;} #contents_navi li.tochi span{ background:#C42A06;} #contents_navi li.kodate span{ background:##1C3578;} #contents_navi li.other span{ background:#781E0A;} /*end media screen and (max-width: 560px) */ }