@charset "utf-8";
/* CSS Document */

/*====================
1024px〜
 〜1023px
====================*/


/* 1024px〜
------------------------------ */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    color: #3C3C3C;
    font-size: 14px;
    line-height: 1.5;
    overflow-x: hidden;
    height: 100vh;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.ContentsWrap {
    position: relative;
    height: auto !important;
    height: 100vh;
    min-height: 100vh;
}

.container-fluid {
    width: 100vw;
    margin-right: auto;
    margin-left: auto;
    overflow-x: hidden;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1024px;
    padding-right: 20px;
    padding-left: 20px;
}

.LinkCenter {
    text-align: center;
    margin-bottom: 30px;
}

/*リンク*/
a:link, a:visited {
    color: #006CB1;
}

a:hover {
    color: #098BDE;
}

#MenberHeader a {
    color: #ffffff;
    text-decoration: none;
}

    #MenberHeader a:hover {
        color: #3EB6D1;
    }

#GHeader a {
    color: #3C3C3C;
    text-decoration: none;
}

    #GHeader a:hover {
        color: #DA3734;
    }

.breadcrumbs li a {
    color: #666666;
}

#Footer a {
    color: #ffffff;
    text-decoration: underline;
}
/*ここまで リンク*/


/*ヘッダー*/
.Headerbg {
    background-color: #000000;
    height: 35px;
}

#MenberHeader ul {
    color: #ffffff;
    height: 35px;
    display: flex;
    display: -ms-flexbox;
    float: right;
}

#MenberHeader li {
    font-size: 12px;
    padding: 8px 0px 0px 20px;
    margin-left: 35px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: top 9px left;
    list-style: none;
}

    #MenberHeader li.Login {
        background-image: url("../images/icon_login.svg");
    }

    #MenberHeader li.Logout {
        background-image: url("../images/icon_logout.svg");
    }

    #MenberHeader li.Myroom {
        background-image: url("../images/icon_mypage.svg");
    }

#GHeader {
    margin-top: 15px;
    margin-bottom: 15px;
}

    #GHeader ul {
        display: flex;
        float: right;
    }

    #GHeader li {
        font-size: 16px;
        padding: 12px 0px 12px 35px;
        margin-left: 30px;
        background-size: 28px 28px;
        background-repeat: no-repeat;
        background-position: top 9px left;
        list-style: none;
    }

        #GHeader li.Question {
            background-image: url("../images/header_icon_question.svg");
        }

        #GHeader li.Present {
            background-image: url("../images/header_icon_present.svg");
        }

        #GHeader li.Search {
            background-image: url("../images/header_icon_glass.svg");
            margin-right: 30px;
        }

#SiteLogo {
    float: left;
}

#SiteLogoSP {
    display: none;
}



/*検索*/
#SearchBox {
    background-color: white;
    width: 220px;
    height: 30px;
    border: 1px #CCCCCC solid;
    margin-top: 10px;
    border-radius: 15px;
    float: right;
}

    #SearchBox input {
        font-size: 12px;
        vertical-align: top;
        padding-top: 6px;
        /*	height: 100%;*/
        box-sizing: border-box;
        background-color: transparent;
        outline: none;
    }

#SearchBoxInput {
    border: none;
    width: 185px;
    padding-left: 10px;
}

#SearchBoxSubmit {
    width: 30px;
    border: none;
    background-image: url("../images/icon_search_glass.svg");
    background-position: center;
    background-size: auto 80%;
    background-repeat: no-repeat;
}

/*ここまで 検索*/

/*パンくず*/
.breadcrumbBG {
    background-color: #F1F1F1;
    padding-top: 10px;
    padding-bottom: 8px;
    margin-bottom: 30px;
}

.breadcrumbs__wrapper {
}

.breadcrumbs {
    font-size: 12px;
    margin: auto;
    max-width: 1023px;
}

    .breadcrumbs ul {
        display: flex;
        display: -ms-flexbox;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .breadcrumbs li {
        padding-right: 20px;
        list-style: none;
    }

        .breadcrumbs li:not(:last-child) {
            position: relative;
            padding-right: 26px;
        }

            .breadcrumbs li:not(:last-child)::after {
                content: ">";
                display: block;
                position: absolute;
                width: 9px;
                height: 15px;
                top: 0px;
                right: 7px;
            }

@media screen and (max-width:1023px) {
    .breadcrumbBG {
        margin-bottom: 20px;
    }

    .breadcrumbs {
    }

        .breadcrumbs ul {
            display: block;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch;
            overflow: auto;
            white-space: nowrap;
        }

        .breadcrumbs li {
            display: inline;
            padding-right: 20px;
            flex: 0 0 40%;
        }
}






/*ここまで パンくず*/

/*ここまで ヘッダー*/




/*ＴＯＰ アンケート＆プレゼント Ｗハッピー*/
#TopPreWhappy {
    font-size: 20px;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}

    #TopPreWhappy .BoxL, #TopPreWhappy .BoxR {
        border-right: solid 1px #CCCCCC;
        border-left: solid 1px #CCCCCC;
        width: 490px;
        margin: 0 auto;
    }

    #TopPreWhappy .BoxR {
        border-left: none;
    }

    #TopPreWhappy .Box {
        display: flex;
        display: -ms-flexbox;
    }

    #TopPreWhappy .icon {
        width: 50%;
        height: 150px;
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 5px;
    }

    #TopPreWhappy .Txt {
        width: 50%;
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: 5px;
    }

    #TopPreWhappy a {
        color: #3C3C3C;
        text-decoration: none;
    }

        #TopPreWhappy a:hover {
            color: #F0282C;
            opacity: 0.75;
        }

.BtnLoginRegist {
    display: none;
}
/*ここまで ＴＯＰ アンケート＆プレゼント Ｗハッピー*/




/*コンテンツ*/

#PageMargin {
    margin-bottom: 330px;
}

/*タイトル*/
h2 {
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
    position: relative;
    padding: 8px;
    background-color: #3c3c3c;
    border-radius: 3px;
    margin-bottom: 22px;
}

    h2::after {
        position: absolute;
        top: 100%;
        left: 20px;
        content: '';
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top: 12px solid #3c3c3c;
    }

    h2 .Title {
        background: url("../images/h2_title_icon_target.svg") no-repeat;
        background-size: 29px;
        background-position: top 0px left 0px;
        padding-left: 36px;
    }

    h2 .subR {
        color: #ffffff;
        float: right;
        padding-right: 10px;
        padding-top: 4px;
        font-size: 12px;
    }

    h2 .subIcon {
        float: right;
        padding-right: 10px;
        padding-top: 4px;
    }

        h2 .subIcon img {
            width: 25px;
            height: 25px;
        }


h3 {
    position: relative;
    text-align: center;
}

    h3 .Title {
        font-size: 16px;
        color: #ffffff;
        font-weight: normal;
        padding-top: 5px;
        text-align: center;
        height: 32px;
        background: url("../images/h3_title_bg.svg") no-repeat;
        background-position: center;
        position: relative;
        z-index: 2;
    }

    h3::before {
        position: absolute;
        top: 50%;
        z-index: 1;
        content: '';
        display: block;
        width: 100%;
        height: 16px;
        background-color: #f1f1f1;
    }

h4 {
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
}

    h4 span {
        position: relative;
        display: inline-block;
        margin: 0 2.5em;
        padding: 0 1em;
        text-align: left;
    }

        h4 span::before,
        h4 span::after {
            position: absolute;
            top: 46%;
            content: '';
            width: 400%;
            height: 3px;
            border-top: solid 1px #3c3c3c;
            border-bottom: solid 1px #3c3c3c;
        }

        h4 span::before {
            right: 100%;
        }

        h4 span::after {
            left: 100%;
        }

    h4 img {
        vertical-align: -20%;
    }

h6 {
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
}

    h6 span {
        position: relative;
        display: inline-block;
        margin: 0 2.5em;
        padding: 0 1em;
        text-align: left;
    }

        h6 span::before,
        h6 span::after {
            position: absolute;
            top: 50%;
            content: '';
            width: 400%;
            height: 1px;
            background-color: #3C3C3C;
        }

        h6 span::before {
            right: 100%;
        }

        h6 span::after {
            left: 100%;
        }

/*ここまで タイトル*/




/*ボタン類*/
.ButtonMargin {
    margin-bottom: 15px;
}

