@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&display=swap');*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0; padding:0; border:0; outline:0; vertical-align:baseline;} /* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block;} html{font-size:62.5%;} body{line-height:1; text-align:center; -webkit-text-size-adjust:100%;} body,input,select,textarea,button{font-family:/*'Source Sans Pro',*/YuGothic,'游ゴシック体','Yu Gothic','游ゴシック','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'メイリオ',sans-serif; font-weight:500;} nav ul{list-style:none;} blockquote,q{quotes:none;} blockquote::before,blockquote::after,q::before,q::after{content:""; content:none;} ins{text-decoration:none;} mark{font-style:italic; font-weight:bold;} del{text-decoration:line-through;} abbr[title],dfn[title]{border-bottom:1px dotted; cursor:help;} input,select{vertical-align:middle;} main p{line-height:1.75;} hr,img ,img a ,fieldset{border:none;} table{border-collapse:collapse; border-spacing:0;} a:focus{outline:none;} /* End base CSS */
/* sample
font-family:Palatino,'Palatino Linotype','Book Antiqua','游明朝',YuMincho,'Yu Mincho',HiraMinProN-W3,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ヒラギノ明朝 ProN','Hiragino Mincho ProN','HGP明朝B',serif;
font-family:'Source Sans Pro',YuGothic,'游ゴシック体','Yu Gothic','游ゴシック','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'メイリオ',sans-serif;
*/

@charset "utf-8";

/* 配色について ----------------------------------------------------------------------------
 * メインカラー			　青：#036eb8
 * メインカラー淡色		薄青：#d0e6fd
 * アクセントカラー		　緑：#21ab38
 * アクセントカラー淡色	薄緑：#6dba44
 * ポイントカラー１		　黄：#faee05
 * ポイントカラー２		　橙：#ff8000
 * クリックテキスト		　緑
 * クリック（hover）	薄緑
 * 警告・strongカラー	　赤：#d90000
 ------------------------------------------------------------------------------------------- */

/* background-color
 ------------------------------------------------------------------------------------------- */
