@charset "utf-8"; /* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');

/*--------------------------------------------ScheMenu*/
.ScheMenu{margin-bottom: 40px;}
.ScheMenu ul{
    display: flex;
    justify-content: center;
}
.ScheMenu li{
    margin: 0 4px;
}

/*--------------------------------------------------------------------------------------*/
/*-------------------------------公演スケジュールTOP用---------------------------------*/
/*--------------------------------------------------------------------------------------*/

/*--------------------------------------------theater*/
#theater{
    margin: 0 auto;
}
#theater .theaterIn{
    padding: 40px 0;
}
#theater .theaterIn:nth-child(odd){background-color: #efefef;}
#theater .Inner{
    display: flex;
    flex-wrap: wrap;
    width: 1000px;
    margin: 0 auto;
}

#theater .Inner .Area{
    width: 150px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#theater .Inner .Area .icon{
    width: 20px;
    margin: 0 auto;
    padding-bottom: 10px;
}
#theater .Inner .Area dl{}
#theater .Inner .Area dt{
    font-size: 20px;
}
#theater .Inner .Area dd{}
#theater .Inner .EntryWrap{
    flex: 1;
    display: flex;
    justify-content: flex-start;
}
#theater .Inner .Entry{
    background-color: #fff;
    width: 20%;
    border-radius: 3px;
    padding: 10px;
    border: 1px solid #e7e7e7;
    margin: 0 10px;
    position: relative;
}
#theater .Inner .Entry{-webkit-transition: all .3s ease-out;}
#theater .Inner .Entry .photo{-webkit-transition: all .3s ease-out;
}
#theater .Inner .Entry dl{}
#theater .Inner .Entry dt{
    padding-bottom: 5px;
}
#theater .Inner .Entry dd{
    font-size: 12px;
}
#theater .Inner .Entry dt a{
    text-decoration: none;
    color: #000;
    text-decoration: underline;
}
#theater .Inner .Entry dt a:after{}

#theater .Inner .Entry:hover{
    cursor: pointer;
    border: 1px solid #d1d1d1;
}
#theater .Inner .Entry:hover .photo{
    opacity: 0.5;
}
#theater .Inner .Entry:hover dt a{
}

/*----------------------------Attention*/
#Attention{
    width: 800px;
    margin: 30px auto;
    border: 1px solid #ccc;
    padding: 20px;
    box-sizing: border-box;
}
#Attention .Entry{
}
#Attention .Entry + .Entry{
    margin-top: 10px;
}
#Attention .Entry h3{
    padding-bottom: 3px;
}
#Attention .Entry ul{
    font-size: 13px;
}
#Attention .Entry li{padding-left:16px;}
#Attention .Entry li:before{content:"\f14a"; display:block; float:left; margin-left:-18px; width:1em; text-align:center; font-family:FontAwesome;}
#Attention .Entry li + li{}



/*--------------------------------------------------------------------------------------*/
/*-------------------------------公演スケジュール下層用---------------------------------*/
/*--------------------------------------------------------------------------------------*/

/*---------------------------------------------------------contentWrapper*/
#ScheLower .contentWrapper{
    padding-top: 0;
}
.ScheMenuWrap{
    background-color: #f0f0f0;
    box-shadow: inset 0px 1px 4px -3px  #000;
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding: 20px 0;
    margin-bottom: 50px;
}
.ScheMenuWrap .title{
    color: #006F3B;
    font-size: 16px;
    padding-right: 5px;
}
.ScheMenuWrap .ScheMenu{
    margin-bottom: 0;
}

/*--------------------------------dayIcon*/

#ScheLower .dayIcon{
    width: 75px;
    height: 65px;
    position: absolute;
    background-color: #ccc;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    padding-top: 1px;
    box-sizing: border-box;
}
#ScheLower .dayIcon span{
    font-family: "Cardo", serif;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0px;
    padding-bottom: 4px;
    font-style: italic;
}
#ScheLower .dayIcon span + span{
    font-size: 22px;
}
#ScheLower .dayIcon span + span em{
    font-size: 19px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 0px 0px;
    font-style: italic;
}
#ScheLower .concert .dayIcon{background-color: #a54382}
#ScheLower .opera .dayIcon{background-color: #0b9b57}
#ScheLower .ballet .dayIcon{background-color: #b5a42d}
#ScheLower .operetta .dayIcon{background-color: #5881ab}
#ScheLower .musical .dayIcon{background-color: #dd6346}