.ButtonB {
    width: 335px;
    height: 48px;
    border-radius: 24px;
    background-color: #006CB1;
    color: #ffffff;
    font-size: 16px;
    /*box-shadow: 0px 2px 8px #b2b2b2;*/
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.15));
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .ButtonB:hover {
        background-color: #098BDE;
        /*box-shadow: 0px 8px 8px #b2b2b2;*/
        filter: drop-shadow(0px 8px 8px rgba(0,0,0,0.15));
    }

.ButtonO {
    width: 335px;
    height: 48px;
    border-radius: 24px;
    background-color: #EB8D1E;
    color: #ffffff;
    font-size: 16px;
    /*box-shadow: 0px 2px 8px #b2b2b2;*/
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.15));
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .ButtonO:hover {
        background-color: #FFA700;
        /*box-shadow: 0px 8px 8px #b2b2b2;*/
        filter: drop-shadow(0px 8px 8px rgba(0,0,0,0.15));
    }

.ButtonR {
    width: 335px;
    height: 48px;
    border-radius: 24px;
    background-color: #da3734;
    color: #ffffff;
    font-size: 16px;
    /*box-shadow: 0px 2px 8px #b2b2b2;*/
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.15));
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .ButtonR:hover {
        background-color: #f54848;
        /*box-shadow: 0px 8px 8px #b2b2b2;*/
        filter: drop-shadow(0px 8px 8px rgba(0,0,0,0.15));
    }



.ButtonFE {
    width: 335px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    background-color: #1977F2;
    color: #ffffff;
    font-size: 16px;
    /*box-shadow: 0px 2px 8px #b2b2b2;*/
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.15));
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .ButtonFE:hover {
        background-color: #4792f4;
        /*box-shadow: 0px 8px 8px #b2b2b2;*/
        filter: drop-shadow(0px 8px 8px rgba(0,0,0,0.15));
    }


.ButtonTW {
    width: 335px;
    height: 48px;
    border-radius: 24px;
    background-color: #1da1f2;
    color: #ffffff;
    font-size: 16px;
    /*box-shadow: 0px 2px 8px #b2b2b2;*/
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.15));
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .ButtonTW:hover {
        background-color: #4ab4f4;
        /*box-shadow: 0px 8px 8px #b2b2b2;*/
        filter: drop-shadow(0px 8px 8px rgba(0,0,0,0.15));
    }


.ButtonS{
	width: 100px;
	height: 20px;
	border-radius: 10px;
	background-color: #3EB6D1;
	color: #ffffff;
	font-size: 14px;
	/*box-shadow: 0px 2px 8px #b2b2b2;*/
	filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.15));
	margin-bottom: 20px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

    .ButtonS:hover{
    	background-color: #2BC5E8;
    	/*box-shadow: 0px 8px 8px #b2b2b2;*/
    	filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.15));
    }
/*ここまで ボタン類*/



/*ページング*/
.pager .pagination {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .pager .pagination li {
        display: inline;
        margin: 0 2px;
        padding: 0;
        display: inline-block;
        background: #ffffff;
        width: 40px;
        height: 40px;
        border: solid 1px #cccccc;
        text-align: center;
        position: relative;
        border-radius: 2px;
        /*box-shadow: 0px 1px 4px;*/
        filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.15));
    }

        .pager .pagination li a:hover {
            filter: drop-shadow(0px 6px 12px rgba(0,0,0,0.15));
        }

        .pager .pagination li a {
            vertical-align: middle;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            display: table;
            color: #3C3C3C;
            text-decoration: none;
        }

            .pager .pagination li a span {
                display: table-cell;
                vertical-align: middle;
            }

            .pager .pagination li a:hover,
            .pager .pagination li a.active {
                color: #ffffff;
                background: #3EB6D1;
                border-radius: 2px;
            }

        .pager .pagination li.disabled span {
            color: #CCCCCC;
            background: #F5F5F5;
        }

        .pager .pagination li.disabled a {
            pointer-events: none;
        }



@media screen and (max-width: 1023px) {
    .pager .pagination li {
        display: none;
    }

        .pager .pagination li.pre,
        .pager .pagination li.next {
            display: inline-block;
            width: 40%;
            height: 50px;
            text-align: center;
        }

            .pager .pagination li.pre a,
            .pager .pagination li.next a {
                width: 100%;
                text-align: center;
            }

            .pager .pagination li.pre span::after {
                content: "　前へ";
            }

            .pager .pagination li.next span::before {
                content: "次へ　";
            }
}

/*ここまで　ページング*/





/*検索*/
#Search {
    margin-bottom: 45px;
}

    #Search .TxtArea {
        background-color: white;
        height: 42px;
        border: 1px #CCCCCC solid;
        border-radius: 2px;
        margin-right: 10px;
    }

    #Search input {
        font-size: 16px;
        width: 680px;
        vertical-align: top;
        padding: 13px;
        height: 100%;
        box-sizing: border-box;
        background-color: transparent;
        outline: none;
    }

    #Search .ButtonSearch {
        width: 120px;
        height: 42px;
        background: #3EB6D1;
        border-radius: 21px;
        color: #ffffff;
        font-size: 16px;
    }

    #Search .icon {
        width: 20px;
        height: 20px;
        position: relative;
        top: 5px;
        margin-right: 5px;
    }
/*ここまで　検索*/


.h2text {
    margin-top: 30px;
    margin-bottom: 50px;
}


.TopBanner {
    margin-bottom: 45px;
}

/*エラーページ*/

.ErrorPBox {
    border: 1px #cccccc solid;
    padding: 40px;
    margin-bottom: 30px;
}

    .ErrorPBox .Error {
        text-align: center;
        font-size: 30px;
        color: #B9B9B9;
        margin-bottom: 10px;
    }

    .ErrorPBox .ErrNo {
        font-size: 50px;
        margin-right: 30px;
    }

    .ErrorPBox .ErrTXT {
    }
/*ここまで　エラーページ*/




.Contents50 {
    width: 50%;
}

.Contents25 {
    width: 25%;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.center {
    text-align: center;
}

.BGColor {
    background-color: #F1F1F1;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 50px;
}

.BGColorh3 {
    background-color: #F1F1F1;
    padding: 30px 0px;
    margin-bottom: 50px;
}

.FullScreenBanner {
    position: relative;
    left: 50%;
    margin-left: -1350px
}

.Note {
    font-size: 10px;
    margin-top: 20px;
}

/*ログイン*/

#Login .Wrap,
#SNSLogin .Wrap {
    background-color: #F1F1F1;
    padding: 25px 55px 55px;
    display: flex;
    display: -ms-flexbox;
    margin-bottom: 30px;
}

#SNSLogin .Wrap {
    padding: 25px 220px 55px;
}

#Login .BoxL {
    width: 50%;
    border-right: #cccccc 1px solid;
    padding-right: 40px;
}

#Login .BoxR {
    width: 50%;
    padding-top: 30px;
    padding-left: 40px;
}

#SNSLogin .Box {
}

#Login .ItemLine,
#SNSLogin .ItemLine {
    margin-top: 30px;
    display: flex;
    display: -ms-flexbox;
}

#Login .ItemName,
#SNSLogin .ItemName {
    width: 23%;
    color: #3EB6D1;
    align-self: center;
}

#Login .Err .ItemName,
#SNSLogin .Err .ItemName {
    width: 23%;
    color: #D63A3A;
    align-self: center;
}

#SNSLogin .ItemName,
#SNSLogin .Err .ItemName {
    width: 145px;
}

#Login .TxtArea {
    width: 77%;
}

#SNSLogin .TxtArea {
    width: 400px;
}

#Login .Normal input,
#SNSLogin .Normal input {
    width: 100%;
    height: 42px;
    border-bottom: #3EB6D1 1px solid;
    padding: 10px;
}

#Login .Err input,
#SNSLogin .Err input {
    width: 100%;
    height: 42px;
    border-bottom: #D63A3A 1px solid;
    padding: 10px;
}

#Login .ErrMess,
#SNSLogin .ErrMess {
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: 23%;
}

#SNSLogin .ErrMess {
    margin-left: 145px;
}

    #Login .ErrMess p,
    #SNSLogin .ErrMess p {
        width: 100%;
        color: #D63A3A;
        font-size: 10px;
        text-indent: -1em;
        padding-left: 1em;
        margin-bottom: 5px;
    }
/*ここまで　ログイン*/

/*登録・パスワードリマインダ・マイページ・ID番号入力・発送先登録・アンケート＆プレゼント*/
#Regist .Wrap,
#PassWard .Wrap,
#MyPage .RegistChange,
#MyPage .PassWardChange,
#ShippingAddress .Wrap {
    background-color: #F1F1F1;
    padding: 20px 220px 30px;
    margin-bottom: 50px;
}

