/*------------------------------------------------------------
	FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){

/*------------------------------------------------------------
	BODY BASIC
------------------------------------------------------------*/
body{
}

.mt45{
margin-top:45px !important;
}

/*------------------------------------------------------------
	RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:block; }
.sponly{ display:none; }


/*------------------------------------------------------------
	HEADER
------------------------------------------------------------*/

/*------------------------------------------------------------
	TOPPAGE
------------------------------------------------------------*/
main{
width: 100%;
    overflow: hidden;
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
}
/*------------------------------------------------------------
	PANKUZU
------------------------------------------------------------*/


/*------------------------------------------------------------
	PAGE
------------------------------------------------------------*/
/* INFORMATION */

#tabSet{
padding:0 0 1em;
margin:0 0 20px;

}

.tabs{
display:flex;
}

.tabs li{
display:inline-block;
width:25%;
height:98px;
color:#fff;
font-size:2.4rem;
text-align:center;
font-weight:700;
line-height:98px;
}
.tabs li:nth-child(1){ background:#414857; }
.tabs li:nth-child(2){ background:#7ac943; }
.tabs li:nth-child(3){ background:#ff931e; }
.tabs li:nth-child(4){ background:#3fa9f5; }

.tabs li a{
display:block;
}
.tabs li a:hover{
text-decoration:underline;
}

.tabs li a.on{
cursor:default;
}
.tabs li a:hover{
text-decoration:none;
}

.tabs li a.on:hover{
text-decoration:none;
}

.panel{
padding-top:48px;
}


.feed{
}
.feed li{
position:relative;
border-bottom: var(--divider1);
font-size: 1.2rem;
display:flex;
}
.feed li:first-child{
border-top: var(--divider1);
}

.feed li:hover{
background:#fafafa;
}
.feed li a{
display: flex;
    align-items: flex-start;
padding: 1em 2.5em 1em 0.5em;
    padding-top: 2em;
    padding-bottom: 2em;
    position: relative;
}
.feed li::after{
content: "";
    width: 0.7em;
    height: 0.7em;
    border-top: 2px solid #8995ab;
    border-right: 2px solid #8995ab;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: calc(50% - 0.35em);
    right: 1em;
}


.postDate{
display: inline-block;
    width: 8em;
    margin: 0;
    line-height: 1.6;
}
.postCat{
    color: #fff;
    background: #aaa;
    width: 9em;
    text-align: center;
    padding: 0.3em 0.5em;
    line-height: 1;
    display: inline-block;
    margin: 0 3em 0 0;
}

.feed li h3{
font-weight: 400;
    font-size: inherit;
    line-height: 1.3;
    font-feature-settings: normal;
padding: 0.15em 0;
}

.cat-news{ background: var(--green); }
.cat-event{     background: var(--orange); }
.cat-eddy-info{     background: var(--blue); }


/* EDDY INTRO */



.eddyIntro{
font-size:18px;
line-height:32px;
}

.eddy-headimg{
margin-bottom:15px;
}


.eddyBtns{
display:flex;
justify-content:space-between;
}
.eddyBtns li{
width:240px;
height:180px;
text-indent:-9999px;
}
.eddyBtns li:nth-child(1){ background:url(img/edbtn01.jpg) no-repeat center center; }
.eddyBtns li:nth-child(2){ background:url(img/edbtn02.jpg) no-repeat center center; }
.eddyBtns li:nth-child(3){ background:url(img/edbtn03.jpg) no-repeat center center; }
.eddyBtns li:nth-child(4){ background:url(img/edbtn04.jpg) no-repeat center center; }

.eddyBtns li a{
display:block;
width:100%;
height:100%;
}
.eddyBtns li:hover{
opacity:.8;
}

#eddynews{
padding-top:120px;
margin-top:-120px;
}


h3.edmd{
font-size:35px;
line-height:60px;
border-bottom:2px solid #ff921e;
padding-left:1em;
position:relative;
}
h3.edmd::before{
content:'';
width:10px;
height:40px;
background:#ff921e;
position:absolute;
top:10px;
left:0;
}
h3.edmd-2{
font-size:35px;
line-height:60px;
padding-left:1em;
position:relative;
}
h3.edmd-2::before{
content:'';
width:10px;
height:40px;
background:#ff921e;
position:absolute;
top:10px;
left:0;
}
.edflow{
}
.edflow li{
display:flex;
justify-content:space-between;
margin-bottom:30px;
}
.edfThumb{
width:525px;
margin:0;
}
.edfText{
width:525px;
}
.edfTitle{
display:flex;
justify-content:left;
padding-bottom:15px;
border-bottom:2px solid #b2b2b2;
margin-bottom:25px;
}
.edfTitle span.num{
color:#f05a24;
font-size:120px;
line-height:120px;
font-weight:bold;
width:180px;
}
.edfTitle span.title{
color:#f05a24;
font-size:42px;
line-height:48px;
font-weight:bold;
display:flex;
justify-content:left;
align-items:center;
}

.edfc dt{
padding-left:1.2em;
font-size:24px;
line-height:36px;
font-weight:bold;
position:relative;
}
.edfc dt::before{
content:'';
width:20px;
height:20px;
background:#ff921e;
position:absolute;
top:9px;
left:0;
}

.edfc dd{
font-size:18px;
line-height:32px;
margin-bottom:1.5em;
}


.edfCol{
display:flex;
justify-content:space-between;
padding-bottom:20px;
border-bottom:2px solid #b2b2b2;
margin-bottom:25px;

}
.edfColL{
width:210px;
}
.edfColR{
width:240px;
}
.edfText p{
margin-bottom:1.5em;
font-size:18px;
line-height:32px;
}
.edfatt{
position:relative;
padding-left:1.2em;
font-size:18px;
line-height:32px;
}
.edfatt::before{
content:'※';
position:absolute;
top:0;
left:0;
}


.edicol{
display:flex;
justify-content:space-between;
margin:2em auto 4em;
}
.edi{
margin:2em 0 4em;
width:525px;
}

.ytTitle{
font-size:18px;
line-height:32px;
text-decoration:underline;
margin-bottom:25px;
}

.mov{
width:975px;
margin:0 auto;
}
.youtube{
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.edT{
width:100%;
}
.edT thead th{
background:#333;
font-size:21px;
color:#fff;
line-height:50px;
text-align:left;
padding:0 25px;
border:0 !important;
}
.edT tbody th{
border-left:0;
border-bottom:1px solid #333;
border-right:2px solid #333;
font-size:18px;
line-height:32px;
font-weight:normal;
background:#fff;
text-align:center;
}
.edT tbody td{
border:0;
padding:10px 15px;
border-bottom:1px solid #333;
font-size:18px;
line-height:32px;
}
.edT tbody td:first-child{
border-right:2px solid #333;
}
.edT tbody tr:nth-child(odd){
background:#f1f1f1;
}
.edT tbody td.adj{
border-right:2px solid #333;
}



.edt{
font-size:18px;
line-height:32px;
}


.edcTitle{
font-size:36px;
line-height:50px;
margin-bottom:15px;
font-weight:bold;
padding-left:75px;
position:relative;
}
.edcTitle::before{
content:'';
width:62px;
height:38px;
background:url(img/evmark.svg) no-repeat;
background-size:62px;
position:absolute;
top:6px;
left:0;
}

.edcTel{
font-size:66px;
line-height:88px;
font-weight:bold;
padding-left:60px;
position:relative;
margin-bottom:60px;
}
.edcTel::before{
content:'';
width:50px;
height:65px;
background:url(img/telmark.svg) no-repeat;
background-size:50px;
position:absolute;
top:14px;
left:0;
}
.edcTel span{
display:block;
font-size:26px;
line-height:30px;
margin-top:10px;
}



/*------------------------------------------------------------
404 PC
------------------------------------------------------------*/

.errorMessage{
width:600px;
margin:0 auto;
}

.ep01{
font-weight:bold;
color:#ff931e;
font-size:40px;
line-height:60px;
margin-bottom:60px;
}

.ep02{
font-weight:bold;
font-size:20px;
line-height:38px;
margin-bottom:50px;
}

.ep03 a{
display:inline-block;
padding:20px 40px;
font-size:20px;
color:#fff;
font-weight:bold;
background:#ff931e;
}





/*------------------------------------------------------------
	CATEGORY ARCHIVE EDDY INFO
------------------------------------------------------------*/
.whText{
color:#fff !important;
}

.eiTitle{
width:1100px;
font-size:24px;
line-height:32px;
padding-bottom:8px;
font-weight:bold;
border-bottom:1px solid #c9c9c9;
margin:0 auto 40px;
}

.eddyInfo{
width:1100px;
margin:0 auto 60px;
display:flex;
justify-content:space-between;
}
.eiContent{
width:770px;
padding:0 34px 0 0;
border-right:1px solid #c9c9c9;
margin:0;
border-bottom:0;
}
.eiSide{
width:330px;
padding-left:56px;
}
.eiTileArea{
}

.eiArchive{
}

.eiArchive li{
padding:80px 0 60px;
border-bottom:1px solid #c9c9c9;
}

.eiArchive li:first-child{
padding-top:0;
}
.eiArchive li:last-child{
border-bottom:0;
}


.eiTime{
font-size:14px;
line-height:18px;
}
.eiCat{
font-size:14px;
line-height:18px;
margin-bottom:30px;
}

.eiPostTitle{
font-size:24px;
line-height:36px;
margin-bottom:20px;
}
.eiPost{
width:600px;
font-size:14px;
line-height:28px;
}

.eiPost p{
margin-bottom:2em;
}
.eiPost p:last-child{
margin-bottom:0;
}

.eiSideTitle{
font-size:16px;
line-height:40px;
background:#fdeddb;
padding:0 10px;
border:1px solid #c9c9c9;
margin-bottom:10px;
}

.sideCatList{
margin-bottom:30px;
}
.sideCatList li{
padding:5px 0 5px 18px;
position:relative;
}

.sideCatList li::before{
content:'';
width:6px;
height:6px;
background:#999;
border-radius:50%;
position:absolute;
top:14px;
left:5px;
}

.siddCatList li a:hover{
text-decoration:underline;
}


/*------------------------------------------------------------
	SINGLE
------------------------------------------------------------*/
.single{
max-width:960px;
margin:0 auto;
padding:80px 0;
}
.postInfo{
border-bottom:1px solid #ccc;
padding:0 0 10px;
}


.singlePostDate{
display: inline-block;
    width: 10em;
    margin: 0;
    line-height: 2;
text-align:center;
}
.singlePostCat{
color: #fff;
    width: 9em;
    text-align: center;
    line-height: 24px;
    display: inline-block;
}

.single h2{
margin-bottom:2em !important;
}

.singleNavi{
max-width:960px;
margin:0 auto;
}


/*------------------------------------------------------------
	ENTRY FORM
------------------------------------------------------------*/
.gbg{
background:#f2f2f2;
width:100%;
padding:1px 0;
}
.flowTitleS{
font-size: 2em;
color:#ff931e;
font-weight: 700;
    margin-top: 0;
    margin-bottom: 1em;
    font-feature-settings: "palt"1;
    letter-spacing: 0.02em;
}
.flowTitleC{
font-size: 2em;
color:#3fa9f5;
font-weight: 700;
    margin-top: 0;
    margin-bottom: 1em;
    font-feature-settings: "palt"1;
    letter-spacing: 0.02em;
}

.entryFlowsS,
.entryFlowsC{
}
.entryFlowsS li{
border:4px solid #ff931e;
padding:20px;
background:#fff;
margin-bottom:30px;
}
.entryFlowsC li{
border:4px solid #3fa9f5;
padding:20px;
background:#fff;
margin-bottom:30px;
}

.entryFlowsS .flowStep{
font-size:1.8em;
line-height:1.7em;
margin-bottom:.5em;
color:#ff931e;
font-weight:700;
}
.entryFlowsC .flowStep{
font-size:1.8em;
line-height:1.7em;
margin-bottom:.5em;
color:#3fa9f5;
font-weight:700;
}

.flowInfo{
margin-left:50px;
position:relative;
padding-left:1.2em;
}
.flowInfo::before{
content:'●';
position:absolute;
top:0;
left:0;
}
.flowCaption{
margin-left:50px;
    position: relative;
    padding-left: 1.2em;
    margin-bottom: 10px;
}
.flowCaption::before{
content: '※';
    position: absolute;
    top: 0;
    left: 0;
}

.caption{
    position: relative;
    padding-left: 1.2em;
    margin-bottom: 10px;
}
.caption::before{
content: '※';
    position: absolute;
    top: 0;
    left: 0;
}

.entryTitleS{
font-weight:700;
color:#fff;
font-size:2.4em;
padding:20px;
display:block;
text-align:center;
background:#ff931e;
margin-bottom:20px;
}
.entryTitleC{
font-weight:700;
color:#fff;
font-size:2.4em;
padding:20px;
display:block;
text-align:center;
background:#3fa9f5;
margin-bottom:20px;
}
.formTitle{
font-weight:700;
color:#fff;
font-size:2.4em;
padding:20px;
display:block;
text-align:center;
background:#4d4d4d;
margin-bottom:20px;
}
.form{
}
.form dd p.caption{
font-size:.9em;
color:#999;
position:relative;
padding-left:1.2em;
margin-bottom:10px;
}
.form dd p.caption::before{
content:'※';
position:absolute;
top:0;
left:0;
}

.address{
}
.address li{
margin-bottom:10px;
}
.address li::after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.addItem{
width:12em;
float:left;
padding:7px 0 0;
}
.addItem span{
display:inline-block;
font-size:.8em;
color:#999;
}

.addForm{
margin-left:12em;
margin-bottom:0;
}

[type="text"], [type="email"], [type="search"], [type="tel"], [type="url"], [type="password"], textarea {
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    border-radius: .2em;
    width: 100%;
    vertical-align: middle;
    transition: 200ms;
    line-height: 1.3;
}

select{
font-size:16px;
padding:10px;
border:1px solid #ccc;
border-radius:.2em;
}

.ppbox{
height:200px;
border:1px solid #ccc;
padding:20px;
overflow:auto;
}

.demo{
margin-bottom:30px;
}


.demo li{
padding-left:18px;
position:relative;
font-size:21px;
line-height:42px;
}
.demo li::before{
content:'';
width:6px;
height:6px;
background:#999;
border-radius:50%;
position:absolute;
top:18px;
left:4px;
}
.demoSub{
}

.demoSub li{
font-size:18px !Important;
line-height:32px !Important;
position:relative;
padding-left:18px;
}
.demoSub li::before{
content:'';
width:10px;
height:1px;
background:#999;
position:absolute;
top:16px;
left:0;
}

.eddyLink{
font-size:24px;
line-height:42px;
text-decoration:underline;
padding-left:30px;
position:relative;
}
.eddyLink span{
color:#f7931e;
}

.eddyLink::before{
content:'';
width:12px;
height:12px;
border-right:2px solid #f7931e;
border-bottom:2px solid #f7931e;
transform:rotate(-45deg);
position:absolute;
top:16px;
left:0;
}
.eddyLink::after{
content:'';
width:12px;
height:12px;
border-right:2px solid #f7931e;
border-bottom:2px solid #f7931e;
transform:rotate(-45deg);
position:absolute;
top:16px;
left:8px;
}

.mb0{ margin-bottom:0 !important; padding:0 !important; }

.eddybnr{
margin-bottom:20px;
}
.eddybnr img{
transition:all .2s;
}
.eddybnr:hover img{
opacity:0.8;
}



/*------------------------------------------------------------
	FOOTER BNR
------------------------------------------------------------*/
.extLink{
    padding: 0 var(--base-padding-x) 3rem;
    margin: 0;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.extLink li{
width:540px;
margin:0;
}
.extLink li img{
transition:all .2s;
}
.extLink li:hover img{
opacity:.8;
}


/*------------------------------------------------------------
	END PC LAYOUT CSS
------------------------------------------------------------*/
}