/* 基本背景色 : 基本文字色 */
body{background-color:#fff; color:#333;}

/* 白背景 */
.abtn::before,
.abtn::after,
#wrap > nav label::before,
#wrap > nav label span::before,
#wrap > nav label span::after,
#wrap > footer dl dt,
#privacy #close span::before,
#privacy #close span::after{background-color:#fff;}

/* メインカラー */
#wrap > nav,
#wrap > nav label,
#wrap > footer,
#wrap > header p#hiduke span:nth-of-type(3),
#wrap > header p#hiduke span:nth-of-type(6){background-color:#036eb8;}

/* メインカラー淡色 */
#wrap > footer > p:last-child,
#errinfo dl dt,
#pankuzu{background-color:#d0e6fd;}

/* アクセントカラー */
.abtn,
#privacy #close{background-color:#21ab38;}

/* アクセントカラー淡色 */
.abtn:hover,
#pankuzu li a:hover,
#privacy #close:hover{background-color:#6dba44;}

/* 例外カラー */
	/* ヘッダーに仮背景色 */
	#wrap > header{background-color:#5288c9;}
	/* 下層ページタイトル背景（トップページの「わ」と同色） */
	main:not(#errinfo) header{background-color:#faee05;}
	/* 薄背景 */
	main > section:nth-of-type(even){background-color:#eff5f2;}
	#errinfo dl dd{background-color:#fafafa;}
	/* remodalのdefault設定を上書き */
	#privacy{background-color:transparent;}

@media all and (max-width:979px){ /* ～979px デスクトップ未満すべて */
html #wrap > nav{background-color:transparent;}
}
@media (min-width:980px){ /* 980px～ デスクトップ以上すべて */
#wrap > nav ul li a:hover{background-color:#037ac9;}
}


/* color
 ------------------------------------------------------------------------------------------- */
/* 白文字 */
#gtbtn a,
.abtn,
#wrap > nav label,
#wrap > nav a,
#wrap > footer dl dd,
#wrap > footer > div > div:nth-of-type(2),
#pankuzu li a:hover,
#privacy #close,
#wrap > header p#hiduke{color:#fff;}

/* 黒文字 */
#wrap > header p:not(#hiduke) a{color:#333;}

/* メインカラー */
#wrap > footer dl dt,
#wrap > footer > p:last-child,
#errinfo h2,
#errinfo dl dt,
#errinfo section > p b,
#pankuzu li{color:#036eb8;}

/* メインカラー淡色 */
#errinfo h1 span:nth-of-type(2){color:#d0e6fd;}

/* アクセントカラー */
main a:not(.abtn),
#pankuzu a{color:#21ab38;}

/* アクセントカラー淡色 */
main a:not(.abtn):hover{color:#6dba44;}

/* 偶数コンテンツ背景色
main > section:nth-of-type(even){background-color:#f9f9fb;} */

/* 例外カラー */
	/* 備考・エラーページ薄文字色 */
	#errinfo section > p span{color:#b8b8b8;}
	/* エラーページエラーコード */
	#errinfo h1 span:nth-of-type(1){color:#f5f5f5;}


/* border
 ------------------------------------------------------------------------------------------- */
#wrap > nav ul,
#wrap > nav ul li+li{border-color:rgba(255,255,255,.22);}

/* 白線 */
#gtbtn::before,
#wrap > header p#hiduke{border-color:#fff;}

/* メインカラー */
#pankuzu li+li::before{border-color:#036eb8;}

/* メインカラー淡色 */
#errinfo dl+p{border-color:#d0e6fd;}

/* アクセントカラー */
#pankuzu li a,
main a:not(.abtn){border-color:#21ab38;}

/* アクセントカラー淡色 */
main a:not(.abtn):hover,
#pankuzu li a:hover{border-color:#6dba44;}

/* */
#privacy dl dd{border-color:#f00;}
/* */

/* fill
 ------------------------------------------------------------------------------------------- */
/* グローバルメニューアイコン */
#wrap > nav a path{fill:#fff;}
/* PDFダウンロードアイコン */
.apdf path{fill:#fff;}
/* 下層ページタイトルアイコン */
main > header path{fill:#036eb8;}


/* textshadow
 ------------------------------------------------------------------------------------------- */
/* 白 */
#wrap > header h1,
#wrap > header p:not(#hiduke){
	text-shadow:1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff,
				2px 0 3px #fff, -2px 0 3px #fff, 0 2px 3px #fff, 0 -2px 3px #fff,
				2px 0 5px #fff, -2px 0 5px #fff, 0 2px 5px #fff, 0 -2px 5px #fff,
				2px 0 8px #fff, -2px 0 8px #fff, 0 2px 8px #fff, 0 -2px 8px #fff;}

/* メインカラー */
#wrap > header p#hiduke{
	text-shadow:1px 0 0 #036eb8, -1px 0 0 #036eb8, 0 1px 0 #036eb8, 0 -1px 0 #036eb8,
				2px 0 3px #036eb8, -2px 0 3px #036eb8, 0 2px 3px #036eb8, 0 -2px 3px #036eb8,
				2px 0 5px #036eb8, -2px 0 5px #036eb8, 0 2px 5px #036eb8, 0 -2px 5px #036eb8;}


/* transition
 ------------------------------------------------------------------------------------------- */

div a,
#wrap > nav label::before,
#wrap > nav label span,
#wrap > nav label span::before,
#wrap > nav label span::after,
#wrap > nav a path,
#privacy #close,
form input[type=checkbox]:not([name=acpt])+label::after,
form input[type=submit]	{-webkit-transition-duration:.2s; transition-duration:.2s;}
/* */
#wrap > nav a path	{-webkit-transition-property:fill; transition-property:fill;}

form input[type=checkbox]:not([name=acpt])+label::after
					{-webkit-transition-property:border; transition-property:border;}
#wrap > nav > ul	{-webkit-transition-property:width; transition-property:width;}
#wrap > nav label::before
					{-webkit-transition-property:width, left, margin; transition-property:width, left, margin;}
#wrap > nav label span,
#privacy #close		{-webkit-transition-property:background-color, color; transition-property:background-color, color;}
div a				{-webkit-transition-property:background-color, color, border; transition-property:background-color, color, border;}
#wrap > nav label	{-webkit-transition-property:background-color, color, border-radius; transition-property:background-color, color, border-radius;}
#wrap > nav label span::before,
#wrap > nav label span::after
					{-webkit-transition-property:width, top, left, transform; transition-property:width, top, left, transform;}

@media all and (max-width:979px){ /* ～979px デスクトップ未満すべて */
#wrap > nav,
#wrap > nav::after,
#wrap > nav ul{-webkit-transition-duration:.1s; transition-duration:.1s;}
#wrap > nav{-webkit-transition-property:width; transition-property:width;}
#wrap > nav::after{background-color:rgba(0,0,0,0); -webkit-transition-property:background; transition-property:background;}
#wrap > nav > ul{background-color:#036eb8;}

/* selected bg */
html.selected #wrap > nav::after{
	background-color:rgba(0,0,0,.66);
	background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0,.11) 25%, rgba(0,0,0,.33) 25%, rgba(0,0,0,.33) 50%, rgba(0,0,0,.11) 50%, rgba(0,0,0,.11) 75%, rgba(0,0,0,.33) 75%, rgba(0,0,0,.33) 100%);
	background-image:         linear-gradient(-45deg, rgba(0,0,0,.11) 25%, rgba(0,0,0,.33) 25%, rgba(0,0,0,.33) 50%, rgba(0,0,0,.11) 50%, rgba(0,0,0,.11) 75%, rgba(0,0,0,.33) 75%, rgba(0,0,0,.33) 100%);}
.remodal-overlay{background:rgba(255,255,255,.97);}
}

@media (min-width:980px){ /* 980px～ デスクトップ以上すべて */
.remodal-overlay{
	background-color:rgba(0,0,0,.66);
	background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0,.11) 25%, rgba(0,0,0,.33) 25%, rgba(0,0,0,.33) 50%, rgba(0,0,0,.11) 50%, rgba(0,0,0,.11) 75%, rgba(0,0,0,.33) 75%, rgba(0,0,0,.33) 100%);
	background-image:         linear-gradient(-45deg, rgba(0,0,0,.11) 25%, rgba(0,0,0,.33) 25%, rgba(0,0,0,.33) 50%, rgba(0,0,0,.11) 50%, rgba(0,0,0,.11) 75%, rgba(0,0,0,.33) 75%, rgba(0,0,0,.33) 100%);}

#privacy div{background-color:#fff;}
}

/* End sitecmntint CSS */

/* モバイルファースト */
p a[target="_blank"]::after,
#wrap > footer address p:not(:nth-last-of-type(1)) span,
main > section:nth-child(n+2)::before,
#gtbtn{background-image:url(../images/tmp_parts.svg?20190605_0312);}
#wrap > footer address p:nth-last-of-type(1) span{background-image:url(../images/tmp_iconcontact.svg?20190605_0312);}

p a[target="_blank"]::after,
#wrap > header,
#wrap > footer address span,
main > section:nth-child(n+2)::before{background-repeat:no-repeat;}

.end p {
    margin: 30px 0px;
    color: red;
    font-weight: bold;
}

.section-0 {
    padding-bottom: 40px;
} 

.section-1 {
    padding-bottom: 40px;
    position: relative;
    background-color: #eff5f2;
    margin-top: 80px;
}

.section-1 img {
    position: relative;
    
}

.pulldown {
    display: none !important;
    position: absolute;
    top: 100px;
    right: -29px;
}

.pulldown a {
    padding: 20px 0px;!important;
    height: 60px !important;
}

.pulldown li {
    text-align: left;
    color: white;
    display: block !important;
    border: none !important;
    border-bottom: solid 1px rgba(255,255,255,.22) !important;
}

.pulldown li ul {
    display: block !important;
    width: 200px !important;
}

.pulldown2 li {
    display: block !imortant;
    border: none !important;
    font-size: 1.8rem;
}

.button {
    position: relative;
    color: white;
}

.open {
    display: block !important;
    width: 200px !important;
    position: absolute;
    background-color: #036eb8;
    }

.button a svg{
    margin-bottom: 15px;
}

.pulldown2 {
    top: 244px;
    right: -1px;
    z-index: 100;
    position: absolute;
    color: white;
    background-color: #036eb8;
    display: none !important;
}

.section-1::before {
    content: "";
    background-image:url(../images/tmp_parts.svg?20190605_0312);
    background-repeat: no-repeat;
    display: block;
    background-position: center bottom -120px;
    height: 60px;
    width: 100%;
    position: absolute;
    top: -50px;
    right: 0px;
}

.section-2 {
    padding-bottom: 40px;
    background-color: white;
    position: relative;
}

.section-2::before {
    content: "";
    background-image:url(../images/tmp_parts.svg?20190605_0312);
    background-repeat: no-repeat;
    display: block;
    background-position: center bottom 0px;
    height: 60px;
    width: 100%;
    position: absolute;
    top: -50px;
    right: 0px;
}

.section-2 img {
    position: relative;
}

#pagetop {
    width: 40px !important;
    background-color: black;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 4000;
    opacity: 0.7;
    border-radius: 3px;
    height: 40px;
}

#pagetop div {
    width: 10px;
    height: 2px;
    background-color: white;
    position: absolute;
    opacity: 1.0;
}

#pagetop div:nth-child(1) {
    transform:rotate(-45deg);
    top: 16px;
    left: 12px;
}

#pagetop div:nth-child(2) {
    transform:rotate(45deg);
    top: 16px;
    left: 18px;
    margin-top: 0px !important;
}

#pagetop div:nth-child(3) {
    transform:rotate(-45deg);
    top: 22px;
    left: 12px;
}

#pagetop div:nth-child(4) {
    transform:rotate(45deg);
    top: 22px;
    left: 18px;
}

.photo_wrap {
    width: 100%;
}

.photo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 50px;
}

.photo img {
    width: 31%;
    margin: 20px 20px 0px 0px;
}