#IDInput .Wrap {
    background-color: #F1F1F1;
    padding: 20px 220px 30px;
    margin-bottom: 0px;
}

#RegistCheck .Wrap,
#ShippingAddressCheck .Wrap {
    border: solid 1px #cccccc;
    border-bottom: none;
    padding: 20px 220px 30px;
}

#MyPage {
    margin-bottom: 50px;
}

#IDInput .Title {
    background-color: #F1F1F1;
    padding: 20px 10px 10px;
}

#IDInput h6 {
    margin-bottom: 0px;
}

#MyPage .Account {
    border: solid 1px #cccccc;
    padding: 20px 220px 30px;
}

.RegistNote {
    border: solid 1px #CCCCCC;
    padding: 20px 20px 10px 40px;
    margin-bottom: 30px;
}

    .RegistNote ul {
        list-style: disc;
    }

    .RegistNote li {
        margin-bottom: 10px;
    }

.Regist .ItemLine,
.PassWardBox .ItemLine,
#IDInput .ItemLine {
    margin-top: 20px;
    display: flex;
    display: -ms-flexbox;
}

.Regist .ItemName,
.PassWardBox .ItemName,
#RegistCheck .ItemName,
.RegistChange .ItemName,
#ShippingAddressCheck .ItemName,
#IDInput .ItemName {
    width: 145px;
    font-size: 12px;
    color: #3EB6D1;
    align-self: center;
}

.Regist .Err .ItemName,
.PassWardBox .Err .ItemName,
#MyPage .Err .ItemName,
#IDInput .Err .ItemName {
    width: 145px;
    font-size: 12px;
    color: #D63A3A;
    align-self: center;
}

#RegistCheck .ItemName,
.Account .ItemName,
#ShippingAddressCheck .ItemName {
    color: #3C3C3C;
}

.Regist .LoginID input,
.Regist .PassWard input,
.Regist .Address input,
.Regist .Mail input,
.Regist .ZipCode input,
.Regist .Name input,
.PassWardBox .PassWard input,
.PassWardBox .Mail input,
#RegistCheck .TxtArea,
#MyPage .Account .TxtArea,
#IDInput .TxtArea input {
    width: 400px;
    height: 42px;
    padding: 15px;
    background-color: #ffffff;
    border-bottom: solid 1px #3EB6D1;
    outline: none;
    border-radius: 2px;
    /*	pointer-events : none;*/
}

#ShippingAddressCheck .TxtArea {
    width: 400px;
    min-height: 42px;
    padding: 10px 15px;
    background-color: #ffffff;
    border-bottom: solid 1px #3C3C3C;
    border-radius: 2px;
}

.Regist .Err .LoginID input,
.Regist .Err .PassWard input,
.Regist .Err .Mail input,
.Regist .Err .ZipCode input,
.Regist .Err .Address input,
.Regist .Err .Name input,
.PassWardBox .Err .PassWard input,
.PassWardBox .Err .Mail input,
#IDInput .Err .TxtArea input {
    width: 400px;
    height: 42px;
    padding: 15px;
    border-bottom: #D63A3A 1px solid;
}

#RegistCheck .TxtArea,
#MyPage .Account .TxtArea {
    padding: 10px 15px;
    border-bottom: solid 1px #3C3C3C;
}

.Regist .Birth {
    display: flex;
    display: -ms-flexbox;
    align-items: flex-end;
}

.Regist .BirthY,
.Regist .BirthMD,
.Regist .AddressSele {
    margin-right: 5px;
    overflow: hidden;
    padding-right: 5px;
    background: url("../images/point--arr.png") no-repeat #fff;
    background-position: right 8px center;
    border-bottom: solid 1px #3EB6D1;
    border-radius: 2px;
}

.Regist .Err .BirthY,
.Regist .Err .BirthMD,
.Regist .Err .AddressSele {
    border-bottom: solid 1px #D63A3A;
}

.Regist .BirthMD {
    width: 90px;
    margin-left: 10px;
}

.Regist .BirthY select {
    background: transparent;
    width: 120px;
    height: 42px;
    padding: 10px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
}

.Regist .BirthMD select {
    background: transparent;
    width: 90px;
    height: 42px;
    padding: 10px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
}

    .Regist .BirthY select::-ms-expand,
    .Regist .BirthMD select::-ms-expand {
        display: none;
    }

.Regist .Sex label,
.Regist .MailMag label {
    cursor: pointer;
    height: 42px;
    width: 190px;
    text-align: center;
    display: inline-block;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 21px;
    margin-right: 5px;
}

.Regist .Sex input,
.Regist .MailMag input {
    display: none;
}

.Regist .Sex .check_box:checked + .label,
.Regist .MailMag .check_box:checked + .label {
    background-color: #3EB6D1;
    color: #ffffff;
}

.Regist .Address {
    width: 400px;
}

.Regist .AddressSele select {
    background: transparent;
    width: 100%;
    height: 42px;
    padding: 10px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
}


.Regist .ErrMess,
.PassWardBox .ErrMess,
#IDInput .ErrMess {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 145px;
}

    .Regist .ErrMess p,
    .PassWardBox .ErrMess p,
    #IDInput .ErrMess p {
        width: 100%;
        font-size: 10px;
        margin-bottom: 3px;
    }

.Regist .LinkCenter {
    margin-top: 30px;
}

#RegistCheck .Regist .LinkCenter,
.PassWardBox .LinkCenter {
    margin-top: 30px;
}

#MyPage .LinkCenter {
    margin-top: 20px;
    margin-bottom: 20px;
}

#ConfirmBox {
    background-color: #F1F1F1;
    margin-bottom: 50px;
}

    #ConfirmBox h6 {
        padding-top: 30px;
    }

    #ConfirmBox .Wrap {
        border: solid 1px #cccccc;
        border-top: none;
        padding: 0px 20px 0px;
    }

    #ConfirmBox .LinkCenter {
        padding-bottom: 40px;
    }

    #ConfirmBox textarea {
        font-size: 12px;
        width: 100%;
        height: 185px;
        padding: 10px;
        border: solid 1px #cccccc;
        margin-bottom: 20px;
    }

    #ConfirmBox input[type="checkbox"] {
        position: absolute;
        left: -999em;
    }

        #ConfirmBox input[type="checkbox"] + label {
            position: relative;
            overflow: hidden;
            cursor: pointer;
        }

            #ConfirmBox input[type="checkbox"] + label::before {
                content: "";
                display: inline-block;
                vertical-align: -30%;
                height: 1.5em;
                width: 1.5em;
                background-color: #3EB6D1;
                border-radius: 4px;
                margin-right: 0.5em;
            }

        #ConfirmBox input[type="checkbox"]:checked + label::after {
            content: '✔';
            position: absolute;
            color: #ffffff;
            width: 1.2em;
            height: 0.4em;
            left: 0.2em;
            border-top: none;
            border-right: none;
        }



#MyPage .NoteTxt {
    color: #D63A3A;
    margin-bottom: 30px;
    text-align: center;
}


#MyPage .AccountDelete .LinkCenter {
    margin-top: 30px;
    font-size: 30px;
}


#EnquetePre .BGColor {
    margin-bottom: 0px;
    padding-bottom: 5px;
}

#IDInputCheck .Box,
#EnquetePre .Box {
    display: flex;
    display: -ms-flexbox;
    padding: 30px 60px;
}

    #IDInputCheck .Box .Image,
    #EnquetePre .Image {
        margin-right: 25px;
    }

        #IDInputCheck .Box .Image img,
        #EnquetePre .Box .Image img {
            max-width: 250px;
            max-height: 250px;
        }

    #IDInputCheck .Box .ItemName,
    #EnquetePre .Box .ItemName {
        font-size: 18px;
        margin-bottom: 6px;
    }

    #IDInputCheck .Box .ParentName,
    #EnquetePre .Box .WinNo,
    #EnquetePre .Box .Deadline {
        margin-bottom: 6px;
    }

    #EnquetePre .Box .Deadline,
    #EnquetePre .Box .Note {
        font-size: 10px;
    }

    #EnquetePre .Box .Note {
        margin-top: 20px;
    }

    #IDInputCheck .Box .Detail p {
        font-size: 10px;
        margin-bottom: 6px;
    }

#OtherChallenges .Wrap {
    margin-right: -20px;
    align-items: flex-start;
}

