@charset "UTF-8";
/* CSS Information ===========
File name:inde.css
Description:SPM Cloud [front-user]
D&M/IJU Inc.
Date: 2018
Contents: *index Only
Root Em:100%
=============================== */
/*=========
* Em, Rem Base Size 16px=1rem(em)
=====================*/
.front__wrap{width:100%; padding:3.125rem 0;}
.front__wrap:first-child{padding-top:0;}
.front--wrap--bg{background:#f7f7f7;}
.front__inner{width:100%; max-width:77.5rem; margin:0 auto;}/*1240*/
.front.page__jump{margin-top: 5rem;}
.front.page__jump a {font-size: 1.5rem;border-width: 0.25rem;padding: 1.16rem 0.9375rem;}
.front.page__jump a:after {display: none;}
.front__clm{width:38.125rem;}/*610*/
.front__clm:first-child{margin-right:1.25rem;}
/* Behavior */
.front__behavior{width:100%;}
.front__behavior__btn{width:100%; margin-bottom:1.25rem;}
.front__behavior__btn:last-child{margin-bottom:0;}
.front__behavior__btn a{display:block; width:49.18032786%; margin-right:3.278688524%; text-align:center;
border-radius:0.625rem; font-size:1.875rem; font-weight:bold; padding:1.25rem 0.625rem;}/*300*/
.front__behavior__btn small{display:block; width:47.5409836%;}
/* Calendar */
.front--form{padding:0 1.638344262%;}
/* Text Note */
.front__mention{font-size:1.375rem; font-weight:bold; margin-bottom:1.5625rem;}
/* Form Item */
.form__parts{width:100%; margin-bottom:1.875rem; text-align:left;}
.form__parts label{display:block; font-size:1.5rem; font-weight:bold; margin-bottom:0.625rem;}
.form__parts label em{padding-left:0.3125rem;}
.form__parts__box{border:solid 0.0625rem #ccc; background:#fff; height:3.125rem; line-height:3.125; width:100%; position:relative;}
.form__parts__box select{padding:0 0.625rem; height:3rem; line-height:3rem; font-size:1.125rem; cursor:pointer; width:100%; display:block; position:absolute; top:0; left:0;}
.select--icon:after{font-family:"FontAwesome"; content:"\f0d7"; position:absolute; right:0.625rem;}
.form__btn{padding:0.9375rem; font-size:1.875rem; font-weight:bold; width:100%; max-width:16.25rem; display:block; margin:0 auto; border-radius:0.625rem;}
/* Lottery */
.lottery{width:100%;}
.lottery__chart{width:100%; display:table; margin-bottom:0.625rem;}/*1240*/
.lottery__chart:last-child{margin-bottom:0;}
.lottery__chart li{text-align:center; font-size:1.25rem; padding:0.625rem; display:table-cell;}
.lottery__chart li small{font-size:0.75rem;}
.lottery__chart li span{display:block;}
.lottery__chart li:nth-of-type(1){width:9.375rem;}/*150*/
.lottery__chart li.lottery--check{border:solid 0.0625rem #ff7f7f; background:#ff7f7f; color:#fff;}
.lottery__chart li:nth-of-type(2){width:22.58064516%;}/*280*/
.lottery__chart li.lottery--place{border:solid 0.0625rem #ccc; border-left:none; background:#f7f7f7;}
.lottery__chart li:nth-of-type(3){width:26.61290322%;}/*330*/
.lottery__chart li.lottery--period{border:solid 0.0625rem #ccc; border-left:none;}
.lottery__chart li:nth-of-type(4){width:26.61290322%;}/*330*/
.lottery__chart li.lottery--limit{border:solid 0.0625rem #ccc; border-left:none; color:#c33;}
.lottery__chart li:nth-of-type(5){width:9.375rem;}/*150*/
.lottery__chart li.lottery--btn{border:none; padding:0; padding-left:0.625rem; position:relative; height:auto;}
.lottery--item li{font-weight:bold; border:none!important; background:#fff!important; color:#444!important;}
.lottery--btn a{width:100%; font-size:1.25rem; font-weight:bold; padding:0.3125rem; border-width:0.125rem;
border-radius:0.25rem; position:absolute; top:0; left:0; height:100%; min-height:3.4375rem; display:block;}
.lottery--btn a span{display:inline-block;}
.lottery--inactive{-webkit-filter:grayscale(100%) opacity(50%); -moz-filter:grayscale(100%) opacity(50%);
-o-filter:grayscale(100%) opacity(50%); -ms-filter:grayscale(100%) opacity(50%); filter:grayscale(100%) opacity(50%);}

.event .lottery__chart li:nth-of-type(2) {
	width: 30%;
}
.event .lottery__chart li:nth-of-type(3) {
	width: 30%;
}
.event .lottery__chart li:nth-of-type(4) {
	width:9.375rem;
}

.calendar-select {
    display: flex;
    justify-content: center;
}
.calendar-select__part {
    margin: 0 10px;
}
.calendar-select__part.calendar-select__part--year {
    width: 100px;
}
.calendar-select__part.calendar-select__part--month {
    width: 75px;
}

.area-select {
    margin-top: 2rem;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
}
.area-select__label {
    width: 48%;
}
.area-select__label .area-select__title {
    font-size: 1.25rem;
}
.area-select__select-wrap {
    width: 50%;
}

/* IE11 hac */
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){
.lottery--inactive{
	opacity:.5;
	color:#999;
	}
.lottery--inactive li.lottery--check{
	background:#aaa;
	border-color:#aaa;
	color:#fff;
	}
.lottery--inactive li.lottery--limit{
	color:#999;
	}
}
/* News */
.front__clm.front--news {overflow: hidden;}
.front--news{border:solid 0.0625rem #ccc; padding:1.25rem;}
.front__news{width:100%; height:100%; position:relative;}
.front__news__inner{position:absolute; top:0; left:0; width:100%; height:100%; overflow-y:scroll;}
.front__news__post{width:100%; padding-bottom:1.25rem; margin-bottom:1.25rem; border-bottom:dotted 0.0625rem #ccc;}
.front__news__post:last-child{padding-bottom:0; margin-bottom:0; border:none;}
.front__news__date{font-size:1.25rem; margin-bottom:0.625rem;}
.front__news__title{font-size:1.625rem; margin-bottom:0.625rem;}
.front__news__title a{text-decoration:underline;}
.front__news__links a{color:#004ea2; text-decoration:underline;}
/*=======
RWD Responsive
=====================*/
/*(MIN)---------------------------*/
@media (min-width:64.0625em){/*1025*/
	/* Section1 */
	.front__news__title a:hover{text-decoration:none;}
	}
@media (min-width:56.3125em){/*901*/
	.front__news__date{width:100%;}
	.front__news__title{width:100%;}
	}
@media (min-width:48.0625em){/*769*/
	.lottery--btn a em{width:100%; position:absolute; top:50%; left:50%;
	-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	/*IE10,11*/
	_:-ms-input-placeholder, :root .lottery__chart li.lottery--btn:before{content:""; display:block; padding-top:118px;}
	_:-ms-input-placeholder, :root .lottery__chart li.lottery--btn a{position:absolute; top:0; left:5%; height:100%;}
	}
/*(MAX)---------------------------*/
@media (max-width:77.5em){/*1240*/
	/* Section1 */
	.front__behavior__btn a{font-size:1.375rem;}
	/* Section2 */
	.form__btn{font-size:1.375rem;}
	.front.page__jump{margin-top: 2.5rem;}
	.front.page__jump a {font-size: 1.3755rem;padding: 0.9375rem 0.9375rem;}
	}
@media (max-width:1102em){
	.lottery__chart li:nth-of-type(4) a,
	.lottery__chart li:nth-of-type(5) a {
		font-size: 1rem;
	}
}
@media (max-width:64em){/*1024*/
.front__mention{font-size:1.125rem;}
/* Section1 */
.front__behavior__btn.flex{display:block!important;}
.front__behavior__btn a{width:100%; margin:0 0 0.625rem;}
.front__behavior__btn small{width:100%;}
.front__news__date{font-size:1rem;}
.front__news__title{font-size:1.375rem;}
/* Section2 */
.form__parts label{font-size:1.375rem;}
.form__parts__box select{font-size:1rem;}
/* Section3 */
.lottery__chart li,.lottery--btn a{font-size:1.125rem;}
}
@media (max-width:912px){
	.lottery__chart li:nth-of-type(4) a,
	.lottery__chart li:nth-of-type(5) a {
		font-size: .9rem;
	}
}
@media (min-width: 53.125em) {
    .calendar-select__part.calendar-select__part--year {
        width: 160px;
    }
    .calendar-select__part.calendar-select__part--month {
        width: 100px;
    }
}
@media (max-width:56.25em){/*900*/
	/* Section1 */
	.front__inner.section1.flex{display:block!important;}
	.front__inner.section1 .front__clm{width:100%;}
	.front__inner.section1 .front__clm:first-child{margin-right:0; margin-bottom:1.25rem;}
	.front--news{padding:0.625rem;}
	.front__news__inner{position:static; overflow:visible; min-height:100%;}
	.front__news__post{padding-bottom:0;}
	.front__news__toggle{position:relative; margin-bottom:0.625rem;}
	.front__news__toggle:after{font-family:"FontAwesome"; content:"\f105"; position:absolute; top:50%; right:0.3125rem; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
	.front__news__toggle.open:after{content:"\f106";}
	.front__news__date{width:6.25rem; margin-bottom:0;}
	.front__news__title{width:calc(100% - 6.25rem); margin-bottom:0; padding-right:1.25rem;}
	.front__news__details.close{display:none; padding-bottom:1.25rem;}
	/* Section2 */
	.front__inner.section2.flex{display:block!important;}
	.front__inner.section2 .front__clm{width:100%; max-width:40rem; margin:0 auto;}
	.front__inner.section2 .front__clm:first-child{margin-bottom:1.5625rem;}
	.front--form{padding:0;}
	/* Section3 */
	.lottery--btn a span{display:block;}
	.front.page__jump{width: 100%;max-width:40rem;}
	.front.page__jump a{font-size: 1.375rem;padding: 0.57rem 0.9375rem;}
	}
@media (max-width:48em){/*768*/
	.front__wrap{padding:1.875rem 0;}
	/* Section1 */
	.front__news__title{font-size:1.125rem;}
	/* Section3 */
	.lottery--item{display:none;}
	.lottery__chart{-webkit-box-shadow:0 0.0625rem 5px 0 rgba(0,0,0,.3); box-shadow:0 0.0625rem 5px 0 rgba(0,0,0,.3); padding:5px; margin-bottom:1.25rem;table-layout: auto;}
	.lottery__chart li{display:block;}
	.lottery__chart .mobile--view{display:block;}
	.lottery__chart li:nth-of-type(1),.lottery__chart li:nth-of-type(2),.lottery__chart li:nth-of-type(3),.lottery__chart li:nth-of-type(4),.lottery__chart li:nth-of-type(5){width:100%;}
	.lottery__chart li.lottery--check,.lottery__chart li.lottery--place,.lottery__chart li.lottery--period,.lottery__chart li.lottery--limit{border:0; border-bottom:solid 0.0625rem #ccc;}
	.lottery__chart li.lottery--check,.lottery__chart li.lottery--limit{border-bottom:0;}
	.lottery__chart li.lottery--btn{padding:0 0.9375rem; margin:0.9375rem auto;}
	.lottery--btn a{border-radius:0.625rem; position:static; left:0; width:100%; min-height:auto; padding:0.625rem;}
	.lottery--btn a em{position:static;}
	.form__btn{max-width:100%; padding:0.625rem;}
	.lottery--btn a span{display:inline-block;}
.event .lottery__chart li:nth-of-type(2),
.event .lottery__chart li:nth-of-type(3),
.event .lottery__chart li:nth-of-type(4) {
	width: 100%;
}

}
@media (max-width:40em){/*640*/
	}
@media (max-width:34.375em){/*550*/
	.front__wrap{padding:1.25rem 0;}
	}
@media (max-width:28.125em){/*450*/
	/* Section1 */
	.front__behavior__btn{margin-bottom:0.625rem;}
	.front__behavior__btn a{padding:0.625rem;}
	.front__behavior__btn small{font-size:0.875rem;}
	.front__news__date{width:100%; margin-bottom:0;}
	.front__news__title{width:100%;}
	}
@media (max-width:25em){/*400*/
	.front__mention{font-size:1rem; margin-bottom:1rem;}
	.error__msg{font-size:1rem; margin-bottom:1rem; padding:0.625rem;}
	/* Section1 */
	.front__news__title{font-size:1rem;}
	.front__news__note{font-size:0.875rem;}
	/* Section2 */
	.form__parts{margin-bottom:1.25rem;}
	.form__parts label{font-size:1.125rem;}
	}