#wrap > nav::after,
#wrap > nav label,
#wrap > nav label span,
#wrap > nav label::before,
#wrap > nav label span::before,
#wrap > nav label span::after,
#wrap > nav ul,
#wrap > nav ul li,
#wrap > nav a,
#wrap > footer address,
#gtbtn,
#wrap dl dd,
#privacy #close span,
#wrap > header h1 span,
#wrap > header p:not(#hiduke) span,
main > section:nth-child(n+2)::before,
main:not(#errinfo) header svg{display:block;}

p a[target="_blank"]::after,
.abtn,
.abtn::before,
.abtn::after,
.abtn > span,
#wrap > header h1,
#wrap > header p:not(#hiduke),
#wrap > header a,
#wrap > header ul li,
#wrap > footer address span,
#gtbtn a,
#gtbtn::before,
#pankuzu li,
#pankuzu li a,
#pankuzu li+li::before,
#privacy #close span::before,
#privacy #close span::after,
#wrap > header p#hiduke span:nth-of-type(3),
#wrap > header p#hiduke span:nth-of-type(6){display:inline-block;}

#wrap > nav input[type=checkbox]{display:none;}

#wrap,
.abtn,
#wrap > nav label span,
#wrap > footer,
#gtbtn a,
#privacy #close span,
main > section{position:relative;}
.abtn::before,
.abtn::after,
#wrap > nav label::before,
#wrap > nav label span::before,
#wrap > nav label span::after,
#gtbtn,
#gtbtn::before,
#privacy #close span::before,
#privacy #close span::after,
main > section::before{position:absolute;}

#wrap > header,
main,
#wrap > footer{width:100%;}

#privacy,
#privacy #close,
main:not(#errinfo) header svg{margin:0 auto;}

p a[target="_blank"]::after,
#wrap > footer address span{height:0; overflow:hidden; line-height:2;}

#wrap > header,
#wrap > footer address p:nth-last-of-type(1),
#privacy h1,
main:not(#errinfo) header h1{font-family:"Palatino Linotype", "Book Antiqua", Palatino, "游明朝", YuMincho, HiraMinProN-W3, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

#wrap > nav label{font-size:1.0rem;}
#gtbtn a{font-size:1.1rem;}
#wrap > footer small,
#pankuzu li{font-size:1.2rem;}
#privacyinfo p{font-size:1.3rem;}
#wrap > footer address,
#privacy dl dd,
#privacy dl dd p{font-size:1.4rem;}
.abtn:not(.apdf),
.apdf span span,
main p,
#wrap dl dt,
#wrap dl dd,
#privacy dl dt{font-size:1.6rem;}
.apdf{font-size:1.9rem;}

#wrap > header h1,
#wrap > header p:not(#hiduke) span:nth-of-type(2){font-weight:500;}

cite,/* cite=作品の出店先を表す指定 */
address{font-style:normal;}

.abtn,
#wrap > header h1,
#wrap > footer > div > div:nth-of-type(2),
#privacy dl dt{text-align:left;}
#privacy dl dd{text-align:justify; text-justify:inter-ideograph;}

#wrap > header div > *{vertical-align:top;}

a{text-decoration:none;}
/*main a:not(.abtn){border-bottom-width:1px; border-bottom-style:dashed;}
main a:not(.abtn):hover{border-bottom-style:solid;}*/

.abtn,
#wrap > nav label,
#wrap > nav a,
#wrap > footer small span,
#gtbtn a,
#pankuzu li a{text-transform:uppercase;}

#wrap > header h1,
#wrap > header p:not(#hiduke),
#wrap > footer > div > div:nth-of-type(1){line-height:1.2;}
#wrap > footer > div > div:nth-of-type(2){line-height:1.3;}
#privacy h1+p{line-height:1.5;}
#privacy dl dt,
#privacy dl dd{line-height:1.8;}

#wrap > nav ul li,
#wrap > footer > div > div:nth-of-type(2),
main p,
#privacy{letter-spacing:1px;}
#wrap > header p#hiduke{letter-spacing:2px;}
#privacy h1,
#privacy #close{text-indent:1px;}

#wrap > nav ul li{white-space:nowrap;}

#privacy #close,
#wrap > header p#hiduke span:nth-of-type(3),
#wrap > header p#hiduke span:nth-of-type(6){border-radius:50%;}
#privacy div{border-radius:5px;}

#wrap > nav label,
#gtbtn,
#privacy #close{cursor:pointer;}
#pager span{cursor:default;}

p a[target="_blank"]::after,
#wrap > nav label::before,
#wrap > nav label span::before,
#wrap > nav label span::after,
#privacy #close span::before,
#privacy #close span::after,
main > section:nth-child(n+2)::before{content:"";}

.abtn,
#wrap dl dt,
#wrap dl dd,
#wrap > header,
#wrap > header div,
#wrap > nav,
#wrap > nav ul,
#wrap > nav ul li,
#wrap > nav a,
#wrap > nav label,
#wrap > nav label span,
#wrap > footer,
#wrap > footer div,
#gtbtn,
#privacy #close{box-sizing:border-box;}

/* ドラッグ選択不可 */
#gtbtn,
#wrap > header,
#wrap > nav label span,
#wrap > nav a,
#privacy #close,
#errinfo h1{
	-webkit-user-select: none; /* Safari,Chrome */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10～ */
	user-select: none; /* CSS3 */}

/* マウスON時枠非表示 */
input[type=submit]:focus,
input[type=button]:focus,
input[type=submit]:active,
input[type=button]:active{outline:none;}
input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner{border:none;}

/* */

/*p a[target="_blank"]::after{background-position:0 0; width:13px; padding-top:12px; margin-top:-2px; margin-right:3px; margin-left:5px;}*/
p a[target="_blank"]:hover::after{background-position:-20px 0;}
.dead{pointer-events:none; display:inline-block;}

/* arrow */
#gtbtn::before,
.abtn:not(.apdf)::before,
.abtn:not(.apdf)::after,
#pankuzu li+li::before{content:"";}
#gtbtn::before,
#pankuzu li+li::before{-webkit-transform:rotate(45deg); transform:rotate(45deg);}
#gtbtn::before{border-top-width:2px; border-top-style:solid; border-left-width:2px; border-left-style:solid;}
#pankuzu li+li::before{width:5px; height:5px; border-top-width:1px; border-top-style:solid; border-right-width:1px; border-right-style:solid;}
.abtn::before,
.abtn::after{top:50%;}
.aprev::after,
.anext::before{-webkit-transform-origin:100% 100%; transform-origin:100% 100%; -webkit-transform:skewX(30deg); transform:skewX(30deg);}
.aprev::before,
.anext::after{-webkit-transform-origin:100% 0%; transform-origin:100% 0%; -webkit-transform:skewX(-30deg); transform:skewX(-30deg);}
.abtn::before,
.abtn::after{width:3px; height:5px;}
.aprev::before,
.aprev::after{left:15px;}
.anext::before,
.anext::after{right:15px;}
.abtn::before{margin-top:-5px;}

/* 進むボタン・戻るボタン */
.abtn{border-radius:200px;}
.aprev{padding-right:15px; padding-left:30px;}
.anext{padding-right:30px; padding-left:15px;}

/* PDFダウンロードボタン */
.apdf{padding-right:20px; padding-left:20px;}
.apdf svg:nth-of-type(1){margin-right:10px;}
.apdf svg:nth-of-type(2){margin-left:5px;}

/* パンくずリスト */
#pankuzu li a{padding:0 12px; border:1px solid; border-radius:18px; line-height:18px;}
#pankuzu li+li::before{margin:0 15px 0px 10px;}

/* 個人情報保護部分 */
#privacy h1+p{margin-top:50px;}
#privacy dl{margin-top:35px;}
#privacy dl dd ul, #privacy dl dd ol{padding:10px 0 10px 1.5em;}
#privacy dl dd li+li{margin-top:10px;}
#privacy #close{width:60px; height:60px; margin-top:50px;}
#privacy #close span{padding-top:35px;}
#privacy #close span::before,
#privacy #close span::after{top:20px; left:50%; width:20px; height:1px; margin-left:-10px;}
#privacy #close span::before{-webkit-transform:rotate(45deg); transform:rotate(45deg);}
#privacy #close span::after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
#privacy dl dd h2{margin-top:20px;}

#gtbtn{width:100%;}
#gtbtn::before{top:15px; left:50%; width:15px; height:15px; margin-left:-9px;}

#wrap > header svg{width:auto;}
#wrap > header ul li img{width:auto;}
#wrap > header p#hiduke{border-top-width:1px; border-bottom-width:1px; border-top-style:solid; border-bottom-style:solid;}
#wrap > header p#hiduke span:nth-of-type(3),
#wrap > header p#hiduke span:nth-of-type(6){width:28px; height:28px; line-height:26px;}
#wrap > header p#hiduke span:nth-of-type(3){margin-right:5px;}

#wrap > nav label::before,
#wrap > nav label span::before,
#wrap > nav label span::after{width:26px; height:1px; left:50%; margin-left:-13px;}
#wrap > nav label::before{top:17px;}
#wrap > nav label span::before{top:12px;}
#wrap > nav label span::after{top:22px;}
#wrap > nav label span{padding-top:30px;}

#wrap > footer dl dd p:nth-of-type(2){margin-top:0.5em;}
#wrap > footer address span{margin-right:10px; padding-top:24px;}
#wrap > footer address p:nth-of-type(1) span{background-position:-100px 0;}
#wrap > footer address p:nth-of-type(2) span{background-position:-140px 0; width:28px;}
#wrap > footer address p:nth-last-of-type(1) span{background-size:24px auto; background-position:center center; width:24px;}
#wrap > footer > p:last-child{line-height:80px;}

main > section:nth-child(n+2)::before{width:100%;}
main:not(#errinfo) header svg{width:auto;}

@media all and (max-width:567px){ /* ～567px スマホ横未満 */
.abtn{padding-top:10px; padding-bottom:5px;}
#wrap > header p#hiduke,
#wrap > header h1 span:nth-of-type(1),
#wrap > header p:not(#hiduke) span:nth-of-type(1){font-size:3.6vw;}
#wrap > header h1 span:nth-of-type(2),
#wrap > header p:not(#hiduke) span:nth-of-type(2){font-size:6.5vw;}
#wrap > header svg{height:11vw; margin-right:10px;}
#wrap > header ul{margin:10px auto 0;}
#wrap > header ul li img{height:50px;}
#wrap > header ul li+li{margin-left:10px;}
#wrap > header p#hiduke{margin-top:15px; padding:2px;}
    #wrap > header p#hiduke{margin-right: auto; margin-left: auto;}
    #wrap > header p#hiduke span:nth-child(1){font-size: 4.5vw;}
    #wrap > header p#hiduke span:nth-child(2){font-size: 4.5vw;}
    #wrap > header p#hiduke span:nth-child(4){font-size: 4.5vw;}
    #wrap > header p#hiduke span:nth-child(5){font-size: 4.5vw;}
}
@media (min-width:568px){ /* 568px～ スマホ横以上すべて */
.apdf br{display:none;}
.apdf svg{vertical-align:middle;}
.abtn,
.apdf{line-height:60px;}
#wrap > header svg{margin-right:20px;}
}

@media all and (max-width:767px){ /* ～767px タブレット縦未満すべて */
#gtbtn,
main > section:nth-child(n+2)::before{background-size:700px auto;}

#wrap > footer dl dd p:nth-of-type(1) > *{display:block;}

#wrap > footer dl dd p:nth-of-type(1) strong span{display:inline-block;}

#wrap > footer dl dd br,
#gtbtn a,
#privacy dl dt br{display:none;}

#wrap > footer dl dd p:nth-of-type(1) > span,
#wrap > footer > div > div > div{font-size:1.4rem;}
#privacy h1+p,
#privacy dl dd h2{font-size:1.5rem;}
#wrap > footer address p:nth-last-of-type(1){font-size:1.7rem;}
#privacy h1,
#wrap > footer dl dd strong{font-size:2.1rem;}
main:not(#errinfo) header h1{font-size:2.3rem;}
#wrap > footer address p:not(:nth-last-of-type(1)){font-size:2.7rem;}

#wrap > footer address span{vertical-align:middle;}

/* */

#pankuzu{padding:15px 0;}

#wrap > nav ul{padding-top:60px;}
#wrap > nav label{top:15px; right:10px;}
html.selected #wrap > nav ul{width:330px;}

#wrap > footer > div:not(#pagetop){padding-top:50px; padding-bottom:40px;}
#wrap > footer dl dt{padding:10px 0;}
#wrap > footer dl dd{margin-top:15px;}
#wrap > footer dl dd p:nth-of-type(1) strong{margin-bottom:5px;}
#wrap > footer > div > div > p{bottom:150px;}
#wrap > footer > div > div > p svg{width:100px; height:auto;}
#wrap > footer address p:nth-of-type(1) span{width:28px;}

#privacy div{padding:50px 15px 25px;}

#gtbtn,
main > section:nth-child(n+2)::before{top:-25px; height:25px;}
#gtbtn{background-position:center bottom -35px;}
main > section:nth-of-type(odd)::before{background-position:center bottom -5px;}
main > section:nth-of-type(even)::before{background-position:center bottom -65px;}

main > section{padding-bottom:80px;}
main:not(#errinfo) header h1{padding:25px 0 30px;}
main:not(#errinfo) header svg{height:40px; margin-bottom:15px;}
}
@media (min-width:768px){ /* 768px～ タブレット縦以上すべて */
#wrap > footer address p:not(:nth-last-of-type(1)){display:inline-block;}

#privacy dl{display:table;}
#privacy dl dt,
#privacy dl dd{display:table-cell;}

.flx,
#wrap dl,
#wrap dl dt{display:-webkit-flex; display:flex;}
	/*除外*/#wrap > footer dl dt{display:block;}
.flx4clm{-webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flx2clm,
.flx4clm{-webkit-justify-content:space-between; justify-content:space-between;}
#wrap dl dt{-webkit-flex-shrink:0; flex-shrink:0;}{-webkit-align-items:flex-start; align-items:flex-start;}
#wrap dl dt{-webkit-align-items:center; align-items:center;}
#wrap dl dd{-webkit-flex-grow:1; flex-grow:1;}

#privacy h1+p,
#privacy dl dd h2{font-size:1.6rem;}
#privacy h1{font-size:2.5rem;}
#wrap > footer address p:nth-last-of-type(1){font-size:3.3rem;}
#wrap > footer address p:not(:nth-last-of-type(1)){font-size:3.5rem;}
main:not(#errinfo) header h1{font-size:3.7rem;}

#wrap > footer dl dd{text-align:left;}

#wrap dl dt{line-height:1.5;}

/* */

#pankuzu{padding:20px 0;}

#wrap > footer address p:nth-of-type(1){margin-right:1em;}
#wrap > footer address p:nth-of-type(1) span{width:24px;}

#privacy{width:90%;}
#privacy div{padding:50px 35px 35px;}
#privacy dl dt{width:190px;}
#privacy dl dd{padding-left:30px; border-left-width:1px; border-left-style:dotted;}

#gtbtn,
main > section:nth-child(n+2)::before{height:60px; top:-50px;}

#gtbtn{background-position:center bottom 340px;}
#gtbtn a{padding-top:40px;}

main > section{padding-bottom:100px;}
main > section:nth-of-type(odd)::before{background-position:center bottom;}
main > section:nth-of-type(even)::before{background-position:center bottom -120px;}
main:not(#errinfo) header h1{padding:35px 0 50px;}
main:not(#errinfo) header svg{height:60px; margin-bottom:20px;}
}
@media (min-width:768px) and (max-width:979px){ /* 768px～979px タブレット縦以上デスクトップ未満 */
#wrap > footer > div > div > div{font-size:1.6rem;}
#wrap > footer dl dt{font-size:1.9rem;}
#wrap > footer dl dd p strong{font-size:2.2rem;}

/* */

#wrap > nav ul{padding-top:80px;}
#wrap > nav label{top:30px; right:30px;}
html.selected #wrap > nav ul{width:340px;}
html.selected #wrap > nav ul li{width:315px;}

.flx4clm > *{width:48%;}

#wrap > footer > div:not(#pagetop){padding-top:40px; padding-bottom:40px;}
#wrap > footer dl dt{width:90px; height:90px; line-height:90px;}
#wrap > footer dl dd{padding-left:15px;}
#wrap > footer > div > div > p{bottom:120px;}
}

@media all and (max-width:979px){ /* ～979px デスクトップ未満すべて */
    .button a br {
    display: none;
}
    
    .pulldown {
        width: 290px !important;
        position: static;
        padding: 0px !important;
        margin: 0px 0px 0px 45px !important;
        overflow: visible !important;
        height: 430px !important;
        border-top: solid 0px rgba(255,255,255,.22) !important;
    }
    
    .pulldown li {
        border: none !important;
        overflow: visible !important;
    }
    
    .pulldown a {
        margin: 0px !important;
        line-height: 10px !important;
    }
    
    .pulldown2 {
        position: static;
        padding: 0px !important;
        overflow: visible !important;
        margin-left: 30px !important;
    }
    
    .pulldown2 li {
        font-size: 1.5rem !important;
    }
#wrap > header div div{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
#wrap{position:relative;}
#wrap > footer > div > div > p{position:absolute;}
#wrap > nav,
#wrap > nav::after,
#wrap > nav label{position:fixed;}
#wrap > nav{z-index:5000;}
#wrap > nav ul{z-index:5010;}
#wrap > nav label{z-index:5020;}
#wrap > nav::after{z-index:-1/*z-index5000のnav要素の裏*/;}

#wrap > nav ul{font-size:1.8rem;}

#wrap > nav ul{text-align:left;}

#wrap > nav ul li a svg{vertical-align:middle;}

#wrap > header > div,
main > section > *,
main > div > *,
#wrap > footer > div{padding-right:10px; padding-left:10px;}

#wrap > nav::after{content:"";}

/* */

#wrap > header ul{order:4;}
#wrap > header p#hiduke{order:3;}

#wrap > nav{top:0; right:0; width:0; height:100vh;}
#wrap > nav label{width:50px; height:50px;}
#wrap > nav ul{width:0; height:100vh; margin-left:auto; padding-bottom:60px; overflow:auto;}
#wrap > nav ul li{overflow:hidden;}
#wrap > nav ul li a{margin-top:10px; margin-left:5px; margin-bottom:10px; line-height:50px;}
#wrap > nav ul li a svg{margin-right:8px;}
#wrap > nav ul li:nth-of-type(n+2){border-top-width:1px; border-top-style:solid;}
#wrap > nav::after{top:0; left:0; background-size:8px 8px; width:100vw; height:0;}

html.selected body{overflow:hidden;}
html.selected #wrap > nav{width:100vw;}
html.selected #wrap > nav label::before{width:0; left:50%; margin-left:0;}
html.selected #wrap > nav label span::before,
html.selected #wrap > nav label span::after{top:15px; width:27px; margin-left:-14px;}
html.selected #wrap > nav label span::before{-webkit-transform:rotate(135deg); transform:rotate(135deg);}
html.selected #wrap > nav label span::after{-webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
html.selected #wrap > nav ul{padding-left:15px;}
html.selected #wrap > nav::after{display:block; height:100vh;}

#wrap > footer > div > div:nth-of-type(2),
#wrap > footer address{margin-top:20px;}
#wrap > footer > div > div > div p+p{margin-top:8px;}
#wrap > footer > div > div > p{right:10px;}
}
@media (min-width:980px){ /* 980px～ デスクトップ以上すべて */
    .pulldown a {
        padding-left: 5px;
    }
    
    .pulldown2 a {
    padding-left: 29px;
}
    
#wrap > nav ul li a span{display:block;}
#wrap > header ul{display:inline-block;}

#wrap > nav label,
#wrap > nav ul li:nth-of-type(1):not(.oita){display:none;}

#wrap > nav ul,
#wrap > footer > div > div:nth-of-type(2){display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between;}
#wrap > nav ul li{-webkit-flex-grow:1; flex-grow:1;}

#wrap > footer > div > div > div{font-size:1.8rem;}
#wrap > nav ul,
#wrap > footer dl dt,
#wrap > footer dl dd p:nth-of-type(1) > span{font-size:2.1rem;}
#wrap > footer dl dd p:nth-of-type(2){font-size:2.3rem;}
#wrap > footer dl dd p:nth-of-type(1) strong{font-size:3.3rem;}

#wrap > footer dl dt{font-weight:bold;}

#wrap{min-width:1200px;}
#wrap > header div div,
#wrap > nav ul,
#wrap > footer > div,
main > section > *{width:1200px;}
	/*除外*/.abtn{width:auto;}
#wrap > header div div,
#wrap > nav ul,
#wrap > footer > div,
main > section > *,
main > div > *{margin:0 auto;}

/* */

#wrap > header a:hover img{opacity:.8;}

#wrap > nav{margin:10px 0;}
#wrap > nav ul{border-right:1px solid;}
#wrap > nav ul li{/*-webkit-flex-basis:200px; flex-basis:200px; */border-left:1px solid rgba(255,255,255,.22);}
#wrap > nav ul li a{height:100px; padding-top:20px;}
#wrap > nav ul li a span{margin-top:15px;}

#wrap > footer > div:not(#pagetop){padding-top:60px; padding-bottom:60px;}
#wrap > footer dl dt{width:100px; height:100px; line-height:100px;}
#wrap > footer dl dd{padding-left:20px;}
#wrap > footer > div > div:nth-of-type(2){margin-top:35px;}
#wrap > footer > div > div > div p+p{margin-top:10px;}

#privacy{max-width:1050px;}
#privacy{padding:50px 0;}

.remodal-overlay{background-size:8px 8px;}
}

/* End sitecmn CSS */

_:-ms-lang(x)::-ms-backdrop, .flx2clm div:nth-child(2) {
        width: 100%;
    }

/*中ページ共通CSS*/

.page-icon {
    margin-bottom: 45px;
}

@media screen and (max-width: 876px){
    
    .photo {
        margin-right: auto;
        margin-left: auto;
    }
    
    .photo img {
        width: 47%;
    }
    
}

@media screen and (max-width: 414px){
    .photo img {
        width: 100%;
    }
}


/* モバイルファースト */
#wrap > header{background-image:url(../images/mainimgtxt.svg?20190701_1620), url(../images/mainimg.jpg?20190701_1620);}
#co1 > div:nth-of-type(1){background-image:url(../images/top_co1bk.svg?20190701_1620);}
#co1 > div:nth-of-type(2){background-image:url(../images/co1imgbk.jpg?20190701_1620);}

#co1 > div{background-repeat:no-repeat;}

#wrap > header{background-position:center bottom;}
#co1 > div{background-position:center center;}

#wrap > header{background-size:contain;}
#co1 > div{background-size:cover;}

#wrap > header::before,
main > section h3 svg,
main > section h3 span,
#co1 p,
#schedule dl dt,
#sponsor #vip p a{display:block;}

#co1 > div p,
#sponsor ul li::before{display:inline-block;}

#sponsor #vip p a[target="_blank"]::after{display:none;}

#schedule dl{-webkit-align-items:flex-start; align-items:flex-start;}

main > section h3 svg{margin:0 auto;}

#wrap > header,
#newsbox{position:relative;}
#wrap > header > div{position:absolute;}

#co1 > div:nth-of-type(1),
#schedule dl dt{background-color:#faee05;}
#schedule ul li > p{background-color:#21ab38;}
#sponsor ul li::before{background-color:#333;}
.box_red ul li::before{display: none !important;}

#schedule ul li > p{color:#fff;}
#newsbox dl dd{color:#333;}
#co1 > div:nth-of-type(1) p span:nth-of-type(1){color:#ff8000; white-space: nowrap;}
#co1 > div:nth-of-type(1) p span:nth-of-type(2){color:#21ab38;}
#co1 > div:nth-of-type(1) p span:nth-of-type(3),
#schedule dl dt{color:#036eb8;}
#schedule h3{color:#6dba44;}
#news h3,
#newsbox dl dt{color:#ff8000;}
#sponsor h3{color:#036eb8;}

#schedule h3 path{fill:#6dba44;}

#schedule ul li > p{font-size:1.4rem;}
#schedule ul li > p span,
#newsbox dl dt{font-size:1.8rem;}
#sponsor ul#high li{font-size:2.1rem;}
#sponsor ul#middle li,
#sponsor ul#geopark li{font-size:1.8rem;}
#sponsor ul#low li{font-size:1.5rem;}

#co1 > div:nth-of-type(1) p,
#schedule dl dd,
#newsbox dl dd,
#sponsor ul li{text-align:left;}
#co1 > div:nth-of-type(2) p{text-align:justify; text-justify:inter-ideograph;}

#co1 > div:nth-of-type(1) p span,
#schedule ul li > p,
#schedule dl dt,
#newsbox dl dt{font-weight:bold;}

#co1 p,
#schedule ul li > p{letter-spacing:normal;}

#sponsor > div > div p{line-height:0;}
#sponsor ul li{line-height:1.3;}
#schedule dl dd{line-height:1.5;}

#schedule ul,
#sponsor ul{list-style:none;}

#co1 > div,
#co1 > div,
#sponsor div#vip p,
#sponsor ul li{box-sizing:border-box;}
#vip {max-width: 800px; margin-bottom: 30px; display: flex; justify-content:space-around; flex-wrap: wrap;}
#vip p {margin-bottom: 30px;}

#sponsor ul li::before{border-radius:50%;}

#wrap > header::before,
#sponsor ul li::before{content:"";}

#co1 p {font-weight: bold;}

/* */

#wrap > header::before{width:100%; max-width:1200px;}
#wrap > header > div{top:0; margin:auto; width:100%;}

main > section h3{padding-top:10px;}
main > section h3 svg{width:auto; height:52px;}

#schedule ul li > p{line-height:40px; border-radius:20px 20px 0 0;}
#schedule ul li dl dd {font-weight: bold;}

#schedule dl{padding:15px 0 5px 10px;}
#schedule dl dt{width:50px; padding:5px 0; border-radius:4px;}
#schedule dl dd{padding-left:10px;}

#newsbox dl{border-bottom:1px solid #fcd38f;}
#newsbox dd {font-weight: bold;}

#sponsor #vip p a{border:1px solid #d6d6d6;}
	#sponsor #vip p a:hover{border-color:#6dba44;}
#sponsor #vip p a img {transition: 0.3s;}
#sponsor #vip p a img:hover {opacity: 0.5;}
#sponsor ul li::before{width:10px; height:10px; margin-right:8px;}
#sponsor ul li{text-indent:-18px; padding-left:18px;}

#geopark{padding-top:30px; border-top:1px dotted #d6d6d6;}

#middle2{font-size: 1.8rem;}

#vip {
    margin-left: auto;
    margin-right: auto;
}

#vip2 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#vip2 p {
    border:1px solid #d6d6d6;
    transition: 0.3s;
    width: 47%;
    margin-top: 30px;
}

#vip2 p a {
    height: 0px;
    transition: 0.3s;
}

#vip2 p a img {
    align-self: flex-start;
    width: 100%;
}

#vip2 p a:hover {
    opacity: 0.5;
}

#vip2 p:hover {
    border-color: #21ab38;
}

@media all and (max-width:567px){ /* ～567px スマホ横未満 */
#wrap > header::before{padding-top:100.7%;}
#sponsor ul{padding-left:10px;}
    #vip p {
        width: 80%;
        margin-bottom: 30px;
    }
    
    #vip2 p {
        width: 90vw;
        height: 83px;
    }
    
    #vip2 p a img {
        align-self: flex-start;
    }
}
@media (min-width:568px){ /* 568px～ スマホ横以上すべて */
#wrap > header::before{padding-top:640px;}
}
@media (min-width:568px) and (max-width:979px){ /* 568px～979px スマホ横以上～デスクトップ未満 */
#wrap > header p#hiduke span:nth-of-type(3),
#wrap > header p#hiduke span:nth-of-type(6){font-size:2.3rem;}
#wrap > header p#hiduke{font-size:2.3rem;}
    #wrap > header h1 span:nth-of-type(1){font-size:2.9rem;}
#wrap > header p#hiduke span:nth-of-type(1),
#wrap > header p#hiduke span:nth-of-type(2),
#wrap > header p#hiduke span:nth-of-type(4),
#wrap > header p#hiduke span:nth-of-type(5){font-size:3.9rem;}
#wrap > header h1 span:nth-of-type(2){font-size:5.1rem;}
#wrap > header svg{height:90px; margin-left:30px;}
#wrap > header ul{margin:20px auto 0;}
#wrap > header ul li img{height:80px;}
#wrap > header p#hiduke{width:410px; margin-top:10px; margin-left:210px; padding-top:5px; padding-bottom:5px;}

#wrap #newsbox dl{display:block;}
#wrap #newsbox dl dt{padding-top:15px;}
#newsbox dl dd{margin-left:15px;}
#newsbox dl dd p{padding:10px 0;}
#sponsor div#vip{display:-webkit-flex; display:flex; flex-wrap: wrap; justify-content: space-around; flex-direction: row;}
    #sponsor div#vip p {margin-bottom: 30px;}
#sponsor div#vip p+p{}
#sponsor ul{padding-left:35px;}
    #vip p {width: 45%;}
}

@media all and (max-width:767px){ /* ～767px タブレット縦未満すべて */
    
#co1 p br{display:none;}

#schedule dl{display:-webkit-flex; display:flex;}

#co1 h2{font-size:2.1rem;}
#co1 p{font-size:1.6rem;}
#co1 > div:nth-of-type(1) p span{font-size:1.9rem;}
main > section h3{font-size:2.3rem;}

#newsbox dl dt{text-align:left;}

/* */

#wrap > header div div{padding-top:25px;}

main > section h3{margin-bottom:30px;}
main > section h3 span{margin-top:15px;}

#co1 > div{padding-top:40px; padding-bottom:40px;}
#co1 > div:nth-of-type(1) p{margin-top:20px;}

#newsbox{height:250px;}
#newsbox dl dt{padding:15px 0 5px 10px;}
#newsbox dl dd{padding-left:10px;}
#newsbox dl dd p{padding:0 0 15px 0;}
#fbbox{margin-top:50px;}

#schedule ul li:nth-of-type(n+2){margin-top:50px;}

#sponsor div#vip{padding-bottom:10px;}
#sponsor div#vip p img{width:100%; height:auto;}
#sponsor > div > div p:nth-of-type(n+2){margin-top:30px;}
#sponsor ul li{margin-top:30px;}
    .box_red {
/*    padding-left: 5em;*/
    margin: 2em 0;
    font-weight: bold;
    color: #dc143c;
    background: #FFF;
    
    margin-left: auto;
        margin-right: auto;
	}
    
    .box_red ul {
        width: 77vw;
    }
    
    .box_red ul li {
        vertical-align: middle !important;
        border-radius: 10px;
    }
    
    .box_red ul li a {
        color: white;
        transition: 0.3s;
        width: 100%;
        display: block;
        text-align: center !important;
        padding: 20px 0px 20px 20px;
        border-radius: 10px;
    }
    
    .box_red ul li a:hover {
        color: white;
        opacity: 0.5;
    }
    
    .box_red ul li:nth-child(1) a {
        background-color: #ff8000;
    }
    
    .box_red ul li:nth-child(2) a {
        background-color: #ff8000;
    }
    
    .box_red ul li:nth-child(3) a {
        background-color: #036eb8;
    }
    
    .box_red ul li:nth-child(4) a {
        background-color: #036eb8;
    }
    
    .box_red {
        list-style: none;
    }
    
	.box_red h1 {
		font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
	}
    
}
@media (min-width:768px){ /* 768px～ タブレット縦以上すべて */
#news > div{display:-webkit-flex; display:flex;}
#sponsor ul{-webkit-flex-wrap:wrap; flex-wrap:wrap;}
#newsbox{-webkit-flex-grow:1; flex-grow:1;}
#fbbox{-webkit-flex-shrink:0; flex-shrink:0;}

#newsbox dl dd p{font-size:1.8rem;}
main > section h3{font-size:3.1rem;}

/* */

#wrap > header ul li+li{margin-left:20px;}

main > section h3{margin-bottom:50px;}
main > section h3 span{margin-top:20px;}

#newsbox{height:400px;}
#newsbox dl dt{padding-left:10px;}

#sponsor ul li{width:50%;}
}
@media (min-width:768px) and (max-width:979px){ /* 768px～979px タブレット縦以上デスクトップ未満 */
#sponsor > div:not("#vip2"){-webkit-flex-direction:column; flex-direction:column;}

#sponsor ul{margin:0 auto;}

#co1 h2{font-size:3.5rem;}
#co1 p{font-size:1.9rem;}
#co1 > div:nth-of-type(1) p span{font-size:2.3rem;}

/* */

#wrap > header div div{padding-top:30px;}

#co1 > div{padding-top:60px; padding-bottom:60px;}
#co1 > div:nth-of-type(1) p{margin-top:30px;}
#co1 > div:nth-of-type(2){padding-right:30px; padding-left:30px;}

#newsbox{margin-right:30px;}
#fbbox{width:350px;}

#schedule ul li:nth-of-type(2n){padding-left:2%; border-left:1px dotted #333;}
#schedule ul li:nth-of-type(n+3){margin-top:50px;}

#sponsor ul{max-width:800px;}
#sponsor ul li{margin-top:40px;}
    #vip2 {flex-direction: row;}
    #vip2 p {width: 60%;}
    .box_red {
/*    padding-left: 5em;*/
    margin: 2em 0;
    font-weight: bold;
    color: #dc143c;
    background: #FFF;
    border-radius: 10px;
    margin-left: auto;
        margin-right: auto;
	}
    
    .box_red ul {
        
    }
    
    .box_red ul li {
        vertical-align: middle !important;
        max-width: 300px;
    }
    
    .box_red ul li:nth-child(2n) {
        margin-left: 40px;
    }
    
    .box_red ul li a {
        color: white;
        transition: 0.3s;
        width: 100%;
        display: block;
        text-align: center !important;
        padding: 20px 0px 20px 20px;
        border-radius: 10px;
    }
    
    .box_red ul li a:hover {
        color: white;
        opacity: 0.5;
    }
    
    .box_red ul li:nth-child(1) a {
        background-color: #ff8000;
    }
    
    .box_red ul li:nth-child(2) a {
        background-color: #ff8000;
    }
    
    .box_red ul li:nth-child(3) a {
        background-color: #036eb8;
    }
    
    .box_red ul li:nth-child(4) a {
        background-color: #036eb8;
    }
    
    .box_red {
        list-style: none;
    }
    
	.box_red h1 {
		font-size: 16px;
        line-height: 30px;
        margin-bottom: -20px;
	}
    
}

@media all and (max-width:979px){ /* ～979px デスクトップ未満すべて */}
@media (min-width:980px){ /* 980px～ デスクトップ以上すべて */
    
    .pulldown li a {
        padding-left: 20px;
    }
    
    .pulldown2 li a {
        padding-left: 40px;
    }
    
#sponsor ul{-webkit-align-content:space-between; align-content:space-between;}

#wrap > nav ul{font-size:1.4rem;}
#wrap > header p#hiduke span:nth-of-type(3),
#wrap > header p#hiduke span:nth-of-type(6){font-size:1.9rem;}
#co1 p{font-size:2.1rem;}
#co1 > div:nth-of-type(1) p span{font-size:2.6rem;}
#wrap > header p#hiduke{font-size:2.0rem;}
#wrap > header h1 span:nth-of-type(1){font-size:2.2rem;}
#wrap > header p#hiduke span:nth-of-type(1){font-size:3.0rem;}
#wrap > header p#hiduke span:nth-of-type(2){font-size:3.0rem;}
#wrap > header p#hiduke span:nth-of-type(4){font-size:3.0rem;}
#wrap > header p#hiduke span:nth-of-type(5){font-size:3.0rem;}
#co1 h2{font-size:3.9rem;}
#wrap > header h1 span:nth-of-type(2){font-size:4rem;}

#schedule ul{width:1200px;}

#co1 p{margin-right:auto; margin-left:auto;}

/* */

.flx4clm > *{-webkit-flex-basis:280px; flex-basis:280px;}

#wrap > header{background-color:#d0e6fd;}

#wrap > header svg{height:70px;}
#wrap > header ul{margin-left:30px;}

#wrap > header div div{padding-top:40px;}
#wrap > header ul li img{height:75px;}
#wrap > header p#hiduke{width:320px; margin-top:10px; margin-left:350px; padding-top:5px; padding-bottom:5px;}

#wrap > nav ul{width:845px;}

#co1 > div:nth-of-type(1){height:400px; padding-top:110px;}
#co1 > div:nth-of-type(1) p{max-width:800px; margin-top:40px;}
#co1 > div:nth-of-type(2){height:350px; padding-top:80px;}
#co1 > div:nth-of-type(2) p{max-width:980px;}

#newsbox{margin-right:60px;}
#newsbox dl dd{margin-left:30px;}
#newsbox dl dd p{padding:15px 0;}
#fbbox{width:500px;}

#schedule ul li:nth-of-type(n+2){padding-left:12px; border-left:1px dotted #333;}

#sponsor #vip p+p{margin-top:0px;}
#sponsor ul{margin-left:100px;}
#sponsor ul li{margin-bottom:20px;}

/*20190702お客様都合による追記*/
#wrap > header{
	background-image:url(../images/mainimgtxt.svg?20190701_1620), url(../images/mainimg.jpg?20190701_1620), url(../images/subimg2.jpg?20190702_1113), url(../images/subimg1.jpg?20190702_1113);
	background-size:contain;
	background-position:center center, center center, top left -20%, top right -20%;
	background-repeat:no-repeat;
}
    
    .button a svg {
        margin-bottom: 15px;
    }
    
    .pulldown li {
        font-size: 1.7rem;
    }
    
    .pulldown2 li {
        font-size: 1.5rem;
    }
    
    .pulldown {
        right: -50px;
        top: 100px
    }
    
    .pulldown2 {
        right: -1px;
        top: 244px;
    }

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #sponsor ul{ width:880px; } /* IE11のみ、本来は不要な記述 */
}
    
    .box_red {
/*    padding-left: 5em;*/
    margin: 2em 0;
    font-weight: bold;
    color: #dc143c;
    background: #FFF;
    border-radius: 10px;
    margin-left: auto;
        margin-right: auto;
	}
    
    .box_red ul {
        margin-right: auto !important;
        margin-left: auto !important;
        justify-content: space-between;
    }
    
    .box_red ul li {
        vertical-align: middle !important;
        max-width: 220px;
        padding-left: 0px;
    }
    
    .box_red ul li a {
        color: white;
        transition: 0.3s;
        width: 100%;
        display: block;
        text-align: center !important;
        padding: 20px 0px 20px 20px;
        border-radius: 10px;
    }
    
    .box_red ul li a:hover {
        color: white;
        opacity: 0.5;
    }
    
    .box_red ul li:nth-child(1) a {
        background-color: #ff8000;
    }
    
    .box_red ul li:nth-child(2) a {
        background-color: #ff8000;
    }
    
    .box_red ul li:nth-child(3) a {
        background-color: #036eb8;
    }
    
    .box_red ul li:nth-child(4) a {
        background-color: #036eb8;
    }
    
    .box_red {
        list-style: none;
    }
    
	.box_red h1 {
		font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
	}
    
    /*概要ページ*/
    
    .orange {
    color: #FF7F00;
    font-size: 2.3rem;
}