/*---------------------------------------------------------MainTitle*/
.MainTitle{
    display: flex;
    margin-bottom: 40px;
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.MainTitle .title{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.MainTitle .title .name{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 360px;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 15px;
}
.MainTitle .title .name dt{
    width: 16px;
    margin-right: 8px;
}
.MainTitle .title .name dt img{
    border: 1px solid #d5d5d5;
}
.MainTitle .title .name dd{
    font-size: 18px;
    margin-right: 5px;
}
.MainTitle .title .name dd + dd{
    font-size: 12px;
}
.MainTitle .title h1{
    /* width: 360px; */
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}
.MainTitle .title h1 span{
    display: block;
}
.MainTitle .title .txt{
    width: 400px;
    margin: 0 auto;
    line-height: 1.8;
}
.MainTitle .photo{
    flex: 1;
    position: relative;
    line-height: 0;
}
.MainTitle .photo .caption{
    font-size: 11px;
    position: absolute;
    bottom: 5px;
    padding: 2px 5px;
    left: 5px;
    line-height: 1;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
}

/*-----------------------------TicketIntro*/
#TicketIntro{
    width: 1000px;
    margin: 0 auto;
    border: 1px solid #c3d4bc;
    padding-bottom: 20px;
    box-sizing: border-box;
    margin-bottom: 60px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 30%);
    position: relative;
    background-color: #eaf1ed;
}
#TicketIntro:before{content:"";width: calc(100% - 6px);height: calc(100% - 6px);position: absolute;border: 1px solid #c6ccc4;top: 2px;left: 2px;}
#TicketIntro dl.Title{
}
#TicketIntro .Title dt{
    text-align: center;
    background-color: #006f3b;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 20px;
    margin-bottom: 12px;
}
#TicketIntro .Title dd{padding: 0 20px;margin-bottom: 16px;position: relative;z-index: 2;}
#TicketIntro .Title dd strong{color: #d43a8a;/* font-size: 125%; */}
#TicketIntro .Title dd ul{}
#TicketIntro .Title dd li{line-height: 1.5;font-size: 14px;padding-left: 16px;font-weight: bold;}
#TicketIntro .Title dd li:before{content:"\f006";display:block;float:left;margin-left:-18px;width:1em;text-align:center;font-weight: normal;font-family:FontAwesome;}
#TicketIntro .Title dd li + li{
    margin-top: 4px;
}

#TicketIntro .Sample{
	margin: 0 20px;
	background-color: #fff;
	padding: 10px 15px 15px 15px;
	border: 1px solid #d6dfd2;
	position: relative;
	z-index: 2;
}
#TicketIntro .Sample dl{}
#TicketIntro .Sample dt{
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#TicketIntro .Sample dt span{
	display: inline-block;
	background-color: #c6dccf;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 4px 3px;
	margin-right: 4px;
}
#TicketIntro .Sample dt strong{
	color: #d43a8a;
	font-size: 153%;
	display: inline-block;
	padding: 0px 1px;
}
#TicketIntro .Sample dd{}
#TicketIntro .Sample dd ul{}
#TicketIntro .Sample dd li{padding-left: 16px;font-size: 13px;}
#TicketIntro .Sample dd li.pickup{
	font-weight: bold;
}
#TicketIntro .Sample dd li:before{content:"※";display:block;float:left;margin-left: -14px;width:1em;text-align:center;}
#TicketIntro .Sample dd li + li{}


#TicketIntro .btn{
    text-align: center;
    margin-top: 15px;
}
#TicketIntro .btn a{position: relative;background-color: #006f3b;color: #fff;text-decoration: none;padding: 15px 130px;border-radius: 3px;box-sizing: border-box;display: inline-block;font-size: 15px;font-weight: bold;}
#TicketIntro .btn a:hover{
    background-color: #262626;
}
#TicketIntro .btn a:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content:"\f105";font-family:FontAwesome;line-height: 1;font-weight: normal;font-size: 150%;}


