/* For PC */ @media print, screen and (min-width: 561px) { h1 {margin:0; color:#aeaeae; font-size:10px; position:absolute; bottom:5px; left:8px; font-weight:normal; z-index:2; line-height: 1.31; letter-spacing: .5px;} h2 {margin:0 auto 60px auto; color:#202020; font-size:48px; font-weight:500; line-height:1.6em; text-align:center;} h2 span {display:block;width: 200px;font-size:16px;font-weight: normal;margin:0 auto -3px auto;letter-spacing:0.03em;background: #f7f5e6;padding: 2px 0 3px 0;border-radius: 15px;line-height: 1em;} h3 {font-size:28px; font-weight:bold; line-height:1; margin:auto; padding:0; } h4 {font-size:24px; margin-bottom:8px;} .sp{ display:none;} /*--- form --------------------------------------------------------------------------------------*/ input, textarea {font-size:160%; border:1px solid #DDD;} select{font-size:110%; margin-right:20px; border:1px solid #DDD;} label{font-size:110%; margin-right:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 20px 0; font-weight:bold;} .btn_mail, .btn_top, .btn_line {display:block; background: #c81717; border:none; text-align:center; color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; width:350px; box-sizing:border-box; border-radius: 50px; padding:22px; margin:35px auto 0 auto; cursor:pointer;} .btn_top {width:50%; margin-top:60px;} .btn_line {width:50%; background:#00b900; border-bottom:6px solid #00a100; font-size:22px;} .btn_back { display:block; background:url(/images/icons/indent_wh_left.png),#8d8d8d; background-size: 12px auto; background-repeat:no-repeat; background-position:15% center; border:none; text-align:center; cursor:pointer;color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; border-radius: 50px; padding:20px 25px 18px 55px; margin:0; float:left; cursor:pointer; width: 200px; } .btn_end { display:block; background:url(/images/icons/indent_wh.png),#c81717; background-size: 12px auto; background-repeat:no-repeat; background-position:right 15% center; border:none; text-align:center; cursor:pointer; color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; border-radius: 50px; padding:20px 55px 18px 25px; margin:0; float:right; cursor:pointer; width: 200px; } .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:20px; font-weight:bold; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:15px 0 15px 0; margin:80px auto 13px auto; width:400px; cursor:pointer; letter-spacing: .1em; } .w1 {width:300px; box-sizing:border-box;} .w2 {width:600px; box-sizing:border-box;} .w3 {width:300px; box-sizing:border-box;} .w4 {width:500px; box-sizing:border-box; border:1px solid #DDD;} .w5 {width:100%; box-sizing:border-box;} .error_list:has(.alert) { margin: 30px 0 35px 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: 25px auto; } #contents-inner-pages .error_list p.alert + p.alert{ margin-top: 10px;} /*--- menu --------------------------------------------------------------------------------------*/ #menu {display:none;} #menu li{display:none;} #toggle {display: none;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer {width:100%; min-width:1200px; background:url(/images/bg_wrap-outer.gif) repeat;} #wrap-outer #wrap-outer2 {width:100%; min-width:1200px;} #wrap-outer #wrap-outer3 { } #wrap-outer2nd {width:100%; min-width:1200px; background:url(/images/bg_wrap-outer.gif) repeat;} #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap, #wrap-outer2nd #wrap, #wrap-outer2nd #wrap-navi {width:100%; min-width:1200px; position: relative;} /*--- header ------------------------------------------------------------------------------------*/ #header {width:310px; height: 890px; position:sticky; top:0; z-index:9999;} #header + *{ margin-top: -890px !important;} #header .inn {width: 230px; margin: auto; box-sizing: border-box; padding: 30px 0 0 0;} #header h1{ word-break: keep-all;} #header .logo {width:100%; z-index:1;} #header .event_day{ margin-top: 40px;} #header .event_day img{ width: 230px;} #header ul.navi {margin-top: 40px;} #header ul.navi li {font-size: 15px; font-weight: 500; color: #00040d; margin-bottom: 13px;} #header ul.navi li a {position: relative; color: inherit; text-decoration: none; transition: .3s;} #header ul.navi li a:after {position: absolute; left: 0; content: ''; width: 100%; height: 1px; background: #e60012; bottom: -1px; transform: scale(0, 1); transform-origin: left top; transition: transform 0.3s; } #header ul.navi li a:hover{ color: #e60012;} #header ul.navi li a:hover::after {transform: scale(1, 1);} #header .sns{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; margin-top: 40px;} #header .sns li + li{ margin-left: 15px;} #header .sns img{ width:36px;} @media print, screen and (max-width: 1500px) { #header {width:210px; } #header .inn {width: 170px; } #header .event_day img{width:100%;} #header ul.navi li { font-size: 14px;} } /*--- contents ----------------------------------------------------------------------------------*/ #contents {width:100%; margin:0 auto 0 auto; padding:0 0 0 0;} #contents a{ text-decoration: none; transition: .3s;} #contents .inn{ margin-left:310px; width: auto; box-sizing: border-box; } #contents .inn_1100{ width: 1100px; margin: auto; box-sizing: border-box; } #contents .inn > .inn_1100{/*min-height: 690px;*/} #contents .btn_normal a{ display:flex; width: 300px; height: 70px; background: #363837; color: #ffffff; border-radius: 35px; text-align: center; font-size: 18px; font-weight: 500; 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 18px;} #contents .btn_normal a:hover { background: #000000; transform: translateY(3px); box-shadow: 0 0 0 rgba(0,0,0,0.1); } #contents .insta_box .btn_normal a{ width: 410px;} @media print, screen and (max-width: 1500px) { #contents .inn{ margin-left:210px;} #contents .inn_1100{ width: 950px;} #contents-inner-top #wrap_add02 .insta_box table tr td a{width:230px !important;} #contents-inner-top #wrap_add02 .insta_box table tr td a:first-child{height:230px !important;} #contents-inner-top #wrap_add02 .insta_box table tr td a p{width:230px !important;} } /*--- mainvis ----------------------------------------------------------------------------------*/ #contents-inner-top .mainvis { position:relative; width:100%; height:1000px; z-index: 5;} #contents-inner-top .mainvis .inn{height: 100%; position:relative; z-index: 5;} #contents-inner-top .mainvis h1{ position: absolute; right:12%; top:7%; z-index:10; color: #ffffff; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-weight: 300; font-size: 42px; line-height: 1.8em; letter-spacing: 0.06em;} #contents-inner-top .mainvis h1 span{color: #fbffb9;} #contents-inner-top .mainvis .slider-for{ position: relative; z-index: -1;} #contents-inner-top .mainvis .slider-for,#contents-inner-top .mainvis .slider-for *{ width: 100%; height: 100%; object-fit: cover;} #contents-inner-top .mainvis .event_ended{ position: absolute; left:9%; top:0; z-index:10;} #contents-inner-top .mainvis .event_ended p {position: absolute; left: 50px; top: 30px; z-index: 10; font-size: 30px; 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 .held_decided{ position: absolute; left:6%; bottom:15%; z-index:10;} @media print, screen and (max-width: 1500px) { #contents-inner-top .mainvis { height: 908px; } #contents-inner-top .mainvis h1 { right: 6%; font-size: 38px; } #contents-inner-top .mainvis .held_decided{ left:6%; bottom:18%; z-index:10;} #contents-inner-top .mainvis .held_decided img{width: 400px;} } /*--- 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 2s ease-out forwards,2s text_anime_on_3 3s ease-out forwards;} .main-animation.main-animation--up.text .held_decided,.main-animation.main-animation--up.text .event_ended{animation: 2s text_anime_on 2.5s 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);} } .main-animation.slider-for{opacity: 0;} .main-animation.main-animation--up.slider-for{animation: 1.5s text_anime_on_2 .5s ease-out forwards;} @keyframes text_anime_on_2 { 0% {opacity: 0;filter: blur(20px);} 100% {opacity: 1;filter: blur(0px);} } /*--- wrap_add01 ----------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add01{background: url("/images/top/bg_yellow.jpg") repeat; margin-top: -220px; padding-top: 220px; position: relative; z-index: 0;} #contents-inner-top #wrap_add01 .inn{padding: 70px 0 75px 0;} #contents-inner-top #wrap_add01 .inn_1100{display: flex;justify-content: flex-start;align-items: center;flex-wrap: nowrap;} #contents-inner-top #wrap_add01 h2{width:195px; margin:0 100px 0 0;} #contents-inner-top #wrap_add01 h2 > span{width: 180px; background: #ffffff;} #contents-inner-top #wrap_add01 .news_list{width: 800px;} #contents-inner-top #wrap_add01 .news_list ul{ overflow-y: scroll; max-height: 130px;} #contents-inner-top #wrap_add01 .news_list li{-webkit-text-stroke-width: .2px !important;} #contents-inner-top #wrap_add01 .news_list li:has(.day){ text-indent: -61px; padding-left: 125px;} #contents-inner-top #wrap_add01 .news_list li + li{ margin-top: 15px; } #contents-inner-top #wrap_add01 .news_list li .day{display: inline-block; font-weight: 600; font-size: 18px; margin-right: 45px; 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: 6px; height: 6px;} #contents-inner-top #wrap_add01 .news_list ul::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3);} #contents-inner-top #wrap_add01 .news_list ul::-webkit-scrollbar-track {background:rgba(0,0,0,0);} @media print, screen and (max-width: 1500px) { #contents-inner-top #wrap_add01 h2{width: 175px;margin: 0 70px 0 0;font-size: 42px;} #contents-inner-top #wrap_add01 h2 > span { width: 170px; } #contents-inner-top #wrap_add01 .news_list{width: 640px;} #contents-inner-top #wrap_add01 .news_list li + li{ margin-top: 20px;} #contents-inner-top #wrap_add01 .news_list li .day { margin-right: 35px;} } /*--- wrap_add02 --------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add02{ overflow: hidden; min-height: 420px; box-sizing: border-box;} #contents-inner-top #wrap_add02 .inn{ position: relative; z-index: 0; padding: 90px 0 120px 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;width: 1680px;height: 574px;top: -55px;left: 50%;position: absolute;margin-left: -840px;} #contents-inner-top #wrap_add02 h2 > img{ width: 267px;} #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{ border-collapse: separate; border-spacing: 0; width: 1100px;} #contents-inner-top #wrap_add02 .insta_box table tr td {width:280px; text-align: center; height:350px; vertical-align:top;} #contents-inner-top #wrap_add02 .insta_box table tr td:nth-child(4){width: 255px;} #contents-inner-top #wrap_add02 .insta_box table tr td a {text-decoration: none; display: block; width:265px; height:265px; overflow: hidden;} #contents-inner-top #wrap_add02 .insta_box table tr td a.insta_text{height:auto;margin-bottom:30px;} #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; width:255px; font-size:14px; color:#666666; margin:10px 0 0 0;} #contents-inner-top #wrap_add02 .insta_box table tr td a img{width:100%; height:100%; object-fit: cover;} #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: 90px 0 120px 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%; max-width: 900px; margin: auto;} #contents-inner-top #wrap_add03 #access .box + .box{ margin-top: 100px;} #contents-inner-top #wrap_add03 #access .box h3{font-size: 36px; font-weight: 500; color: #ffdf2b; margin: 0; padding: 0; margin-bottom: 35px; text-align: left;} #contents-inner-top #wrap_add03 #access .box h3:before{ display: block; content: ""; background:#ffdf2b; width: 100%; height: 1px; margin: 0 auto 35px auto; } #contents-inner-top #wrap_add03 #access .box .text{display: flex;justify-content: space-between;align-items: center;} #contents-inner-top #wrap_add03 #access .box p{font-size: 20px; line-height: 1.8em;} #contents-inner-top #wrap_add03 #access .box .btn_googlemap a{ display:flex; width: 250px; height: 55px; background: #ffffff; border-radius: 50px; text-align: center; margin: 0; 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: 30px 0 50px 0;margin-top: 45px;} #contents-inner-top #wrap_add03 #access .map h3{font-size: 30px;font-weight: 500;color: #ffffff;background: transparent;padding: 0;margin-bottom: 35px;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 10px auto;width: 60px;} #contents-inner-top #wrap_add03 #access .map .img a{display:block; width: 750px; margin: auto;} #contents-inner-top #wrap_add03 #access .map .img img{ width: 750px; border: 5px solid #ffffff; box-sizing: border-box; margin: auto; display: block;} #contents-inner-top #wrap_add03 #access .map .btn_normal a{width: 300px; height: 45px; background:#dff3ff; color: #363837; margin-top: 45px; font-size: 16px;} #contents-inner-top #wrap_add03 #access .map .btn_normal a span:after{display: none;} #contents-inner-top #wrap_add03 #access .notes{width:100%; max-width: 900px; margin: auto; box-sizing: border-box; margin-top: 80px;} #contents-inner-top #wrap_add03 #access .notes h3{font-size: 30px;font-weight: 500;color: #ffffff;background: transparent;padding: 0;margin-bottom: 35px;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 10px auto;width: 60px;} #contents-inner-top #wrap_add03 #access .notes .wh_box{ background: #ffffff; padding: 32px 35px 35px 35px; 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:20px;} #contents-inner-top #wrap_add03 #access .notes .wh_box h4{ font-size: 20px; font-weight: 600; color: #07275a; border-bottom: 1px solid #07275a; padding-bottom:15px; margin-bottom: 25px; } #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_add03 + #wrap_add04{margin-top: -200px; padding-top: 200px; position: relative; z-index: 0;} #contents-inner-top #wrap_add04 .inn{padding: 90px 0 120px 0;} #contents-inner-top #wrap_add04 .gallery_box{ display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; margin-bottom: 60px;} #contents-inner-top #wrap_add04 .gallery_box img{width: 100%; height: 210px; 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: 7 / 9; grid-row: 1 / 2; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(4) { grid-column: 4 / 6; grid-row: 2 / 3; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(5) { grid-column: 6 / 9; grid-row: 2 / 3; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(6) { grid-column: 1 / 4; grid-row: 3 / 4; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(7) { grid-column: 4 / 6; grid-row: 3 / 4; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(8) { grid-column: 6 / 9; grid-row: 3 / 4; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(9) {height: 100%; grid-column: 1 / 3; grid-row: 4 / 6; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(10) { grid-column: 3 / 5; grid-row: 4 / 5; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(11) { grid-column: 3 / 5; grid-row: 5 / 6; } #contents-inner-top #wrap_add04 .gallery_box img:nth-child(12) {height: 100%; grid-column: 5 / 9; grid-row: 4 / 6; } /*--- 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: 85px 0 155px 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;width: 1680px;height: 574px;top: -35px;left: 50%;position: absolute;margin-left: -840px;} #contents-inner-top #wrap_add05 .inn_1100{ position: relative; z-index: 0; text-align: center; padding-bottom: 45px;} #contents-inner-top #wrap_add05 h2{margin-bottom: 33px;} #contents-inner-top #wrap_add05 h2 + p{ text-align: center; line-height: 2em; -webkit-text-stroke-width: .2px !important;} #contents-inner-top #wrap_add05 .img{display: inline-block; margin: 50px auto 30px auto;} #contents-inner-top #wrap_add05 .tb1{margin-bottom: 30px;max-width: 800px;margin: 0 auto 0px auto;} #contents-inner-top #wrap_add05 .bg_illust01,#contents-inner-top #wrap_add05 .bg_illust02{ position: absolute; z-index: -1; bottom:-180px;} #contents-inner-top #wrap_add05 .bg_illust01{ left:-65px;} #contents-inner-top #wrap_add05 .bg_illust02{ right:-60px;} @media print, screen and (max-width: 1500px) { #contents-inner-top #wrap_add05 .bg_illust01,#contents-inner-top #wrap_add05 .bg_illust02{width: 325px;} } /*--- event_block/bg_orange --------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add05.event_block.bg_orange .inn{background: url("/images/top/bg_orange.jpg") repeat; padding-bottom: 60px;} #contents-inner-top #wrap_add05 .inn:before{display: none;} #contents-inner-top #wrap_add05.event_block.bg_orange h2 span{ background: #ffffff;} #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: 85px 0 155px 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;width: 1680px;height: 574px;top: -35px;left: 50%;position: absolute;margin-left: -840px;} #contents-inner-top .topics_block .inn_1100{ position: relative; z-index: 0; text-align: center; padding-bottom: 110px;} #contents-inner-top .topics_block h2{margin-bottom: 33px;} #contents-inner-top .topics_block h2 > img{width: 166px;} #contents-inner-top .topics_block h3 {font-size: 18px;border-top: 1px solid;text-align: left;width: 320px;margin: 30px auto -27px auto;padding: 18px 0 0 0;} #contents-inner-top .topics_block .img{display: inline-block; margin: 50px auto 30px auto;} #contents-inner-top .topics_block .img .btn_normal.btn_mini a{width: 240px; height: 50px; box-shadow:none; margin-top: 30px; font-size: 16px;} #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: 15px; height: 15px; margin:0 0 -3px 12px;} #contents-inner-top .topics_block .tb1{margin-bottom: 30px;max-width: 800px;margin: 0 auto 30px auto;} #contents-inner-top .topics_block .bg_illust01,#contents-inner-top .topics_block .bg_illust02{ position: absolute; z-index: -1; bottom:-180px;} #contents-inner-top .topics_block .bg_illust01{ left:-65px;} #contents-inner-top .topics_block .bg_illust02{ right:-60px;} @media print, screen and (max-width: 1500px) { #contents-inner-top .topics_block .bg_illust01,#contents-inner-top .topics_block .bg_illust02{width: 325px;} } /*--- wrap_add06 --------------------------------------------------------------------------------*/ #contents-inner-top #wrap_add06{background: url("/images/top/bg_yellow.jpg") repeat;} #contents-inner-top #wrap_add06 .inn{padding: 90px 0 90px 0;} #contents-inner-top #wrap_add06 h2{margin-bottom: 30px;} #contents-inner-top #wrap_add06 h2 + p{ text-align: center; line-height: 2em; -webkit-text-stroke-width: .2px !important; margin-bottom: 50px;} #contents-inner-top #wrap_add06.sponsor_block .img img{ width: 100%; max-width:1100px;} #contents-inner-top #wrap_add06.sponsor_block .list{display: flex;margin-bottom: 25px;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: 18px; font-weight: 500; color: #231e02;} #contents-inner-top #wrap_add06.sponsor_block .list li a{display: block; color: inherit;} #contents-inner-top #wrap_add06.sponsor_block .list li:has(a:hover){ opacity: .7; transform: translateY(3px); box-shadow: 0 0 0 rgba(0,0,0,0.06);} #contents-inner-top #wrap_add06.sponsor_block .list.col_3{gap: 20px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_3 li{width: 353px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_3 li a{height: 110px; display: flex; justify-content: center; align-items: center;} #contents-inner-top #wrap_add06.sponsor_block .list.col_4{gap: 17px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_4 li{width: 262px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_4 li a{ padding: 15px 0 15px 0;} #contents-inner-top #wrap_add06.sponsor_block .list.col_5{gap: 12px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_5 + .list.col_5{ margin-top: -13px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_5 li{width: 210px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_5 li a{font-size: 15px; padding: 10px 0 10px 0;} #contents-inner-top #wrap_add06.sponsor_block .list.col_mini{grid-template-columns: repeat(5, 1fr); gap: 12px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_mini li{width: 210px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_mini li a{font-size: 13px; padding: 7.5px 0 7.5px 0; letter-spacing: 0;} #contents-inner-top #wrap_add06.sponsor_block h3{ font-size: 20px; font-weight: 600; color: #231e02; text-align: center; margin: 50px 0 20px 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: 70px; padding: 40px 50px 40px 50px;} #contents-inner-top #wrap_add06 .caution_box h4{ font-size: 18px; font-weight: 600; color: #231e02; margin-bottom: 25px;} #contents-inner-top #wrap_add06 .caution_box h4:before{ display: inline-block; vertical-align: middle; margin-bottom: 3px; content: ""; width: 34px; height: 30px; background:url("../images/top/icon_ex.png"); background-size: 34px auto; margin-right:15px; } #contents-inner-top #wrap_add06 .caution_box p{line-height: 1.8em; -webkit-text-stroke-width: .2px !important;} @media print, screen and (max-width: 1500px) { #contents-inner-top #wrap_add06.sponsor_block .list.col_3 li { width: 302px; } #contents-inner-top #wrap_add06.sponsor_block .list.col_3 li img{ max-width: 100%;} #contents-inner-top #wrap_add06.sponsor_block .list.col_4 li { width: 224px; } #contents-inner-top #wrap_add06.sponsor_block .list.col_4 li a { font-size: 16px; } #contents-inner-top #wrap_add06.sponsor_block .list.col_5 li{width: 180px;} #contents-inner-top #wrap_add06.sponsor_block .list.col_5 li a{font-size: 13px;} #contents-inner-top #wrap_add06 .caution_box{ font-size: 15px;} #contents-inner-top #wrap_add06 .caution_box h4{font-size: 16px; } } /*--- footer ------------------------------------------------------------------------------------*/ #footer-outer {width:100%; background: url("/images/footer/back.png") repeat; overflow: hidden;} #footer {width:100%; position:relative; } #footer .inn {width:1200px; margin:0 auto 0 auto; padding:90px 0 60px 0; box-sizing:border-box; position:relative; display: flex; justify-content: space-between;} #footer .inn .company_info{ color: #ffffff; margin-top: -115px;} #footer .inn .company_info .h{ margin-bottom: 45px;} #footer .inn .company_info p > strong{font-size: 18px; font-weight: 600;} #footer .inn .company_info p{font-size: 16px; margin-bottom: 15px; line-height: 1.8em;} #footer .inn .company_info p > a{color: inherit; text-decoration: none;} #footer .inn .sns{ margin-top: 20px;} #footer .inn .sns > li{display: inline-block; margin-right: 10px;} #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 .sns > li a:hover{ opacity: .7; transform: translateY(3px); box-shadow: 0 0 0 rgba(0,0,0,0.2);} #footer .inn .sns img{width: 41px; } #footer .inn .menu{width: 675px;} #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: 65px 0 35px 0;} #footer .inn .footer_navi:before,#footer .inn .footer_navi:after{ display: block; content: ""; background: #ffffff; width: 2000px; 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:45%; margin-bottom: 30px;} #footer .inn .footer_navi li > a{font-size: 16px; font-weight: 500; color: #ffffff; text-decoration: none; transition: .3s;} #footer .inn .footer_navi li > a:hover{color: #f2de6c;} #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 15px 3px 0; } #footer .copyright {width:100%; margin:40px auto 0 auto; padding:14px 0 0 0; font-size:11px; color:rgba(255,255,255,0.5); line-height:1; letter-spacing:1px; text-align: right;} /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage title ==================================*/ #contents-inner-pages .title {position:relative; height:500px; z-index: 5; overflow: hidden;} #contents-inner-pages .title img{ width: 100%; height: 100%; object-fit: cover;} @media print, screen and (max-width: 1500px) { #contents-inner-pages .title {height:350px; } } /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {width:100%; margin:0 auto 0 auto; overflow:clip;} #contents-inner-pages h3{ background: #1d1818; padding: 25px 35px 28px 35px; font-weight: 500; color: #ffffff; font-size: 22px; margin: 50px 0 15px 0; position: relative;} #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 {font-size: 18px; line-height: 1.8em; -webkit-text-stroke-width: .2px !important;} #contents-inner-pages p.center{ text-align: center;} #contents-inner-pages p.left{text-align: left; max-width: 650px; margin-right: auto; margin-left:auto;} #contents-inner-pages p + p{ margin-top: 30px;} #contents-inner-pages p + .btn_normal{ margin-top: 50px;} #contents-inner-pages .asset-body .inn{ position: relative; z-index: 0; padding: 85px 0 120px 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;width: 1680px;height: 574px;top: -35px;left: 50%;position: absolute;margin-left: -840px;} #contents-inner-pages .blog h3{ background:#fff;; padding: 25px 35px 28px 25px; font-weight: 500; color: #202020; font-size: 28px; margin: 50px 0 15px 0; position: relative;} #contents-inner-pages .blog h3:before{ display: block; content: ""; background: #202020; width: 1px; height: 60%; left:0px; top:20%; position: absolute; z-index: 1;} #contents-inner-pages p.end{ color: #e60012; text-align: center; border: 2px solid #f00; padding: 10px 10px 10px 10px; margin-bottom: 70px; font-weight: bold;} /*================================== 開催概要 ==================================*/ #contents-inner-pages .asset-body.outline .inn{ padding-bottom: 55px;} #contents-inner-pages .asset-body.outline .inn_1100{ position: relative; z-index: 0; text-align: center; padding-bottom: 350px;} #contents-inner-pages .asset-body.outline .img{display: inline-block; margin: 0 auto 50px auto;} #contents-inner-pages .asset-body.outline .img .btn_normal.btn_mini a{width: 360px; height: 50px; box-shadow:none; margin-top: 15px; font-size: 16px;} #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_illust01,#contents-inner-pages .asset-body.outline .bg_illust02{ position: absolute; z-index: -1; bottom:0;} #contents-inner-pages .asset-body.outline .bg_illust01{ left:-65px;} #contents-inner-pages .asset-body.outline .bg_illust02{ right:-60px;} #contents-inner-pages .asset-body.outline .tb1{ max-width: 800px;margin: 0 auto 0 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: 18px; line-height: 1.8em; -webkit-text-stroke-width: .2px !important;} #contents-inner-pages table.normal_tb th, #contents-inner-pages table.normal_tb td {vertical-align:middle; padding:20px 25px 20px 25px; 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:200px; background-color:#f7f5e6; font-weight:bold; vertical-align:top;} /*================================== 実行委員会について ==================================*/ #contents-inner-pages .asset-body.executivecommittee ol{ margin: 50px 0 50px 0;} #contents-inner-pages .asset-body.executivecommittee ol > li{ line-height: 1.8em; font-weight: 600; margin-bottom: 20px; font-size: 18px; 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 50px 0;} #contents-inner-pages .asset-body.fund .bokin .btn_normal a{ background: #ddb949; height: 60px; margin-left: 0;} #contents-inner-pages .asset-body.fund .bokin .btn_normal a:hover{background: #c69809;} #contents-inner-pages .asset-body.fund .bokin .gray_bl{ background: #f5f5f5; padding: 50px 45px 45px 45px; margin-top: 30px;} #contents-inner-pages .asset-body.fund .bokin .gray_bl h4{ border-top: 1px solid #000000; font-size: 20px; padding-top: 22px; margin-bottom: 18px;} #contents-inner-pages .asset-body.fund .bokin .gray_bl p + h4{ margin-top: 50px;} #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: 28px;font-weight: 600;color: #cb1f1f;text-align: center;margin: 0 0 20px 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 .contact_area{ background: #ffffffdb; padding: 35px; margin-top: 50px;} #contents-inner-pages .asset-body.fund .contact_area p.center{display: flex;justify-content: center;font-size: 24px;} #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: 32px;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 + span{ margin-left: 50px;} #contents-inner-pages .asset-body.fund .contact_area p span small{ font-size: 16px;} /*================================== フォトギャラリー ==================================*/ #contents-inner-pages .asset-body.photogallery .gallery_box{ display: grid; grid-template-columns: repeat(3, 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,#contents-inner-pages .asset-body.photogallery table img{width: 100%; height: 260px; object-fit: cover; object-position: center center;} #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 5px 15px 5px;} #contents-inner-pages .asset-body.photogallery li > a,#contents-inner-pages .asset-body.photogallery li > span{ display: block; background: #f5f5f5; color: #363636; padding: 5px 25px 8px 25px; transition: .3s; border: 1px solid #f5f5f5; font-weight: 500;} #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: 10px 7.5px 0px 7.5px; position: absolute;left: 50%;bottom:-10px;margin-left: -7.5px; z-index: 1;} #contents-inner-pages .asset-body.photogallery li > a:hover{border-color: #000000;} /*================================== blog ==================================*/ #contents-inner-pages:has(.asset-body.blog) .title{ height: 300px;} #contents-inner-pages .asset-body.blog .inn_1100{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;} #contents-inner-pages .asset-body.blog #main{ width: calc(100% - 310px);} #contents-inner-pages .asset-body.blog #main h3{ margin-top: 0; line-height: 1.61; padding: 15px 35px 18px 25px;} #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 35px 18px 25px;} #contents-inner-pages .asset-body.blog #main h3 a:hover{ opacity: .7;} #contents-inner-pages .asset-body.blog #main img{ max-width: 100% !important; height: auto !important;} #contents-inner-pages .asset-body.blog #main .entry-asset {margin:0 0 50px 0;} #contents-inner-pages .asset-body.blog #main .entry-asset .text{ width: 55%; line-height: 1.8;} #contents-inner-pages .asset-body.blog #main .entry-asset .img{ width: 45%; padding-right: 20px; box-sizing: border-box;} #contents-inner-pages .asset-body.blog #main .entry-asset .img a{display: block;} #contents-inner-pages .asset-body.blog #main .entry-asset .img img{ width: 100% !important;} #contents-inner-pages .asset-body.blog #main .asset-body{display: flex;} #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-top:15px; border-radius: 35px; transition: .3s;} #contents-inner-pages .asset-body.blog #main .entry-asset .btn:hover{ background: #ddb949; color: #ffffff; border-color: #ddb949;} #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: 30px 0 0 0;} #contents-inner-pages .asset-body.blog #main table td {vertical-align:middle; border:1px solid transparent; line-height:1.8; clear:both; color:#333333;} #contents-inner-pages .asset-body.blog #main h4{ font-size: 24px; color: #cb9f5c; font-weight: bold; border-top: 1px solid #cb9f5c; box-sizing: border-box; padding: 10px 0 0 0; letter-spacing: .5px; margin:30px 0 30px 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: 350px; height: 70px; background: #363837; color: #ffffff; border-radius: 35px; text-align: center; font-size: 18px; font-weight: 500; 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 18px;} #contents-inner-pages .asset-body.blog #main:not(:has(.entry-asset)) a.btn:hover { background: #000000; transform: translateY(3px); box-shadow: 0 0 0 rgba(0,0,0,0.1); } #contents-inner-pages .asset-body.blog #side_menu{ width: 250px;} #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: 30px;} #contents-inner-pages .asset-body.blog #side_menu .widget-content li{ font-size: 16px; 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.png) 7% center no-repeat; cursor: pointer;display: block; color: #cb9f5c; text-decoration: none; padding: 14px 14px 14px 50px;} #contents-inner-pages .asset-body.blog #side_menu .widget-content li a:hover{background: url(/images/icons/side_arrow.png) 7% center no-repeat; color: #ad741d;} /*================================== プライバシーポリシーポリシー ==================================*/ #contents-inner-pages:has(.asset-body.privacy) .title {height: 300px;} #contents-inner-pages .asset-body.privacy a{color: inherit;} /*================================== お問い合わせ ==================================*/ #contents-inner-pages:has(.asset-body.contact-f) .title {height: 300px;} #contents .contents-form input[type="text"],#contents .contents-form input[type="tel"] {font-size:160%;} #contents .contents-form {margin:60px 0 0 0; color:#0b0b0b;} #contents .contents-form .item {width:235px; line-height:1; margin:0 20px 30px 0; padding:10px; box-sizing:border-box; background:#3BD; border-radius:6px; color:#FFF; font-weight:normal; white-space:nowrap; text-align:center; float:left; font-size:22px;} #contents .contents-form label {padding:0 5px 0 5px;} #contents .contents-form .value {margin:0 0 30px 0; float:left; max-width:600px;} #contents .contents-form .lng {width:100%; margin-bottom:10px;} #contents .contents-form .vlng {width:100%; text-align:center;} #contents .contents-form .required {color:#FFF; font-size:12px; vertical-align:middle; padding-left:10px;} #contents .contents-form .supplement{color:#666; font-weight:normal; font-size:14px; margin-bottom:10px;} #contents .contents-form .reaffirmation{color:#666; font-weight:normal; font-size:14px; margin:10px 0 10px 0;} #contents .contents-form .error_description, #contents .contents-form .description1 {margin:0 0 30px 0px;} #contents .contents-form .error_list {margin-bottom:30px;} #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 {text-align:center;} #wrap .form_btn_pos{text-align:center} #contents .contents-form td.btn input{ padding:0; border:none;} #contents .contents-form .bt td{background:none;} #contents .contents-form table.basicTable {margin:0 auto 50px auto;} #contents .contents-form .contact_mail p.read{ text-align:center;} /* --- */ .menu-btn { display:none; } /*---------------------------------------------contact------------------------------------------*/ #contents-pages .contact .title_img {position:absolute;top:-32px; left:0px;} .contents-form {margin:0 auto;} .contents-form .borderTable th, .contents-form .borderTable, .contents-form .borderTable th, .contents-form .borderTable td {border:none;} #contents-inner-pages .asset-body.contact-f .error_list{ margin: 30px 0 30px 0;} #contents-inner-pages .asset-body.contact-f .error_list .alert{color:#ff0000;margin:8px 0 15px 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-inner-pages .asset-body.contact-f .error_list .alert:after{ display: block; background-color: #fde8e8; content: ""; width: 100%; height:25px; position: absolute; bottom:0px; left:0; right:0; z-index: -1; opacity: .8; } /*================================== TEL ==================================*/ #telephone.inquiry {margin: -25px auto 90px auto;display:table;background-color: #f2f2f2;width: 70%; padding: 37px 0 33px 0;text-align:center;} #telephone.inquiry a.num { display:inline-block; font-size:55px; color:#0b0b0b; text-decoration:none; margin-bottom: -10px; letter-spacing:1px;} #telephone.inquiry a.num em:before{ content:""; width:44px; height:39px; background:url('data:image/svg+xml;charset=UTF-8,') no-repeat center center; background-size:auto 100%; display: inline-block; margin-right:4px;} #telephone.inquiry .open {font-size:18px;line-height: 1.61;letter-spacing:1px;margin-top: 20px;} #contents .bytel {border: 5px solid #ccc;margin: 0 auto;padding: 20px;position: relative;} #contents .bytel .name {font-size: 20px;font-weight: bold;} #contents .bytel .tel {background: rgba(0, 0, 0, 0) url("../images/contact/icon_tel.png") no-repeat scroll left center;color: #f60;font-family: Arial,sans-serif;font-size: 60px;line-height: 1.2;padding-left: 76px;white-space: nowrap;} #contents .bytel .open {bottom: 40px;font-size: 16px;position: absolute;left: 20px;} /*================================== Mail ==================================*/ #contents-inner-pages .contact_mail:after{ display: block; content: ""; clear: both;} #contents-inner-pages .contact_mail h2{ margin-bottom: 30px;} #contents-inner-pages .contact_mail .read{ text-align: center;} #contents-inner-pages .contact_mail table {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:#ffffff; border-top:1px dashed #727171;　font-size: 18px; line-height: 1.8em; -webkit-text-stroke-width: .2px !important;} #contents-inner-pages .contact_mail table th, #contents-inner-pages .contact_mail table td {vertical-align:middle; padding:20px 25px 20px 25px; border-bottom:1px dashed #727171; line-height:1.8; clear:both; color:#333333;} #contents-inner-pages .contact_mail table td .ex{font-weight: 500; opacity: .8; margin-left: 10px;} #contents-inner-pages .contact_mail table td input{ margin:5px 0 5px 0; } #contents-inner-pages .contact_mail table th {width:200px; background-color:#f7f5e6; font-weight:bold; vertical-align:top;} #contents-inner-pages .contact_mail table .require { color: #e95464; font-size: 80%; display: inline-block; margin-left: 10px;} #contents-inner-pages .contact_mail div.privacy { padding: 10px; overflow: auto; height: 200px; background-color:#ffffff; border: 1px solid #ccc;} #contents-inner-pages .contact_mail div.privacy p + p{ margin-top:20px;} #contents-inner-pages .contact_mail .description1{ margin-bottom: 30px;} /*-----------------------------------------contact form---------------------------------------*/ /*#contents .contents-form table.basicTable,#contents_1column .contents-form table.basicTable { border-top: 1px dotted #b3a89e; color: #333333; margin: 15px 0 60px 0;} #contents .contents-form table.basicTable th, #contents .contents-form table.basicTable td,#contents_1column .contents-form table.basicTable th, #contents_1column .contents-form table.basicTable td {padding:20px 15px 20px 15px;text-align:left;vertical-align:top;border-bottom: 1px dotted #b3a89e;} #contents .contents-form table.basicTable th,#contents_1column .contents-form table.basicTable th { width: 240px;} #contents .contents-form .red,#contents_1column .contents-form .red {color: #CC0000;} #contents .contents-form #btnTable,#contents_1column .contents-form #btnTable {margin:43px 0 0 0;} #contents .contents-form #btnTable input,#contents_1column .contents-form #btnTable input {border:none;} #contents .contents-form .contact_bt,#contents_1column .contents-form .contact_bt {text-align:center; margin:40px 0 0 0;} #contents .contents-form .contact_bt input,#contents_1column .contents-form .contact_bt input {border:none;} #contents .contents-form .contact_bt2 .soushin,#contents_1column .contents-form .contact_bt2 .soushin {text-align:right;} #contents .contents-form .error_description,#contents .contents-form .description1,#contents_1column .contents-form .error_description,#contents_1column .contents-form .description1 {margin:0 0 30px 0px;} #contents .contents-form .error_list,#contents_1column .contents-form .error_list {margin-bottom:30px;} #contents .contents-form .error_list .alert,#contents_1column .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 td.btn input,#contents_1column .contents-form td.btn input {padding:0; border:none;} #contents .contents-form .bt td,#contents_1column .contents-form .bt td {background:none;} .contents-form .imeDisabled{ime-mode: disabled;} .contents-form .mail{font-size:20px;} .contents-form .other{margin:10px 0 0 0;padding:5px 0 0 0; border-top:1px solid #ccc;} .contents-form .use div{display:block; float:left; width:150px;margin:0 0 5px 0;} .contents-form .ex {color:#666; font-size:12px; padding-left:5px;} .contents-form .require {color:#C00; padding-left:5px; font-size:12px; font-weight:normal;} .contents-form div.privacy { padding: 10px; overflow: auto; height: 200px; border: 1px solid #ccc; background-color:#ffffff;} .contents-form div.privacy p + p{ margin-top:20px;} .contents-form .soft .div1 div{width:180px; margin:0 0 5px 0;}*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #aaa;font-weight: normal;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aaa;font-weight: normal;} input::-moz-placeholder, textarea::-moz-placeholder {color: #aaa;font-weight: normal;} /*end media print, screen and (min-width: 561px)*/ }