#OtherChallenges .Item {
    width: 482px;
    /*height: 244px;*/
    background-color: #ffffff;
    border: solid 1px #cccccc;
    margin-right: 20px;
    margin-bottom: 20px;
}

    #OtherChallenges .Item .Line {
        background-color: #3EB6D1;
        height: 4px;
        border-radius: 2px 2px 0px 0px;
    }

    #OtherChallenges .Item .ItemBox {
        display: flex;
        display: -ms-flexbox;
        padding: 10px 28px 10px
    }

    #OtherChallenges .Item .Image {
        margin-right: 10px;
    }

        #OtherChallenges .Item .Image img {
            max-width: 160px;
            max-height: 160px;
        }

    #OtherChallenges .Item .ItemName,
    #OtherChallenges .Item .ParentName {
        margin-top: 5px;
    }

    #OtherChallenges .Item .Txt {
        font-size: 12px;
    }

        #OtherChallenges .Item .Txt p {
            margin-bottom: 5px;
        }

#OtherChallenges .ChallengePC {
    width: 480px;
    height: 50px;
    padding-top: 16px;
    border-top: solid 1px #CCCCCC;
    text-align: center;
    position: relative;
}

#OtherChallenges .ChallengeSP {
    display: none;
}

#OtherChallenges .ChallengePC img {
    vertical-align: middle;
    padding-right: 4px;
}

#OtherChallenges .ChallengePC a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

    #OtherChallenges .ChallengePC a:hover {
        opacity: 0.5;
        background-color: #fef5c2;
    }

#LotteryResult .Box {
    display: flex;
    display: -ms-flexbox;
}

#LotteryResult .Image {
    width: 450px;
    margin: 0px 20px;
}

    #LotteryResult .Image img {
        max-width: 450px;
        max-height: 323px;
    }

#LotteryResult .MessBox {
    width: 494px;
    align-self: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}

#LotteryResult .Congratulations,
#LotteryResult .Lose {
    font-size: 36px;
    color: #D63A3A;
    margin-bottom: 10px;
}

#LotteryResult .Lose {
    color: #3EB6D1;
}

#LotteryResult .Message {
    font-size: 18px;
}

#EnquetePre .ItemLine {
    display: flex;
    display: -ms-flexbox;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#EnquetePre .FreeTxt {
    display: block;
}

#EnquetePre .ItemLine:last-child {
    border: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#EnquetePre .Question {
    display: flex;
    display: -ms-flexbox;
    width: 100%;
    margin-right: 20px;
}

.Question .QTitle {
    font-size: 12px;
    color: #ffffff;
    width: 60px;
    height: 20px;
    display: block;
    background-color: #666666;
    border-radius: 10px;
    text-align: center;
    padding-top: 2px;
    margin-right: 16px;
    flex-shrink: 0;
}

.Question .QTxt {
    margin-bottom: 10px;
}

#EnquetePre .Answer {
    width: 492px;
    flex-shrink: 0;
    padding: 0;
    margin-right: -16px;
}

#EnquetePre textarea {
    width: 100%;
    height: 110px;
    padding: 10px;
}

#EnquetePre label {
    cursor: pointer;
/*	height: 42px;*/
	min-height: 42px;
	width: 48%;
	text-align: center;
	display: inline-block;
    padding:10px;
	background-color: #ffffff;
    border: 1px solid #cccccc;
/*  border-radius: 21px;*/
	border-radius: 100px;
	margin-bottom: 10px;
	vertical-align: middle;
}

#EnquetePre .Pieces3 {
    width: 31.5%;
}

#EnquetePre .Answer input {
    display: none;
}

    #EnquetePre .Answer .check_box:checked + .label,
    #EnquetePre .Answer input[type="radio"]:checked + .label {
        background-color: #3EB6D1;
        color: #ffffff;
    }







/*ここまで　登録・パスワードリマインダ・マイページ・ID番号入力・発送先登録・アンケート＆プレゼント*/



/*賞品詳細*/
#Item {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

    #Item .Image {
        margin-bottom: 30px;
        margin-right: 30px;
    }

        #Item .Image img {
            max-width: 350px;
            max-height: 350px;
        }

    #Item .Detail {
    }

    #Item .DetailLine {
        margin-bottom: 10px;
        line-height: 1.8;
        display: -ms-flexbox;
        display: flex;
    }

    #Item .DetailTitle {
        width: 100px;
        height: 24px;
        background: #f1f1f1;
        border: solid 1px #cccccc;
        border-radius: 50px;
        margin-right: 10px;
        text-align: center;
    }

    #Item .DetailTxt {
        flex: 1;
    }

    #Item .ShopBtn {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #Item .Txt {
        font-size: 10px;
        margin-bottom: 50px;
    }

    #Item .SNS {
        margin-bottom: 15px;
    }

    #Item .iconBox {
        text-align: center;
        /*margin-right: -15px;*/
    }

    #Item .icon {
        margin-right: 15px;
    }

.Copyfight {
    font-size: 10px;
    text-align: right;
    margin-bottom: 20px;
}
/*ここまで　賞品詳細*/

#News {
    margin-bottom: 50px;
}

/*.CardL, .CardM, .CardS,.CardTyny,*/

.CardL a, /*カードのリンク*/
.CardS a,
.CardLineup a {
    /*	display: block;*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%; /*テキスト非表示*/
    white-space: nowrap; /*テキスト非表示*/
    overflow: hidden; /*テキスト非表示*/
}

    .CardL a.Inlink,
    .CardS a.Inlink,
    .CardLineup a.Inlink {
        color: #3c3c3c;
        text-decoration: none;
        position: relative; /*普通に配置*/
        text-indent: 0; /*テキスト表示*/
        white-space: normal; /*テキスト表示*/
    }

        .CardL a.Inlink:hover,
        .CardS a.Inlink:hover,
        .CardLine a.Inlink:hover {
            color: #098BDE;
        }

.CardTyny a {
    color: #3c3c3c;
    text-decoration: none;
}

    .CardTyny a:hover {
        color: #098BDE;
    }




.CardL .Wrap,
.CardS .Wrap,
.CardChallenge .Wrap {
    margin-right: -20px;
}

.CardM .Wrap {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-right: -20px;
}

.CardTyny .Wrap,
.CardLineup .Wrap {
    margin-right: -10px;
}

.CardL .Item,
.CardS .Item,
.CardChallenge .Item {
    padding-right: 20px;
    padding-bottom: 20px;
}

.CardM .Item {
    background-color: #ffffff;
    width: 231px;
    height: 371px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 0px 0px 2px 2px;
    filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.15));
    border-style: none;
}

    .CardM .Item a {
        color: #3C3C3C;
        text-decoration: none;
    }

    .CardM .Item:hover {
        opacity: 0.7;
        filter: drop-shadow(0px 6px 12px rgba(0,0,0,0.15));
        filter: alpha(opacity=75);
        -ms-filter: "alpha( opacity=75 )";
    }

.CardM .InLink a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.CardTyny .Item,
.CardLineup .Item {
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.CardL .ItemBox {
    position: relative;
    width: 231px;
    height: 331px;
    padding: 12px 14px 14px;
}

.CardS .ItemBox {
    position: relative;
    width: 231px;
    height: 276px;
    padding: 14px;
}

.CardTyny .ItemBox {
    font-size: 12px;
    width: 188px;
    height: 228px;
    padding: 14px;
}

.CardLineup .ItemBox {
    position: relative;
    font-size: 12px;
    width: 188px;
    height: 228px;
    padding: 14px;
}

.CardChallenge .ItemBox {
    position: relative;
    width: 438px;
    height: 238px;
    padding: 12px 14px 14px;
}

.CardL .Line {
    background: #3EB6D1;
    height: 4px;
    border-radius: 2px 2px 0px 0px;
}

.CardM .Line {
    background-color: #3EB6D1;
    height: 4px;
    border-radius: 2px 2px 0px 0px;
}


.CardL .ItemBox, /*カードのBlur*/
.CardS .ItemBox,
.CardTyny .ItemBox,
.CardLineup .ItemBox {
    background-color: #ffffff;
    border-radius: 2px;
    /*box-shadow: 0px 1px 4px;*/
    filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.15));
    border-style: none;
}

    .CardL .ItemBox:hover, /*カードのBlur hover*/
    .CardS .ItemBox:hover,
    .CardTyny .ItemBox:hover,
    .CardLineup .ItemBox:hover {
        /*box-shadow: 0px 6px 12px;*/
        filter: drop-shadow(0px 6px 12px rgba(0,0,0,0.15));
        opacity: 0.6;
        filter: alpha(opacity=75);
        -ms-filter: "alpha( opacity=75 )";
        background: #fff;
    }