/*---------------------------------------Recom*/
#Recom{margin-bottom:50px;background-color: #f0f0f0;box-shadow: inset 0px 1px 4px -3px  #000;padding: 40px 0;}
#Recom h2{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    font-size: 20px;
    width: 100%;
}
#Recom h2 span{
	display: inline-block;
	margin: 0 3px;
}
#Recom h2:before,
#Recom h2:after{content:"";width: 50px;height: 1px;display: block;background-color: #ababab;margin: 0 5px;}
#Recom .Inner{
	width: 1000px;
	margin: 0 auto;
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* justify-content: space-between; */
}
#Recom .Inner .Box{
	/* width: 48.5%; */
	margin-bottom: 30px;
	box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	border-radius: 3px;
	position: relative;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}

#Recom .Inner .Box .Intro{
	padding-left: 90px;
	padding-top: 12px;
	padding-right: 20px;
	margin-bottom: 26px;
	display: flex;
	align-items: end;
}
#Recom .Inner .Box .Intro .Title{
	margin-right: 20px;
}
#Recom .Inner .Box .Intro .Title dt{
	width: fit-content;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	padding: 4px 8px 5px 8px;
	margin-bottom: 6px;
}
#Recom .Inner .Box .Intro .Title dd{
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: -0.5px;
}
#Recom .Inner .Box .Intro .Title dd span{
	font-size: 75%;
}
#Recom .Inner .Box .Intro .data{
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    flex: 1;
    justify-content: end;
}
#Recom .Inner .Box .Intro .data dl{
    display: flex;
    margin-bottom: 2px;
}
#Recom .Inner .Box .Intro .data dl + dl{
	margin-left: 20px;
}
#Recom .Inner .Box .Intro .data dt{
    font-weight: bold;
    padding-right: 5px;
    white-space: nowrap;
}
#Recom .Inner .Box .Intro .data dd{
}
#Recom .Inner .Box .Tour{
	margin: 20px;
	margin-top: auto;
	border: 1px solid #bebebe;
	border-radius: 3px;
}
#Recom .Inner .Box .Tour .MainTitle{
	text-align: center;
	margin: 0 auto;
	line-height: 1;
	font-size: 16px;
	margin-top: -0.5em;
	width: fit-content;
	background-color: #fff;
	padding: 0 6px;
	font-weight: bold;
}
#Recom .Inner .Box .Tour .MainTitle br{display:none}
#Recom .Inner .Box.concert{border-top: solid 3px #a54382;}
#Recom .Inner .Box.opera{border-top:solid 3px #0b9b57;}
#Recom .Inner .Box.ballet{border-top:solid 3px #b5a42d;}
#Recom .Inner .Box.operetta{border-top:solid 3px #5881ab;}
#Recom .Inner .Box.musical{border-top:solid 3px #dd6346;}

#Recom .Inner .Box.concert .Intro .Title dt{background-color: #a54382}
#Recom .Inner .Box.opera .Intro .Title dt{background-color: #0b9b57}
#Recom .Inner .Box.ballet .Intro .Title dt{background-color: #b5a42d}
#Recom .Inner .Box.operetta .Intro .Title dt{background-color: #5881ab}
#Recom .Inner .Box.musical .Intro .Title dt{background-color: #dd6346}

#Recom .Inner .Box.concert .Intro .data dt{color: #a54382}
#Recom .Inner .Box.opera .Intro .data dt{color: #0b9b57}
#Recom .Inner .Box.ballet .Intro .data dt{color: #b5a42d}
#Recom .Inner .Box.operetta .Intro .data dt{color: #5881ab}
#Recom .Inner .Box.musical .Intro .data dt{color: #dd6346}