strong {
    font-size: 2.3rem;
}

.top h3 {
    font-size: 2.5rem;
    color: white;
    background-color: #036EB8;
    font-weight: bold;
    padding: 15px 0px 15px 5px;
}

.top table {
    font-size: 1.8rem;
    border: solid 1px #036EB8;
    width: 100%;
    margin-bottom: 50px;
}

.top table tr td {
    line-height: 30px;
    border: solid 1px #036EB8;
    padding: 12px 0px 12px 5px;
    background-color: white;
}

.top table tr td:nth-child(1) {
    width: 20%;
}

table tr th {
    background-color: rgba(3,110,184,0.1);
    padding: 12px 0px 12px 5px;
}

.red {
    color: #FF0000;
}

.red-normal {
    color: #FF0000;
    font-weight: normal;
}

.blue {
    color: #006CB8;
}

.section-2 div {
    max-width: 890px;
}

.theme {
    text-align: center !important;
    padding-bottom: 0px !important;
}

.theme p {
    padding: 20px 0px !important;
}

.theme p:nth-child(1) {
    font-size: 2.5rem !important;
    font-weight: bold;
    
}

.theme p span {
    font-size: 2.0rem;
}

.theme p span:nth-child(1) {
    color: #FF7F00;
    font-weight: bold;
}