.CardL .Image,
.CardS .Image {
    height: 203px;
    width: 203px;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

    .CardL .Image img,
    .CardS .Image img {
        max-width: 203px;
        max-height: 203px;
    }

.CardM .Image {
    height: 203px;
    width: 203px;
    margin-bottom: 10px;
}

    .CardM .Image img {
        max-width: 203px;
        max-height: 203px;
    }

.CardTyny .Image,
.CardLineup .Image {
    height: 160px;
    width: 160px;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

    .CardTyny .Image img,
    .CardLineup .Image img {
        max-width: 160px;
        max-height: 160px;
    }

.CardL .ItemName,
.CardM .ItemName,
.CardS .ItemName,
.CardTyny .ItemName,
.CardLineup .ItemName {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.CardL .ItemName,
.CardS .ItemName {
    margin-top: 4px;
}

.CardM .ItemName {
    height: 41px;
}

.CardTyny .ItemName {
    margin-top: 6px;
}

.CardLineup .ItemName {
    margin-top: 8px;
}

.CardL .ItemName:hover {
    /*color: #098BDE;*/
}


.CardL .ItemDetail {
    font-size: 12px;
    margin-top: 12px;
    color: #3C3C3C;
}

.CardM .DetailLine {
    padding: 14px;
    position: relative;
}

.CardM .Deadline {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.CardM .Challenge {
    text-align: center;
    border-top: dotted 1px #cccccc;
    margin-left: -14px;
    margin-right: -14px;
}

    .CardM .Challenge img {
        vertical-align: -10%;
        padding-right: 4px;
    }

    .CardM .Challenge a {
        display: inline-block;
        color: #3C3C3C;
        text-decoration: none;
        width: 100%;
        height: 50px;
        padding-top: 14px;
    }

        .CardM .Challenge a:hover {
            background: #fef5c2;
        }

        .CardM .Challenge a.disabled {
            pointer-events: none;
            color: #cccccc;
            background-color: #f1f1f1;
        }








/*店舗検索　店舗詳細*/
#Shop {
}

    #Shop .SearchDetail {
        display: flex;
        display: -ms-flexbox;
        margin-top: 20px;
        margin-bottom: 20px;
        align-items: center;
    }

    #Shop .AreaSelect select {
        background: transparent;
        width: 220px;
        height: 42px;
        padding: 10px;
        font-size: 16px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        -webkit-appearance: none;
    }

    #Shop .Title {
        margin-right: 30px;
    }

    #Shop .AreaSelect {
        margin-right: 5px;
        width: 220px;
        height: 42px;
        overflow: hidden;
        padding-right: 5px;
        background: url("../images/point--arr.png") no-repeat #fff;
        background-position: right 8px center;
        border: 1px solid #cccccc;
        border-radius: 2px;
    }

        #Shop .AreaSelect select::-ms-expand {
            display: none;
        }

    #Shop .TxtArea {
    }

        #Shop .TxtArea input {
            width: 400px;
            height: 42px;
            border: 1px solid #cccccc;
            border-radius: 2px;
            padding: 10px;
        }

    #Shop .ResultCount {
        flex: 1;
        text-align: right;
    }

    #Shop .ItemName {
        font-size: 16px;
        text-align: center;
    }

    #Shop ul {
        list-style: none;
        margin-bottom: 30px;
    }

    #Shop li {
        width: 100%;
        background-color: #ffffff;
        padding: 15px;
        margin-bottom: 2px;
        border-radius: 2px;
    }

    #Shop .Group {
        display: flex;
        display: -ms-flexbox;
    }

#ShopDetail {
    margin-bottom: 50px;
}

    #ShopDetail .ZipCode {
    }

    #ShopDetail .Address {
    }

    #ShopDetail .Tel {
        background: url("../images/icon_tel.svg") no-repeat;
        background-size: 13px;
        background-position: left center;
        padding-left: 18px;
    }

    #ShopDetail .TelSP {
        display: none;
    }

    #ShopDetail .ToMap {
        margin-top: 5px;
        margin-bottom: 20px;
        padding-right: 20px;
    }

/*ここまで　店舗検索　店舗詳細*/





#News .Twitter {
    width: 262px;
    /*border: solid 1px #FF0004;*/
    margin-left: 20px;
}

#News .Box {
    width: 700px;
    height: 295px;
    overflow: auto;
}

#News .ItemBox {
    border-bottom: 1px #cccccc solid;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

#News .NewsBGcolor {
    background-color: #ffffff;
}



/*応募履歴*/
#ApplicationHistory {
    margin-bottom: 50px;
}

    #ApplicationHistory .ItemLine {
        padding: 15px 20px;
    }

        #ApplicationHistory .ItemLine:nth-child(odd) {
            background: #F1F1F1;
        }

    #ApplicationHistory .Item {
        display: flex;
    }

    #ApplicationHistory .Result {
        width: 50px;
        align-self: center;
        margin-right: 10px;
    }

    #ApplicationHistory .Win,
    #ApplicationHistory .Lose,
    #ApplicationHistory .Select,
    #ApplicationHistory .Non {
        display: block;
        width: 45px;
        height: 45px;
    }

    #ApplicationHistory .Win {
        background-image: url("../images/icon_apply_win.svg");
    }

    #ApplicationHistory .Lose {
        background-image: url("../images/icon_apply_defeat.svg");
    }

    #ApplicationHistory .Select {
        background-image: url("../images/icon_apply_select.svg");
    }

    #ApplicationHistory .DetailLine {
        display: flex;
        display: -ms-flexbox;
    }

    #ApplicationHistory .Date {
        font-size: 12px;
        width: 155px;
        align-self: center;
    }

    #ApplicationHistory .Detail {
        width: 729px;
    }

    #ApplicationHistory .ParentName,
    #ApplicationHistory .ItemName {
        margin-bottom: 3px;
    }

    #ApplicationHistory .ShippingAddress,
    #ApplicationHistory .Challenge {
        border: solid 1px;
        border-color: #D63A3A;
        background-color: #ffffff;
        margin-top: 5px;
        padding: 8px 10px;
        width: 100%;
    }

    #ApplicationHistory .Challenge {
        border-color: #B9B9B9;
    }


    #ApplicationHistory span {
        margin-right: 25px;
    }

    #ApplicationHistory .Deadline {
        font-size: 10px;
    }


    .Sort{
    	display: flex;
    	justify-content: flex-end;
    	margin-bottom: 5px;
    }
    
    .Sort a{
    	display: block;
    	padding: 5px;
    	border: 1px solid #cccccc;
    	border-right: none;
    	text-decoration: none;
    }
    
    .Sort a:last-child{
    	border-right: 1px solid #cccccc;
    }
    
    .Sort .Active{
    	background-color: #d9f0f6;
    }



/*ここまで　応募履歴*/


/*規約*/
#Agreement div{
	padding: 20px 10px 5px;
	margin-bottom: 10px;
	border-bottom: solid 1px #cccccc;	
}

#Agreement p{
	padding: 0 10px;
}
/*ここまで　規約*/




/*ここまで コンテンツ*/




/*フッター*/
#Footer {
    color: #ffffff;
    background-color: #555555;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#FootCont {
    padding: 30px 0px 10px;
    line-height: 26px;
}

    #FootCont .Logo {
        width: 25%;
    }

#SiteMap {
    width: 50%;
}

#FootCont .infoBox {
    width: 25%;
}

#FootCont .info {
    background-color: #3C3C3C;
    width: 230px;
    padding: 10px;
    text-align: center;
}

#FootCont .CustomCenter {
    margin: 8px 0 5px;
    padding-top: 5px;
    border-top: #CCCCCC 1px solid;
}

#FootCont .TelNo {
    font-size: 20px;
}

#FootCont .Tel {
    font-size: 12px;
}

#SiteMap ul {
    list-style-type: none;
}

#SiteCopyright {
    padding-top: 12px;
    font-size: 10px;
    border-top: #666666 1px solid;
    text-align: center;
    height: 40px;
}
/*ここまで フッター*/


.DispNP {
    display: none;
}



/************************************
** スライダー
************************************/
.slide-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0 0 1em;
    margin: 0 0 2em 0;
    scroll-behavior: smooth;
}

    .slide-wrap .slide-content {
        flex: 0 0 90%;
        margin: 0 10px;
        height: 100%;
    }

@media screen and (max-width: 480px) {
    .slide-wrap .slide-content {
        flex: 0 0 88%;
        margin: 0px 5px;
        scroll-snap-align: center;
    }
}