#Recom .Inner .Box .TicketBox{
	position: relative;
}
#Recom .Inner .Box .TicketBox:before{content:"\f067";font-family:FontAwesome;display: block;font-size: 24px;margin: 0 auto;width: fit-content;text-align: center;line-height: 1;z-index: 3;background-color: #ffffff;padding: 0px 6px;position: absolute;top: -11px;left: 50%;transform: translate(-50%, 0px);}
#Recom .Inner .Box .TicketBox:after{content:"";position: absolute;top: 0;width: 100%;height: 1px;border-top: 1px dotted #000;}
#Recom .Inner .Box .TicketBox .Entry{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding-top: 22px;
}
.ItemInner.TicketBox .Entry .Btm{align-self: auto;}
.ItemInner.TicketBox .Entry .price{
}
.ItemInner.TicketBox .Entry .price dt{
	color: var(--priceColor);
	font-weight: 900;
	font-size: 21px;
	letter-spacing: -0.5px;
	padding-bottom: 3px;
}
.ItemInner.TicketBox .Entry .price dt span{	font-size: 70%;
	font-weight: bold;}
.ItemInner.TicketBox .Entry .price dd{
	font-size: 13px;
	line-height: 1.4;
	}
.ItemInner.TicketBox .Entry .price dd span{
	font-size: 90%;
	display: block;
}

/*----------------------------------------------ScheSearch*/
#ScheSearch{
    width: 1000px;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 25px 0;
    margin-bottom: 20px;
}
#ScheSearch h2{
	width: fit-content;
	margin: 0 auto;
	background-color: #fff;
	margin-top: -1.5em;
	padding: 0 8px;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 20px;
}
#ScheSearch form{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 9px;
}
#ScheSearch .Entry{
    display: flex;
    align-items: center;
    background-color: #ebebeb;
    padding: 5px;
    margin: 5px 0;
    border-radius: 2px;
}
#ScheSearch .Entry + .Entry{
}
#ScheSearch .Entry dt{
    color: #006F3B;
    font-weight: bold;
    padding-left: 7px;
}
#ScheSearch .Entry dd{
}
#ScheSearch .Entry dd.checkGenre{
}
#ScheSearch .Entry dd ul{
    display: flex;
}
#ScheSearch .Entry dd li{
    margin-left: 5px;
}
#ScheSearch .Entry dd li + li{}
#ScheSearch .btnArea{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 13px;
}
#ScheSearch .btnArea ul{
    display: flex;
    justify-content: center;
}
#ScheSearch .btnArea li{}
#ScheSearch .btnArea li + li{
    margin-left: 10px;
}
#ScheSearch .btnArea button{
    padding: 15px 80px;
    margin: 0 auto;
    font-size: 16px;
}
#ScheSearch .btnArea li + li a{
    display: flex;
    text-decoration: none;
    border: 1px solid #ccc;
    height: 100%;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 3px;
    color: #a3a3a3;
}
#ScheSearch .btnArea li + li a:hover{
    cursor: pointer;
    border-color: #666;
    color: #666;
}
/*----------------------------------ScheSearchData*/
.ScheSearchData{
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.ScheSearchData .NmList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 15px;
}
.ScheSearchData .NmList .NmListTotal{
    /* font-weight: bold; */
    line-height: 1;
    margin: 5px 0;
}
.ScheSearchData .NmList .itemStatus{}
.ScheSearchData .NmList .itemSTotal,
.ScheSearchData .NmList .itemSMin,
.ScheSearchData .NmList .itemSMax{
    font-size: 160%;
    font-weight: 900;
    color: #006F3B;
    display: inline-block;
    padding: 0px 2px;
}
.ScheSearchData .NmList .itemNavi{margin: 5px 0;}
.ScheSearchData .NmList .itemNaviLower{display: flex;justify-content: center;width: 100%;margin-top: 20px;}
.ScheSearchData .NmList .itemNavi ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ScheSearchData .NmList .itemNavi li{
    margin: 0 3px;
    line-height: 1;
    display: flex;
    align-items: center;
}
.ScheSearchData .NmList .itemNavi li a{
    display: block;
    text-decoration: none;
    color: #363636;
    font-weight: bold;
    font-size: 13px;
}
.ScheSearchData .NmList .itemNavi li span{
    display: block;
    padding: 0 4px;
}
.ScheSearchData .NmList .itemNavi li + li{}
.ScheSearchData .NmList .iNPrev,
.ScheSearchData .NmList .iNNext{}
.ScheSearchData .NmList .iNPrev:hover,
.ScheSearchData .NmList .iNNext:hover{
    cursor: pointer;
    color: #006F3B;
}
.ScheSearchData .NmList .iNPrev:before,
.ScheSearchData .NmList .iNNext:after{content:"";font-family:FontAwesome;font-size: 120%;}
.ScheSearchData .NmList .iNPrev:before{content:"\f104";padding-right: 3px;}
.ScheSearchData .NmList .iNNext:after{content:"\f105";padding-left: 3px;}
.ScheSearchData .NmList .iNItemWrap{}
.ScheSearchData .NmList .iNItemWrap a{
    border: 1px solid #b7b7b7;
    padding: 5px 5px;
    border-radius: 3px;
    width: 1.2em;
    text-align: center;
}
.ScheSearchData .NmList .iNItemWrap a.cur{
    background-color: #006F3B;
    border-color: #006F3B;
    color: #fff;
}
.ScheSearchData .NmList .iNItemWrap a:hover{
    cursor: pointer;
    border-color: #006F3B;
    color: #006F3B;
    background-color: #ebebeb;
}