.theme p span:nth-child(2) {
    color: #20AB38;
    font-weight: bold;
}

.theme p span:nth-child(3) {
    color: #026DB8;
    font-weight: bold;
}

.pdf_button {
    text-align: center !important;
}

.pdf_button a {
    border-radius: 10px;
    color: white !important;
    padding: 20px 30px;
    background-color: #FF7F00;
    font-size: 1.8rem;
    transition: 0.3s
}

.pdf_button a:hover {
    opacity: 0.5;
}

.kaijou_map {
    width: 90vw;
    margin-top: 40px;
    max-width: 890px
}

ul {
    list-style: none;
}

.section-0 ul li {
    font-size: 1.8rem;
    padding-left: 1.8rem;
    margin-bottom: 40px;
    margin-top:-30px; 
    line-height: 30px;
}

.section-1 ul li {
    font-size: 1.8rem;
    padding-left: 1.8rem;
    line-height: 30px;
}

.section-0 ul li::before {
    content: '※';
    display: inline-block;
    width: 1.8rem;
    margin-left: -1.8rem;
}

.section-1 ul li::before {
    content: '※';
    display: inline-block;
    width: 1.8rem;
    margin-left: -1.8rem;
}
    

@media all and (max-width:374px){ /* ～375px 旧スマホ縦未満（4インチ） */}
@media all and (max-width:567px){ /* ～567px スマホ横未満 */
    .kaijou_map {
        width: 100%;
    }
    
    .pdf_image div {
        width: 100%;
    }
    
    .pdf_image a img{
    width: 100%;
    max-width: 567px;
}
}
@media (min-width:568px){ /* 568px～ スマホ横以上すべて */}
@media (min-width:568px) and (max-width:767px){ /* 568px～767px スマホ横以上タブレット縦未満 */}

@media all and (max-width:767px){ /* ～767px スマホ縦未満全て */}
@media (min-width:768px){ /* 768px～ タブレット縦以上全て */}
@media (min-width:768px) and (max-width:979px){ /* 768px～979px タブレット縦以上デスクトップ未満 */}

@media all and (max-width:979px){ /* ～979px デスクトップ未満すべて */}
@media (min-width:980px){ /* 980px～ デスクトップ以上すべて */}

/* End CSS */