/* 〜1023px
------------------------------ */
@media screen and (max-width:1023px) {

    body {
        font-size: 16px;
    }

    .container {
        padding-right: 10px;
        padding-left: 10px;
    }

    .BGColor {
        background-color: #F1F1F1;
        padding: 20px 0px 10px;
        margin-bottom: 50px;
    }

    /*リンク*/
    .PreLink a {
        color: #3c3c3c;
        text-decoration: none;
        padding-top: 4px;
        border-radius: 15px;
        position: relative; /*普通に配置*/
        text-indent: 0; /*テキスト表示*/
        white-space: normal; /*テキスト表示*/
    }

    /*ヘッダー*/
    .Headerbg {
        background-color: #000000;
        height: 54px;
    }

    #MenberHeader {
        display: none;
    }

    #GHeader {
        display: none;
    }

    #SiteLogoSP {
        display: inline;
    }

    /*タイトル*/

    h2::after {
        display: none;
    }

    h2 .subIcon {
        padding-right: 10px;
        padding-top: 2px;
    }

        h2 .subIcon img {
            width: 28px;
            height: 28px;
        }

    .h2text {
        margin-bottom: 20px;
    }

    /*検索*/
    #Search {
        margin-bottom: 30px;
    }

        #Search .TxtArea {
            background-color: white;
            width: 100%;
            height: 40px;
            border: 1px #CCCCCC solid;
            border-radius: 2px;
            margin-right: 10px;
        }

        #Search input {
            font-size: 16px;
            vertical-align: top;
            padding: 13px;
            padding-right: 40px;
            width: 100%;
            box-sizing: border-box;
            background-color: transparent;
            outline: none;
        }

        #Search .Button {
            position: absolute;
            right: 10px;
        }

        #Search .ButtonSearch {
            width: 40px;
            height: 40px;
            background: #3EB6D1;
            border: 1px #CCCCCC solid;
            border-left: none;
            border-radius: 2px;
            color: #ffffff;
            font-size: 16px;
        }

        #Search .icon {
            width: 26px;
            height: 26px;
            position: relative;
            top: 3px;
            margin-right: 0px;
        }

        #Search .Button span {
            display: none;
        }
    /*ここまで　検索*/

    /*ＴＯＰ アンケート＆プレゼント Ｗハッピー*/
    #TopPreWhappy {
        font-size: 16px;
        border: solid 1px #cccccc;
        margin: 0 20px;
        filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.15));
        outline: none;
        margin-bottom: 20px;
    }

        #TopPreWhappy .container {
            padding-left: 0px;
            padding-right: 0px;
        }

        #TopPreWhappy .BoxL, #TopPreWhappy .BoxR {
            width: 50%;
            height: 155px;
            margin: 0 auto;
            border: none;
            border-bottom: solid 4px #f1f1f1;
            position: relative;
        }

        #TopPreWhappy .BoxR {
            border-left: solid 1px #cccccc;
        }

        #TopPreWhappy .Box {
            display: block;
            padding: 10px;
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            -webkit- transform: translateY(-50%) translateX(-50%);
        }

        #TopPreWhappy .icon {
            width: 100%;
            height: auto;
            text-align: center;
            display: inline-block;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-right: 0px;
        }

        #TopPreWhappy .Txt {
            width: 100%;
            text-align: center;
            display: inline-block;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-left: 0px;
        }


    .BtnLoginRegist {
        margin: 0 20px 30px;
        display: block;
    }

        .BtnLoginRegist .BtnBorder {
            width: 100%;
            height: 60px;
            display: block;
            background-color: #ffffff;
            border: solid 1px #cccccc;
            border-radius: 30px;
            filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.15));
            outline: none;
            text-align: center;
            padding-top: 15px;
        }

            .BtnLoginRegist .BtnBorder img {
                vertical-align: -30%;
                padding-right: 15px;
            }

        .BtnLoginRegist a {
            color: #3C3C3C;
            text-decoration: none;
        }
    /*ここまで ＴＯＰ アンケート＆プレゼント Ｗハッピー*/


    /*コンテンツ*/
    .TopBanner {
        margin-bottom: 40px;
    }

        .TopBanner img {
            width: 100vw;
        }

    /*エラーページ*/
    .ErrorPBox {
        border: 1px #cccccc solid;
        padding: 50px 10px;
        margin-bottom: 30px;
    }

        .ErrorPBox .Error {
            text-align: center;
            font-size: 30px;
            color: #B9B9B9;
            margin-bottom: 30px;
        }

        .ErrorPBox .ErrNo {
            font-size: 70px;
            line-height: 1em;
            margin-right: 0px;
            display: block;
        }

        .ErrorPBox .ErrTXT p {
            margin-bottom: 35px;
        }
    /*ここまで　エラーページ*/

    /*入力関係*/
    ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        font-size: 16px;
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 16px;
    }

    ::placeholder { /* Others */
        font-size: 16px;
    }
    /*ここまで　入力関係*/

    .Note {
        font-size: 10px;
        margin-top: 20px;
    }

    /*ログイン*/
    #Login .container,
    #SNSLogin .container {
        padding: 0px;
    }

    #Login .Wrap,
    #SNSLogin .Wrap {
        background-color: #F1F1F1;
        padding: 10px 20px 30px;
        margin-bottom: 30px;
        display: block;
    }

    #Login .BoxL {
        width: 100%;
        border-right: none;
        border-bottom: #cccccc 1px solid;
        padding-right: 0px;
        padding-bottom: 30px;
    }

    #Login .BoxR {
        width: 100%;
        margin-top: 10px;
        padding-left: 0px;
    }

    #SNSLogin Box {
    }

    #Login .ItemLine,
    #SNSLogin .ItemLine {
        display: block;
        margin-top: 20px;
    }

    #Login .ItemName,
    #SNSLogin .ItemName {
        font-size: 10px;
        width: 100%;
        margin-bottom: 5px;
        align-self: auto;
    }

    #Login .Err .ItemName,
    #SNSLogin .Err .ItemName {
        width: 100%;
        align-self: auto;
    }


    #Login .TxtArea,
    #SNSLogin .TxtArea {
        width: 100%;
    }

    #Login .Normal input,
    #SNSLogin .Normal input {
        width: 100%;
        height: 42px;
        border-bottom: #3EB6D1 1px solid;
        padding: 10px;
    }

    #Login .Err input,
    #SNSLogin .Err input {
        width: 100%;
        height: 42px;
        border-bottom: #D63A3A 1px solid;
        padding: 10px;
    }

    #Login .ErrMess,
    #SNSLogin .ErrMess {
        margin-bottom: 30px;
        margin-left: 0px;
    }

        #Login .ErrMess p,
        #SNSLogin .ErrMess p {
            width: 100%;
            color: #D63A3A;
            font-size: 12px;
            text-indent: -1em;
            padding-left: 1em;
        }
    /*ここまで　ログイン*/

    /*登録・パスワードリマインダ・マイページ・ID番号入力・発送先登録*/
    #Regist .container,
    #PassWard .container,
    #MyPage .container,
    #ShippingAddress .container,
    #IDInput .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    #Regist .Wrap,
    #PassWard .Wrap,
    #MyPage .RegistChange,
    #MyPage .PassWardChange,
    #MyPage .AccountDelete,
    #ShippingAddress .Wrap,
    #IDInput .Wrap {
        padding: 5px 20px 50px;
    }

    #RegistCheck .Wrap,
    #ShippingAddressCheck .Wrap {
        border: none;
        padding: 0px 15px 50px;
    }

    #MyPage .Account {
        padding: 0px 5px 30px;
        margin-left: 10px;
        margin-right: 10px;
    }

    #MyPage .AccountDelete {
        padding: 5px 20px 20px;
    }

    .Regist .ItemLine,
    .PassWardBox .ItemLine,
    #IDInput .ItemLine {
        display: block;
    }

    .Regist .ItemName,
    .PassWardBox .ItemName,
    #RegistCheck .ItemName,
    #MyPage .Account .ItemName,
    #ShippingAddressCheck .ItemName,
    #IDInput .ItemName {
        width: auto;
        font-size: 10px !important;
        padding-top: 10px;
        margin-bottom: 2px;
    }

    .SP_br {
        display: none;
    }

    .Regist .Err .ItemName,
    .PassWardBox .Err .ItemName,
    #IDInput .Err .ItemName {
        width: auto;
    }

    .Regist .LoginID input,
    .Regist .PassWard input,
    .Regist .Address input,
    .Regist .Mail input,
    .Regist .ZipCode input,
    .Regist .Name input,
    .PassWardBox .PassWard input,
    .PassWardBox .Mail input,
    #RegistCheck .TxtArea,
    #MyPage .Account .TxtArea,
    #ShippingAddressCheck .TxtArea,
    #IDInput .TxtArea input {
        width: 100%;
    }

    .Regist .Err .LoginID input,
    .Regist .Err .PassWard input,
    .Regist .Err .Mail input,
    .Regist .Err .Address input,
    .Regist .Err .ZipCode input,
    .Regist .Err .Name input,
    .PassWardBox .Err .PassWard input,
    .PassWardBox .Err .Mail input,
    #IDInput .Err .TxtArea input {
        width: 100%;
    }

    #RegistCheck .TxtArea,
    #MyPage .Account .TxtArea {
        padding: 10px 0px;
        height: 38px;
    }

    #ShippingAddressCheck .TxtArea {
        padding: 10px 0px;
        min-height: 38px;
    }


    .Regist .Birth {
        align-items: center;
    }

    .Regist .BirthMD {
        width: 70px;
        margin-left: 5px;
    }

    .Regist .BirthY select {
        background: transparent;
        width: 109px;
    }

    .Regist .BirthMD select {
        background: transparent;
        width: 70px;
    }

    .Regist .Sex label,
    .Regist .MailMag label {
        width: 49%;
        text-align: center;
        margin-right: inherit;
    }

    .Regist .Address {
        width: 100%;
    }

    .Regist .AddressSele select {
        background: transparent;
        width: 100%;
    }


    .Regist .ErrMess,
    .PassWardBox .ErrMess {
        margin-top: 5px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

        .Regist .ErrMess p,
        .PassWardBox .ErrMess p {
            width: 100%;
            font-size: 12px;
            margin-bottom: 5px;
        }


    .ConfirmBoxMargin {
        margin-left: -10px;
        margin-right: -10px;
    }

    #ConfirmBox {
        padding: 10px;
        border: none;
    }

        #ConfirmBox .Wrap {
            padding-top: 20px;
        }

        #ConfirmBox textarea {
            font-size: 14px;
        }

    #MyPage .h2text {
        margin-top: 0px;
    }

    #IDInputCheck .Box,
    #EnquetePre .Box {
        display: block;
        padding: 0px 0px;
    }

        #IDInputCheck .Box .Image,
        #EnquetePre .Box .Image {
            margin-right: 0px;
            margin-bottom: 15px;
            text-align: center;
        }

            #IDInputCheck .Box .Image img,
            #EnquetePre .Box .Image img {
                max-width: 200px;
                max-height: 200px;
            }

        #IDInputCheck .Box .ItemName,
        #EnquetePre .Box .ItemName {
            font-size: 16px;
            margin-bottom: 6px;
        }

        #IDInputCheck .Box .ParentName,
        #EnquetePre .Box .WinNo,
        #EnquetePre .Box .Deadline {
            font-size: 14px;
            margin-bottom: 6px;
        }

        #EnquetePre .Box .Note {
            font-size: 12px;
            margin-bottom: 25px;
        }

        #IDInputCheck .Box .Detail p {
            font-size: 14px;
            margin-bottom: 6px;
        }

    #OtherChallenges .Wrap {
        display: block;
        margin-right: 0px;
        align-items: flex-start;
    }

    #OtherChallenges h4 {
        font-size: 16px;
    }

    #OtherChallenges .Item {
        width: auto !important;
        /*height: 244px;*/
        background-color: #ffffff;
        border: solid 1px #cccccc;
        margin-right: 0px;
        margin-bottom: 20px;
        display: flex;
        display: -ms-flexbox;
    }

        #OtherChallenges .Item .Line {
            background-color: #3EB6D1;
            width: 4px;
            height: auto;
            border-radius: 2px 0px 0px 2px;
        }

        #OtherChallenges .Item .ItemBox {
            display: flex;
            display: -ms-flexbox;
            padding: 10px 10px
        }

        #OtherChallenges .Item .Image {
            margin-right: 10px;
        }

            #OtherChallenges .Item .Image img {
                max-width: 100px;
                max-height: 100px;
            }

        #OtherChallenges .Item .ItemName {
            font-size: 14px;
        }

        #OtherChallenges .Item .ParentName {
            font-size: 12px;
        }

        #OtherChallenges .Item .Txt {
            font-size: 12px;
        }

            #OtherChallenges .Item .Txt p {
                margin-bottom: 5px;
            }

    #OtherChallenges .ChallengeSP {
        display: inline-block;
        font-size: 14px;
        width: 213px;
        height: 30px;
        padding-top: 4px;
        border: solid 1px #CCCCCC;
        border-radius: 15px;
        text-align: center;
        position: relative;
    }

    #OtherChallenges .ChallengePC {
        display: none;
    }

    #OtherChallenges .ChallengeSP img {
        vertical-align: middle;
        padding-right: 4px;
    }

    #OtherChallenges .ChallengeSP a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

        #OtherChallenges .ChallengeSP a:hover {
            opacity: 0.5;
            background-color: #fef5c2;
        }

    #LotteryResult .Box {
        display: block;
    }

    #LotteryResult .Image {
        width: auto;
        margin: 0px auto;
        text-align: center;
    }

        #LotteryResult .Image img {
            max-width: 320px;
            max-height: 230px;
        }
    
    #LotteryResult .MessBox{
	    width: auto;
	}
    
    #LotteryResult .Congratulations,
    #LotteryResult .Lose {
        font-size: 36px;
        color: #D63A3A;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    #LotteryResult .Lose {
        color: #3EB6D1;
    }

    #LotteryResult .Message {
        font-size: 18px;
    }

    #EnquetePre .BGColor {
        padding-left: 10px;
        padding-right: 10px;
    }

    #EnquetePre .ItemLine {
        display: block;
    }

    #EnquetePre .FreeTxt {
        display: block;
    }

    #EnquetePre .ItemLine:last-child {
        border: none;
    }

    #EnquetePre .Question {
        margin-right: 0px;
    }

    .Question .QTitle {
        font-size: 14px;
        width: 43px;
        height: 26px;
        border-radius: 13px;
        padding-top: 3px;
        margin-right: 16px;
        flex-shrink: 0;
    }


    #EnquetePre .Answer {
        width: 100%;
        margin-right: -16px;
    }

    #EnquetePre textarea {
        height: 185px;
    }

    #EnquetePre label {
        width: 49%;
    }

    #EnquetePre .Pieces3 {
        width: 32.5%;
    }



    /*ここまで　登録・パスワードリマインダ・マイページ・ID番号入力・発送先登録*/


    /*賞品詳細*/
    #Item {
        display: block;
        margin-bottom: 20px;
    }

        #Item .Image {
            width: 260px;
            margin: 20px auto;
        }

            #Item .Image img {
                max-width: 260px;
                max-height: 260px;
            }

        #Item .Detail {
            display: block;
        }

        #Item .DetailLine {
            margin-bottom: 10px;
            display: -ms-flexbox;
            display: flex;
        }

        #Item .DetailTitle {
            font-size: 14px;
            width: 90px;
            height: 24px;
            border-radius: 45px;
            line-height: 1.8;
            margin-right: 5px;
        }

        #Item .Txt {
            font-size: 12px;
            margin-bottom: 50px;
        }

    /*ここまで　賞品詳細*/







    .CardL, .CardS, #News, .CardTyny, .CardLineup {
        margin-bottom: 30px;
    }

        .CardL .row {
            display: inline;
        }

        .CardL .Wrap {
            margin-right: 10px;
        }

    .CardM .Wrap {
        display: block;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        margin-right: 0px;
    }

    .CardTyny .row {
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
    }

    .CardS .Wrap,
    .CardLineup .Wrap {
        margin-right: -11px;
    }

    .CardTyny .Wrap {
        margin-right: 0px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 0 0 12px 8px;
        display: -ms-flexbox;
        display: flex;
    }


    .CardL .Item {
        padding-right: 0px;
        padding-bottom: 10px;
        display: flex;
        display: -ms-flexbox;
    }

    .CardS .Item,
    .CardLineup .Item {
        width: 50%;
        padding-right: 11px;
        padding-bottom: 11px;
    }

    .CardLineup .Item {
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .CardM .Item {
        background-color: #ffffff;
        width: 100%;
        height: auto;
        margin-right: 0px;
        margin-bottom: 10px;
        border-radius: 0px 2px 2px 0px;
        filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.15));
        border-style: none;
        display: flex;
        display: -ms-flexbox;
    }

    .CardM .InLink a::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .CardM .Item a {
        color: #3C3C3C;
        text-decoration: none;
    }

    .CardM .Item:hover {
        opacity: 0.7;
        filter: drop-shadow(0px 6px 12px rgba(0,0,0,0.15));
        filter: alpha(opacity=75);
        -ms-filter: "alpha( opacity=75 )";
    }

    .CardM .Challenge a {
        display: inline-block;
        color: #3C3C3C;
        text-decoration: none;
        width: 211px;
        height: 28px;
        padding-top: 4px;
    }

    .CardL .ItemBox {
        position: relative;
        width: 100%;
        height: 163px;
        padding: 14px;
    }

    .CardS .ItemBox,
    .CardLineup .ItemBox {
        position: relative;
        width: 100%;
        height: 206px;
        padding: 14px;
    }

    .CardTyny .ItemBox {
        width: 138px;
        height: 196px;
        padding: 14px;
    }

    .CardL .Line {
        width: 4px;
        height: 163px;
        border-radius: 2px 0px 0px 2px;
        display: flex;
    }

    .CardM .Line {
        background-color: #3EB6D1;
        width: 4px;
        height: auto;
        border-radius: 2px 0px 0px 2px;
    }

    .CardL .ItemBox:hover, /*カードのBlur hover*/
    .CardS .ItemBox:hover,
    .CardTyny .ItemBox:hover,
    .CardLineup .ItemBox:hover {
        /*box-shadow: 0px 1px 4px;*/
        filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.15));
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
    }

    .CardL .Image {
        height: 135px;
        width: 135px;
        display: flex;
        display: -ms-flexbox;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        align-items: center;
    }

    .CardM .Image {
        height: 100px;
        width: 100px;
        margin: 0 15px 0 0;
    }

    .CardS .Image,
    .CardLineup .Image {
        height: 120px;
        width: 120px;
        display: flex;
        display: -ms-flexbox;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        align-items: center;
    }

    .CardTyny .Image {
        height: 110px;
        width: 110px;
        display: flex;
        display: -ms-flexbox;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        align-items: center;
    }

    .CardL .Image img {
        max-width: 135px;
        max-height: 135px;
    }

    .CardM .Image img {
        max-width: 100px;
        max-height: 100px;
    }

    .CardS .Image img,
    .CardLineup .Image img {
        max-height: 120px;
        max-width: 120px;
    }

    .CardTyny .Image img {
        max-height: 110px;
        max-width: 110px;
    }


    .CardM .ItemName {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .CardL .ItemName,
    .CardS .ItemName,
    .CardTyny .ItemName,
    .CardLineup .ItemNam {
        margin-top: 6px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .CardL .ItemName {
        margin-top: 0px;
    }


    .CardM .ItemName {
        font-size: 14px;
    }

    .CardS .ItemName {
        font-size: 12px;
        margin-top: 5px
    }


    .CardLineup .ItemName {
        font-size: 12px;
        margin-top: 5px;
        text-align: center;
    }

    .DteilS {
        margin-left: 14px;
        width: 100%;
    }

    .CardL .ItemName:hover {
        /*color: #098BDE;*/
    }


    .CardL .ItemDetail {
        margin-top: 20px;
    }


    .CardM .DetailLine {
        padding: 15px 10px;
        position: relative;
        display: flex;
        display: -ms-flexbox;
    }

    .CardM .Deadline {
        font-size: 12px;
        margin-top: 3px;
        margin-bottom: 8px;
    }

    .CardM .Challenge {
        font-size: 12px;
        width: 213px;
        height: 30px;
        border: solid 1px #cccccc;
        border-radius: 15px;
        margin-left: 0px;
        margin-right: 0px;
        filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.15));
    }

        .CardM .Challenge img {
            vertical-align: -15%;
            padding-right: 4px;
        }


        .CardM .Challenge a:hover {
            background: #fef5c2;
            border-radius: 15px;
        }

        .CardM .Challenge a.disabled {
            pointer-events: none;
            color: #cccccc;
            border-radius: 15px;
            background-color: #f1f1f1;
        }






    /*店舗検索　店舗詳細*/
    #Shop {
    }

        #Shop .SearchDetail {
            display: block;
            margin-bottom: 10px;
        }

        #Shop .AreaSelect select {
            width: 110px;
        }

        #Shop .Title {
            display: none;
        }

        #Shop .AreaSelect {
            width: 110px;
            overflow: hidden;
        }

            #Shop .AreaSelect select::-ms-expand {
                display: none;
            }

        #Shop .TxtArea {
            width: auto;
            flex: 1;
        }

            #Shop .TxtArea input {
                width: 100%;
            }

        #Shop .ResultCount {
            margin-top: 10px;
        }

        #Shop li {
            margin-bottom: 4px;
        }

    #ShopDetail {
        margin-bottom: 50px;
    }

        #ShopDetail .Tel {
            display: none;
        }

        #ShopDetail .TelSP {
            display: block;
            margin-bottom: 20px;
        }

        #ShopDetail .ToMap {
            text-align: center;
            margin-top: 25px;
        }
    /*ここまで　店舗検索　店舗詳細*/


    #News .Box {
        width: 100%;
        height: 300px;
        overflow: auto;
        border: 1px solid #cccccc;
        border-radius: 2px;
        padding: 0px;
    }

    #News .ItemBox {
        border-bottom: none;
        padding: 10px 13px 20px;
        margin-bottom: 10px;
    }

    #News .NewsBGcolor {
        background-color: #F1f1f1;
    }

    #News .Twitter {
        display: none;
    }

    /*応募履歴*/
    #ApplicationHistory .ItemLine {
        padding: 10px;
    }

        #ApplicationHistory .ItemLine:nth-child(odd) {
            background: #F1F1F1;
        }

    #ApplicationHistory .DetailLine {
        display: inline !important;
    }

    #ApplicationHistory .Result {
        width: 50px !important;
        margin-right: 15px;
    }

    #ApplicationHistory .DetailLine {
        display: flex;
        display: -ms-flexbox;
    }

    #ApplicationHistory .Date {
        font-size: 14px;
        width: auto;
    }

    #ApplicationHistory .Detail {
        width: auto;
    }

    #ApplicationHistory .ParentName,
    #ApplicationHistory .ItemName {
        margin-bottom: 3px;
    }

    #ApplicationHistory .ShippingAddress,
    #ApplicationHistory .Challenge {
        border: solid 1px;
        border-color: #D63A3A;
        background-color: #ffffff;
        margin-top: 5px;
        padding: 8px 10px;
        width: 100%;
        text-align: center;
    }

    #ApplicationHistory .Challenge {
        border-color: #B9B9B9;
    }

    #ApplicationHistory span {
        display: block;
        margin-right: 0px;
    }

    #ApplicationHistory .Deadline {
        font-size: 12px;
    }




    /*フッター*/
    #Footer {
        background-color: #333333;
        /*		position:static;*/
    }

    #FootCont .Logo {
        width: 50%;
        text-align: center;
    }

    #FootCont .infoBox {
        width: 100%;
    }

    #FootCont .info {
        background-color: rgba(255,255,255,0.1);
        width: 100%;
        padding: 18px;
        margin: 20px 0px;
        ;
        text-align: center;
    }

    #FootCont .CustomCenter {
        font-size: 14px;
        margin: 0px;
        padding-top: 0px;
        width: 40%;
        text-align: center;
        border-top: none;
        align-self: center;
    }

    #FootCont .NoBox {
        width: 60%;
    }

    #SiteMap {
        font-size: 14px;
    }

    #SiteCopyright {
        padding-top: 8px;
        font-size: 10px;
        border-top: #666666 1px solid;
        text-align: center;
        height: 32px;
    }


    /*ほか*/
    .DispNS {
        display: none !important;
    }

    .DispNP {
        display: inline-block;
    }


    .rowS {
        display: flex;
        display: -ms-flexbox;
    }

    /*
	.ShortPage{
		min-height: 600px;
	}
*/


}




.Red {
    color: #D63A3A;
}

button:disabled {
    opacity: 0.3;
}

input,
textarea {
    background-color: #ffffff;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #B9B9B9;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B9B9B9;
}

::placeholder { /* Others */
    color: #B9B9B9;
}

button,
select {
    outline: none;
}

.ng-pristine {
    color: #B9B9B9;
}

.ng-dirty,
.ng-valid {
    color: #3C3C3C;
}
/*.ng-invalid{
	color: #D63A3A;
}*/