/*----------------------------------------ScheList*/
#ScheList{
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#ScheList.column2{}
#ScheList.column3{}
#ScheList.column3:after{ content: ""; width:31%; display:block}

#ScheList .Entry{
    border-top: 4px solid;
    position: relative;
    padding: 14px 20px 5px 90px;
    margin-bottom: 25px;
    box-sizing: border-box;
    box-shadow: 0px 2px 3px rgb(0 0 0 / 15%);
    border-radius: 3px;
    border: 1px solid #d8d8d8;
}
#ScheList.column2 .Entry{
    width: 49%;
}
#ScheList.column3 .Entry{
    width: 31%;
}

#ScheList .Entry.concert{border-top: solid 3px #a54382;}
#ScheList .Entry.opera{
    border-top:solid 3px #0b9b57;
}
#ScheList .Entry.ballet{border-top:solid 3px #b5a42d;}
#ScheList .Entry.operetta{border-top:solid 3px #5881ab;}

#ScheList .Entry.musical{border-top:solid 3px #dd6346;}

#ScheList .Entry .icon{
    color: #fff;
    text-align: left;
    font-size: 12px;
    margin-bottom: 10px;
}
#ScheList .Entry .icon span{
    display: inline-block;
    background-color: #ccc;
    padding: 4px 8px 5px 8px;
    line-height: 1;
}
#ScheList .Entry .icon .pickup{
	background-color: #e12525 !important;
	margin-right: 5px;
}
#ScheList .Entry h2{
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 1.1;
    letter-spacing: -1px;
    padding-top: 0px;
}
#ScheList .Entry h2 span{font-size: 75%;}
#ScheList .Entry .data{
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    margin-bottom: 10px;
}
#ScheList .Entry .data dl{
    display: flex;
    margin-bottom: 2px;
}
#ScheList .Entry .data dl + dl{}
#ScheList .Entry .data dt{
    font-weight: bold;
    padding-right: 5px;
    white-space: nowrap;
}
#ScheList .Entry .data dd{
    margin-right: 26px;
}
#ScheList .Entry .program{
    background-color: #f3f3f3;
    padding: 10px;
    font-size: 12px;
    position: relative;
    margin-top: 18px;
    border-top: 3px solid #a54382;
    margin-top: 22px;
    margin-bottom: 10px;
}
#ScheList .Entry .program .title{
    position: absolute;
    top: -19px;
    color: #fff;
    line-height: 1;
    padding: 3px 10px;
    background-color: #a54382;
    left: 0;
    border-radius: 3px 3px 0 0;
}
#ScheList .Entry .program dl{
    display: flex;
    flex-wrap: wrap;
}
#ScheList .Entry .program dl + dl{
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding-top: 7px;
}
#ScheList .Entry .program dt{
    font-weight: bold;
    padding-right: 5px;
}
#ScheList .Entry .program dd{
    flex: 1;
}
#ScheList .Entry .program dd + dl{}
#ScheList .Entry .program .other{
    text-align: right;
}
#ScheList .Entry .atte{
    font-size: 12px;
    border: 1px solid #cecece;
    padding: 5px 8px;
    margin-bottom: 12px;
}

