@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/*
---------------------------------------
アニメーション　https://coveloping.com/tools/css-animation-generator
---------------------------------------
*/
.animated { 
    animation-duration: 5s; 
    animation-fill-mode: both; 
    animation-timing-function: ease-out; 
transition-delay:10s;
} 

@keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeft { 
    animation-name: fadeInLeft; 
}
/*
---------------------------------------
Setting
---------------------------------------
*/

/*リンクカラー*/
a{color:#d66ba3;}
a:hover,a:active{color:#a2c760;}
/*行間幅*/
div p,p{line-height:1.7em;}

/*位置設定・汎用*/
.t_center{text-align:center;}.fl_r{float:right;}
.moji0{text-indent: 100%; white-space: nowrap; overflow: hidden;}
.pa_20{padding: 20px;}
.link_white:hover{color: #fff !important;}/*リンクタグ用*/



/*
---------------------------------------
ソーシャルボタン
---------------------------------------
*/
/*SNS設定*/
.cc-indexpage #top_sns > div{width: 1000px;margin-top: 2%;
    margin: 0 auto;
    padding-left: 490px;
    box-sizing: border-box;/*top:10px;right:0;position:absolute;*//*padding-right:20px;*/}
#top_sns > div {
width: 1000px;margin: 0 auto;padding: 10px 0 0 480px;text-align: left;box-sizing: border-box;
}
.sns{ text-align: left;margin: 0; } .sns > li { display: inline-block; line-height: 0; vertical-align: top; margin: 0 3px; } 
.sns > li:first-child { margin-left: 0; } .sns > li:last-child {margin-right: 0px; } 
.sns iframe { margin: 0 !important; } 
@media screen and (max-width: 999px) {
.sns > li{ width: 80px !important; margin: 0 15px 10px 0; } 
}
div.infobox {
border: 2px solid #e95098;
padding: 5px;
overflow: auto;
height: 8em;
}



/*
---------------------------------------
見出し設定
---------------------------------------
*/
#container_main h1,#container_main h2,#container_main h3 ,.body h1 ,.body h2 ,.body h3{font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif  !important;}
#container_main h1,#container_main h2,#container_main h3{font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif  !important;}
#container_main h1{color: #3B5A04;    text-align: center;}
#container_main h2 {  padding:8px 10px;
border: rgb(162, 199, 96) 2px;
border-style: solid none;
background: repeating-linear-gradient( 45deg, #fff, #fff 3px, rgb(252, 253, 245) 3px, rgb(252, 253, 245) 6px );
text-align: center;
margin: 5% 0 3%;
}


#container_main h3{color: #3B5A04;margin:10px 0;border-bottom: 3px solid #DFFFA3;}

@media screen and (max-width: 999px) {
/*SP 見出し*/
#container_main h1 {
margin: 5px 0 10px 0;
font-size:23px ;
}
#container_main h2 {
padding: .2em;
font-size: 18px;    margin: 8px 0;
}
}




/*
---------------------------------------
ボタン
---------------------------------------
*/
#container_main .j-calltoaction-link-style-1{border: 1px solid #a2c760;color: #114200!important;     background-color:#a2c760 ;font-weight: 600;padding: 20px 30px;}
#container_main .j-calltoaction-link-style-2{border: 1px solid #a2c760;color: #114200!important;   background-color:#a2c760 ;font-weight: 600;padding: 15px 20px;font-size: 16px;}
#container_main .j-calltoaction-link-style-3{border: 1px solid #a2c760;color: #114200!important;  background-color:#a2c760 ;font-weight: 600;    padding: 10px 15px;}