#ScheList .Entry .btn{
    margin-top: 10px;
    margin-bottom: 10px;
}
#ScheList .Entry .btn a{
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    position: relative;
}
#ScheList .Entry .btn a:after{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f105"; font-family:FontAwesome; line-height: 1}
#ScheList .Entry .btn a:hover{
    background-color: #666 !important;
}

#ScheList .Entry.concert .icon span,
#ScheList .Entry.concert .btn a{
    background-color: #a54382;
}

#ScheList .Entry.opera .icon span,
#ScheList .Entry.opera .btn a{
    background-color: #0b9b57;
}

#ScheList .Entry.ballet .icon span,
#ScheList .Entry.ballet .btn a{
    background-color: #b5a42d;
}

#ScheList .Entry.operetta .icon span,
#ScheList .Entry.operetta .btn a{
    background-color: #5881ab;
}

#ScheList .Entry.musical .icon span,
#ScheList .Entry.musical .btn a{
    background-color: #dd6346;
}

#ScheList .Entry.concert .data dt{ color:#a54382}
#ScheList .Entry.opera .data dt{ color:#0b9b57}
#ScheList .Entry.ballet .data dt{ color:#b5a42d}
#ScheList .Entry.operetta .data dt{ color:#5881ab}
#ScheList .Entry.musical .data dt{ color:#dd6346}

#ScheList .Search_None{
    text-align: center;
    width: 100%;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}



/*------------------------------------------*/
.contest #Result{
    width: 1000px;
    margin: 0 auto;
    border: 3px solid #efe3c2;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 60px;
}
.contest #Result dl{}
.contest #Result dt{
    text-align: center;
    background-color: #b7a882;
    color: #fff;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}
.contest #Result dd{}
.contest #Result dd ul{}
.contest #Result dd li{}
.contest #Result dd li:before{content:"\f006";font-family:FontAwesome;color: #ddd250;margin-right: 3px;}
.contest #Result dd li:nth-of-type(1):before{content:"\f005"; font-family:FontAwesome;}
.contest #Result dd li + li{
    margin-top: 5px;
}


.contest #Comment{
    width: 1000px;
    border: 3px solid #ccc;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 
60px;
}
.contest #Comment p{}
.contest #Comment p + p{}
.contest #Comment p.btn{
    text-align: center;
    margin-top: 15px;
}
.contest #Comment p.btn a{position: relative;background-color: #0c8d50;color: #fff;text-decoration: none;padding: 13px 40px;border-radius: 3px;box-sizing: border-box;display: inline-block;}
.contest #Comment p.btn a:hover{
    background-color: #262626;
}
.contest #Comment p.btn a:after{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f105"; font-family:FontAwesome; line-height: 1}


/*------------------------------About*/
#ScheLower #About{background-image: url(../images/index/ordermade_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;padding: 60px 0;}
#ScheLower #About h2{
	color: #fff;
}
#ScheLower #About h2 .main{
	font-size: 28px;
}
#ScheLower #About h2 .sub{}
#ScheLower #About .Inner{
	width: 810px;
	margin: 0 auto;,
	animation: ;,
	animation: 0;
	display: flex;
	justify-content: space-between;
}
#ScheLower #About .Inner .photo{
	width: 400px;
}
#ScheLower #About .Inner .photo img{}
#ScheLower #About .Inner .Main{
	flex: 1;
	color: #fff;
	text-align: center;
}
#ScheLower #About .Inner .Main .txt{
	font-size: 17px;
	margin-bottom: 20px;
	text-align: center;
}
#ScheLower #About .Inner .Main dl{display: flex;align-items: center;width: 690px;margin: 0 auto;}
#ScheLower #About .Inner .Main dl + dl{
	margin-top: 12px;
	border-top: 1px dotted#fff;
	padding-top: 10px;
}
#ScheLower #About .Inner .Main dt{
	text-align: right;
	color: #bedfcf;
	font-size: 17px;
	padding-bottom: 1px;
	width: 13em;
	padding-right: 20px;
}
#ScheLower #About .Inner .Main dt:after{/* content:""; */width: 100%;display: block;height: 1px;background-color: #a0bcaf;margin-left: 4px;}
#ScheLower #About .Inner .Main dd{
	flex: 1;
	text-align: left;
}
#ScheLower #About .Inner .Main .btn{
	margin-top: 40px;
}
#ScheLower #About .Inner .Main .btn a{position:relative;display: inline-block;background-color:#006F3B;color:#fff;margin:0 auto;padding: 15px 90px;border-radius:2px;text-decoration:none;font-size: 14px;text-align:center}
#ScheLower #About .Inner .Main .btn a:hover{background-color:#08a95d}
#ScheLower #About .Inner .Main .btn a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}