@media screen and (max-width: 999px) {
.pure-button-hover,.pure-button:hover,input[type="submit"]:hover,.pure-button:focus {background-color:#d66ba3;color: #fff;}
}
/*ボタン*/
.button_base {
margin: 0;
border: 0;
font-size: 18px;
position: relative;
top: 25%;
left: 50%;
margin-top: -25px;
margin-left: -100px;
width: 200px;
height: 50px;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-user-select: none;
cursor: default;
}

.button_base:hover {
cursor: pointer;
}
/* ### ### ### 05 */
.b05_3d_roll {
perspective: 500px;
-webkit-perspective: 500px;
-moz-perspective: 500px;
margin-bottom: 50px;
}

.b05_3d_roll div {
position: absolute;
text-align: center;
width: 100%;
height: 50px;
padding: 10px;
border: #000000 solid 1px;
pointer-events: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.b05_3d_roll div a{ text-decoration: none;}
.b05_3d_roll div:nth-child(1) {
color: #000000;
background-color: #000000;
transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transform-origin: 50% 50% -25px;
-webkit-transform-origin: 50% 50% -25px;
-moz-transform-origin: 50% 50% -25px;
}
.b05_3d_roll div:nth-child(1) a{color: #fff;}
.b05_3d_roll div:nth-child(2) a{color: #000;}
.b05_3d_roll div:nth-child(2) {
color: #000000;
background-color: #ffffff;
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transform-origin: 50% 50% -25px;
-webkit-transform-origin: 50% 50% -25px;
-moz-transform-origin: 50% 50% -25px;
}

.b05_3d_roll:hover div:nth-child(1) {
color: #ffffff;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
}
.b05_3d_roll:hover div:nth-child(2) {
background-color: #000000;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transform: rotateX(-90deg);
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
}
@media screen and (max-width: 999px) {
	
}
@media screen and (min-width: 1000px) {
#container_main .j-calltoaction-link-style-1{border: 1px solid #a2c760;color: #114200!important;    /*background-color:#a2c760;*/font-weight: 600;padding: 20px 30px;font-size: 18px;}
#container_main .j-calltoaction-link-style-2{border: 1px solid #a2c760;color: #114200!important;   /*background-color:#a2c760 ;*/font-weight: 600;padding: 15px 20px;font-size: 16px;}
#container_main .j-calltoaction-link-style-3{border: 1px solid #a2c760;color: #114200!important;   /*background-color:#a2c760 ;*/font-weight: 600;    padding: 10px 15px;}
}
/*
---------------------------------------
テーブル装飾
---------------------------------------
*/
.tables_01 {margin: 25px 0;}
.tables_01 tr:nth-child(even){background-color: #FCFDF5;}
.tables_01 tr{margin: 10px;}
.tables_01 td:first-child{background-color: #dfffa3;}
/*文字のみバナーの場合*/
.side-bnner01{height:5em;font-size: 20px;font-weight: 600;background-color: #DFFFA3;border: 1px solid #EBFBCD;padding:20px;margin-bottom: 20px}


/*
---------------------------------------
メインメニュー
---------------------------------------
*/




/*サイドバー子メニュー*/
.children-nav{padding: 10px 20px;}
.children-nav ul{background-color: #EBFBCD;padding:15px;}.children-nav ul:before{ content:"メニュー";text-align: center;display: block;margin-bottom: 5px;}
.children-nav li{height: 40px;display: block;margin-bottom: 20px;list-style: none;background-color: #fff; border-radius:3px;}.children-nav li:last-child{margin-bottom: 0;}
.children-nav a{display:block;padding: 10px;font-size: 16px;font-weight: 600;}
.children-nav a:link{text-decoration: none;}

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



/*
---------------------------------------
パンくずリスト
---------------------------------------
*/
.cc-page-index #bread,#page-1140583562 #bread{display:none}
#bread{margin: 0;padding: 1% 0 4%;}
#bread:after{content:""; display:block; clear:both}
#bread ol{margin:0; padding:0; list-style-type:none}
#bread ol li{/*float:left; */display: inline-block;margin:0 8px 0 0}
#bread ol li a,#bread .icon-home{padding:0 20px 0 0; background:url(https://u.jimcdn.com/cms/o/sc05cbe323c53ea5a/userlayout/img/arrow-breadcrumbs.png?t=1460600495) center right no-repeat; text-decoration:none}
#bread ol li a.cc-nav-current{text-decoration:none; color:#666; background:none}
#bread div{display: inline-block;}


/*
---------------------------------------
フォーム
---------------------------------------
*/
@media screen and (max-width: 999px) {
#container_main input[type="submit"]{
padding: 10px 50px;background:#a2c760;color: white; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border: 0;
}

.pure-img-responsive {
max-width: 100%;
height: auto;
}}

/*
---------------------------------------
協賛企業関連
---------------------------------------
*/



/*見出し*/
.lines-on-sides {
display: table;
text-align: center;
white-space: nowrap;margin-bottom: 20px;
color: #a2c760;
}
.lines-on-sides:after, .lines-on-sides:before {
content: '';
display: table-cell;
width: 50%;
background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
-webkit-background-clip: padding;
background-clip: padding;
}
.lines-on-sides:after {
border-left: 1em solid transparent;
}
.lines-on-sides:before{
border-right: 1em solid transparent;
}

@media screen and (max-width: 999px) {
/*見出し*/
.thanks .lines-on-sides {margin-bottom: 0;}
	
}





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


#page-1145789262 .cc-imagewrapper {width: 100% !important;}






.fixed {position: fixed !important;}
h1 img {width: 50%;	height: auto;}


.headshrinker .headshrunk a.headshrinker-reveal {
width: 44px;
height: 44px;
background: #f7f7f7;
display: inline-block;
position: absolute;
top: 3px !important;
right: 20px;
}

}
/*地図部*/
ul.map_list li{
	list-style: none;
}
ul.map_list li + li{
	margin-top: 5%;
}
ul.map_list li img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 999px) {
	
}

@media screen and (min-width: 1000px) {
}



/*TOP類*/
.osirase{text-align: center;}
.osirase:before{display: inline-block;border-radius:50%; background-color: #a2c760; color: #3B5A04; font-size: 60px; padding: 10px 6px 10px 15px; box-sizing: border-box;}
.osirase span{margin-top: 5px;display: block;  font: normal 14px/140% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

/*出演者情報の欄*/
.stage_com{margin: 10px 0;font-size: 12px; background-color: #fff3f4; padding: 10px; border-radius: 5px; border: 1px solid #ffd2d5;    display: table;}
/*マップページ切り替え設定*/
.shin_map { height:450px; width:100%; } .gm-style-iw * { display: block; /* width: 50%;*/ } .gm-style-iw h4, .gm-style-iw p { margin: 0; padding: 0; } .gm-style-iw a { color: #4272db; }

/*マップタブ切り替え*/
ul#tab { list-style: none; display: table; width: 100%; }
ul#tab li {display: table-cell;    padding: 10px;    cursor: pointer;}
.icon-chevron-thin-right:before {    content: "\e902";}
.disnon{ display: none; }.select {background: #EBFBCD;    border-radius: 5px; }


hover,.pure-button:focus {background-color:#d66ba3;color: #fff;}
.pure-img-responsive {
max-width: 100%;
height: auto;
}
.headshrinker .headshrunk .headshrinker-menu{top:49px !important}


/* 企業協賛 */
#thanks{
    padding: 3%;
}
#thanks a[href=""]{
    pointer-events: none;
    text-decoration: unset;
}
#thanks a{
    text-decoration: underline;
    white-space: nowrap;
letter-spacing: .05em;
}
.thanks img{
    max-width: 100%;
    height: auto;
}
#thanks img{
    object-fit: contain;
}

#thanks li{
    display: flex;
    align-items: center;
    justify-content: center;
}
.thanks-big01{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
.thanks-big01 img{
    height: 200px;
}
.thanks-big02,.thanks-big03{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 50px;
}
.thanks-big02 img{
    height: 130px;
}
.thanks-big03 img{
    height: 90px;
}
.thanks-s{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 5px 20px;
    margin: 4vw 0;
}
.thanks-s img{
    height: 50px;
}
.thanks-txt01{
    margin-bottom: 3vw;
}
.thanks-txt01,.thanks-txt02{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px 5px;
}
@media screen and (max-width:900px) {
    #thanks .thanks-txt01 li,#thanks .thanks-txt02 li {
        justify-content: start;
    }
    #thanks a{
        white-space: unset;
    }
.thanks-big01 img {
height: 50px;
}
    .thanks-big02,.thanks-big03{
        gap: 15px;
    }
    .thanks-big02 img{
        height:45px;
    }
    .thanks-big03 img{
        height: 40px;
    }
    .thanks-s{
        grid-template-columns: repeat(4,1fr);
        gap: 5px 10px;
    }
    .thanks-txt01,.thanks-txt02{
        grid-template-columns: repeat(2,1fr);
        gap: 10px 5px;
    }
        
}