/*------------------------------Magazine*/
#ScheLower #Magazine{}
#ScheLower #Magazine{
	padding: 60px 0;
}
#ScheLower #Magazine h2{}
#ScheLower #Magazine h2 .main{
	font-size: 28px;
}
#ScheLower #Magazine h2 .sub{}
#ScheLower #Magazine dl{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
#ScheLower #Magazine dt{
	padding-bottom: 30px;
	font-size: 15px;
}
#ScheLower #Magazine dd{}
#ScheLower #Magazine dd a{position:relative;display: inline-block;background-color:#006F3B;color:#fff;margin:0 auto;padding: 15px 50px;border-radius:2px;text-decoration:none;font-size: 14px;text-align:center}
#ScheLower #Magazine dd a:hover{background-color:#08a95d}
#ScheLower #Magazine dd a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}


/*-----------------------FAQ*/
#ScheLower #FAQ{
	padding: 50px 0;
	background-color: #f0f0f0;
}
#ScheLower #FAQ h2{}
#ScheLower #FAQ h2 .main{
	font-size: 28px;
}
#ScheLower #FAQ .Inner{
}
#ScheLower #FAQ .Inner dl{width:800px;margin:0 auto}
#ScheLower #FAQ .Inner dl + dl{margin-top: 30px;border-top: 1px solid #ccc;padding-top: 30px;}
#ScheLower #FAQ .Inner dt{color:#006F3B;font-size:18px;margin-bottom: 14px;position:relative;padding-left: 33px;}
#ScheLower #FAQ .Inner dd{position:relative;padding-left: 33px;}
#ScheLower #FAQ .Inner dd .btn{}
#ScheLower #FAQ .Inner dd .btn a{position:relative;display:inline-block;text-decoration:none;background-color:#006F3B;color:#fff;font-size:12px;padding:9px 30px;margin-top:6px}
#ScheLower #FAQ .Inner dd .btn a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}
#ScheLower #FAQ .Inner dd .btn a:hover{background-color:#08a95d}
#ScheLower #FAQ .Inner .icon{position:relative;font-family:'Cabin',sans-serif;margin-bottom:12px;margin-right:5px;display:flex;padding:0 5px;width:25px;height:25px;text-align:center;color:#FFF;font-size:15px;font-weight:700;border-radius:50%;box-sizing:border-box;align-items:center;justify-content:center;position:absolute;left:0;top:-10px}
#ScheLower #FAQ .Inner .icon:before{content:"";position:absolute;bottom:-3px;right:-5px;border:5px solid transparent;border-left:7px solid #a58eff;z-index:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#ScheLower #FAQ .Inner dt .icon{content:"Q";background-color:#006F3B}
#ScheLower #FAQ .Inner dd .icon{content:"A";background-color:#666}
#ScheLower #FAQ .Inner dt .icon:before{border-left-color:#006F3B}
#ScheLower #FAQ .Inner dd .icon:before{border-left-color:#666}
#ScheLower #FAQ .Inner .btn{
	margin-top: 40px;
	text-align: center;
}
#ScheLower #FAQ .Inner .btn a{position:relative;display: inline-block;background-color:#006F3B;color:#fff;margin:0 auto;padding: 15px 100px;border-radius:2px;text-decoration:none;font-size: 14px;text-align:center}
#ScheLower #FAQ .Inner .btn a:hover{background-color:#08a95d}
#ScheLower #FAQ .Inner .btn a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}