@charset "UTF-8";

/* CSS information ===================================================

	file name  :style.css
	style info :各コンテンツ部分のスタイル

=================================================================== */


/* ---------------------------------------------------------
	index.html
		トップページ
--------------------------------------------------------- */

.camp_code {
    /*	margin-bottom:15px;*/
    padding: 0px 10px 20px 15px;
    background-color: #FFF;
    /*
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-o-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-ms-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
*/
}

.camp_code h2 {
    /*	margin-bottom:20px;*/
    color: #545454;
    padding: 0 0 10px;
    font-size: 1.25em;
    /*	font-weight:bold;*/
    text-align: center;
    /*	border-bottom:solid 2px #DFDFDF;*/
}

.camp_code dl {
    width: 100%;
    /*	width: 270px;*/
    margin: 0 auto;
    margin-bottom: 15px;
}

.camp_code dt {
    float: left;
    padding: 0px;
    height: 48px;
}

.camp_code dd {
    /*	float:right;*/
    /*	width:230px;*/
    width: auto;
    text-align: center;
}

.camp_code dt.code01 {
    display: none;
    width: 54px;
    margin-bottom: 0px;
    /*	background-color: #c73716;*/
    background-color: #e98713;
}

.camp_code dt.code02 {
    clear: both;
    width: 70px;
    background-color: #c73716;
}

.camp_code dt.code01 span,
.camp_code dt.code02 span {
    display: block;
    color: #FFF;
    font-size: 1.2em;
    line-height: 1.0em;
    font-weight: bold;
    text-align: center;
    padding: 16px 0px;
}

.camp_code dt.code02,
.camp_code dd.code02 {
    margin-top: 8px;
}


/*
.camp_code input[type=text], 
.camp_code input[type=number], 
.camp_code input[type=tel] {
	width:100%;
	height:23px;
	font-size:115%;
	font-weight:bold;
	padding:0 5px;
	border:1px solid #B5B5B5;
}
*/

.camp_code input[type=text],
.camp_code input[type=number],
.camp_code input[type=tel] {
    width: 100%;
    max-width: 588px;
    height: 48px;
    font-size: 150%;
    /*	font-weight:bold;*/
    margin: 0;
    /*	margin: 0 0 0 -14px;*/
    padding: 5px 8px;
    border: 1px solid #B5B5B5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-family: a-otf-ud-shin-go-pr6n, sans-serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    -webkit-appearance: none
}

.camp_code input:focus {
    border: solid 1px #e98713;
}

.camp_code p {
    clear: both;
    text-align: center;
}

.camp_code input[type=submit] {
    /*	width:90%;
	margin:0 auto;
	padding:10px;
	font-size:170%;
	color:#FFF;
	border:solid 2px #FFF;
	background:#E5071E;
	background-image:-moz-linear-gradient(rgb(250,127,207) 0%,rgb(250,123,174) 25%,rgb(243,98,127) 50%,rgb(233,56,74) 75%,rgb(229,7,30) 100%); 
	background-image:-webkit-gradient(linear,color-stop(0, rgb(250,127,207)),color-stop(0.25, rgb(250,123,174)),color-stop(0.5, rgb(243,98,127)),color-stop(0.75, rgb(233,56,74)),color-stop(1, rgb(229,7,30)));
	background-image:-webkit-linear-gradient(rgb(250,127,207) 0%,rgb(250,123,174) 25%,rgb(243,98,127) 50%,rgb(233,56,74) 75%,rgb(229,7,30) 100%);
	background-image:-o-linear-gradient(rgb(250,127,207) 0%,rgb(250,123,174) 25%,rgb(243,98,127) 50%,rgb(233,56,74) 75%,rgb(229,7,30) 100%);
	background-image:-ms-linear-gradient(rgb(250,127,207) 0%,rgb(250,123,174) 25%,rgb(243,98,127) 50%,rgb(233,56,74) 75%,rgb(229,7,30) 100%);
	background-image:linear-gradient(rgb(250,127,207) 0%,rgb(250,123,174) 25%,rgb(243,98,127) 50%,rgb(233,56,74) 75%,rgb(229,7,30) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffa7fcf,endColorstr=#ffe5071e)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffa7fcf,endColorstr=#ffe5071e);
	cursor:pointer;
	-moz-box-shadow:0 2px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.3);
	-o-box-shadow:0 2px 10px rgba(0,0,0,0.3);
	-ms-box-shadow:0 2px 10px rgba(0,0,0,0.3);
	box-shadow:0 2px 10px rgba(0,0,0,0.3);

*/
}

.camp_code input[type=image] {
    /*
	max-width:100%;
	height:auto;
	-moz-box-shadow:0 2px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.3);
	-o-box-shadow:0 2px 10px rgba(0,0,0,0.3);
	-ms-box-shadow:0 2px 10px rgba(0,0,0,0.3);
	box-shadow:0 2px 10px rgba(0,0,0,0.3);
*/
}

.camp_code div {
    clear: both;
    text-align: center;
}

.camp_code div.course {
    padding-bottom: 15px;
}

@keyframes error_anm1 {
    0% {
        transform: translateY(-400px)
    }
    45% {
        transform: translateY(20px)
    }
    60% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(0)
    }
}

.camp_code .top_error {
    color: #FFF;
    margin: 0 -26px 6px;
    font-size: 120%;
    font-weight: bold;
    background-color: #8BC34A;
    line-height: 1.5em;
    padding: 10px;
    animation: error_anm1 1s ease 1;
    position: relative;
}

.camp_code .top_error:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-width: 14px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #8BC34A;
}

.camp_code .top_error:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #8BC34A;
    z-index: 1;
}

.code_input {
    /*	background-color: #f5f5f5;*/
    padding-top: 20px;
    padding-bottom: 10px;
}

.member_regist,
.member_login {
    clear: both;
    padding: 12px 16px 16px;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0 10px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.member_regist h2,
.member_login h2 {
    color: #545454;
    font-size: 115%;
    /*	font-weight: bold;*/
    text-align: center;
    line-height: 1.15em;
    padding: 0;
    margin-bottom: 10px;
}

.member_regist input[type=image],
.member_login input[type=image] {
    max-width: 100%;
    height: auto;
}

.entry_regist,
.entry_login {
    clear: both;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
}

.camp_code.save,
.camp_code.use {
    clear: both;
    padding: 16px 0 16px;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0 10px 10px;
    /*	background-color: rgba(255, 255, 255, 0.75);*/
    background-color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.camp_code.save {
    /*	background-color: #f5f5f5;
	float: left;*/
}

.camp_code.use {
    /*	background-color: #f5f5f5;
	float: right;*/
    margin-bottom: 20px;
}

.number_entry_btn {
    /*	margin-top: 20px;*/
}

.number_entry_btn2 {
    margin-top: 0px;
}

.select_entry_btn {
    /*	margin-top: 20px;*/
}

.select_entry_btn2 {
    margin-top: 0px;
}

.entry_email {
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
}

.entry_email form,
.entry_email input[type=image] {
    margin: 5px 0 0;
    text-align: center;
}

.entry_social {
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 10px 0;
}

.entry_social form,
.entry_social input[type=image] {
    margin: 10px 0 0;
    text-align: left;
    width: 49%;
    float: left;
}

.entry_social form,
.entry_social input[type=image] {
    margin: 5px 0 0;
    width: 49%;
    float: left;
}

.entry_social form.btn1,
.entry_social input[type=image].btn1 {
    margin-right: 2%;
    text-align: right;
}

.entry_social input {
    margin-bottom: 0 !important;
}

.member_info {
    padding: 10px;
    /*	background-color: #ebf8fd;*/
}

.member_info_data {
    width: 100%;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
    color: #545454;
    /*	font-weight: bold;*/
    /*	border-bottom: solid 1px #004488;*/
}

.member_info_data span {
    /*	font-weight: bold;*/
    font-size: 1.2em;
}

.member_info_data em {
    font-size: 1.800em;
    font-weight: bold;
    color: #e98713;
}

.member_info_data .oubo_info {
    font-weight: normal;
    font-size: 0.8em;
}

.catch_copy {
    margin-bottom: 10px;
    background-color: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 2px #E06A3B;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.catch_copy dt {
    padding: 5px;
    font-size: 93%;
    color: #FFF;
    background-color: #E06A3B;
    text-align: center;
}

.catch_copy dd {
    text-align: center;
}

.catch_copy dd.text01 {
    margin-bottom: 2px;
    padding: 10px 5px 0;
    color: #E06A3B;
}

.catch_copy dd.text02 {
    padding: 0 5px 10px;
    font-size: 85%;
}

.catch_copy dd.text03 {
    padding: 5px;
    font-size: 123.1%;
    font-weight: bold;
    color: #E06A3B;
    border-top: dotted 2px #E06A3B;
}

.catch_copy dd.text04 {
    padding: 10px 5px;
    text-align: left;
    background-color: #E06A3B;
    color: #FFF;
}

.prize_summary {
    clear: both;
    margin: 10px 0px 40px;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.prize_summary a.outline {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    text-decoration: none;
    background-color: #F4F4F4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
}

.course_a .outline {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    text-decoration: none;
    background-color: #F4F4F4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    /*	background-color:#FAE7E9;*/
    background-color: #F9F9F9;
}

.course_b .outline {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    text-decoration: none;
    background-color: #F4F4F4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    /*	background-color:#E6ECF7;*/
    background-color: #F9F9F9;
}

.course_p .outline {
    clear: both;
    /*	float:left;*/
    width: 100%;
    padding: 0 0 10px 0;
    text-decoration: none;
    border-radius: 0;
    display: block;
    /*	background-color: #F9F9F9;*/
}

div.prize_summary div.outline:nth-child(2n+0) {
    border-top: dotted 1px #e5e5e5;
}

.prize_summary a.challenge {
    clear: both;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 108%;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
}

.prize_summary span.challenge {
    clear: both;
    display: block;
}

.course_a a.challenge {
    text-shadow: 0 -1px 0 #B32034;
    border: solid 1px #C7243A;
    background-color: #C7243A;
    background-image: -moz-linear-gradient(rgb(208, 66, 85) 0%, rgb(208, 66, 85) 50%, rgb(199, 36, 58) 51%, rgb(199, 36, 58) 100%);
    background-image: -webkit-gradient(linear, color-stop(0, rgb(208, 66, 85)), color-stop(0.5, rgb(208, 66, 85)), color-stop(0.51, rgb(199, 36, 58)), color-stop(1, rgb(199, 36, 58)));
    background-image: -webkit-linear-gradient(rgb(208, 66, 85) 0%, rgb(208, 66, 85) 50%, rgb(199, 36, 58) 51%, rgb(199, 36, 58) 100%);
    background-image: -o-linear-gradient(rgb(208, 66, 85) 0%, rgb(208, 66, 85) 50%, rgb(199, 36, 58) 51%, rgb(199, 36, 58) 100%);
    background-image: -ms-linear-gradient(rgb(208, 66, 85) 0%, rgb(208, 66, 85) 50%, rgb(199, 36, 58) 51%, rgb(199, 36, 58) 100%);
    background-image: linear-gradient(rgb(208, 66, 85) 0%, rgb(208, 66, 85) 50%, rgb(199, 36, 58) 51%, rgb(199, 36, 58) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd04255,endColorstr=#ffc7243a,)";
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffd04255, endColorstr=#ffc7243a, );
}

.course_b a.challenge {
    text-shadow: 0 -1px 0 #2D579A;
    border: solid 1px #3261AB;
    background-color: #3261AB;
    background-image: -moz-linear-gradient(rgb(75, 117, 185) 0%, rgb(75, 117, 185) 50%, rgb(50, 97, 171) 51%, rgb(50, 97, 171) 100%);
    background-image: -webkit-gradient(linear, color-stop(0, rgb(75, 117, 185)), color-stop(0.5, rgb(75, 117, 185)), color-stop(0.51, rgb(50, 97, 171)), color-stop(1, rgb(50, 97, 171)));
    background-image: -webkit-linear-gradient(rgb(75, 117, 185) 0%, rgb(75, 117, 185) 50%, rgb(50, 97, 171) 51%, rgb(50, 97, 171) 100%);
    background-image: -o-linear-gradient(rgb(75, 117, 185) 0%, rgb(75, 117, 185) 50%, rgb(50, 97, 171) 51%, rgb(50, 97, 171) 100%);
    background-image: -ms-linear-gradient(rgb(75, 117, 185) 0%, rgb(75, 117, 185) 50%, rgb(50, 97, 171) 51%, rgb(50, 97, 171) 100%);
    background-image: linear-gradient(rgb(75, 117, 185) 0%, rgb(75, 117, 185) 50%, rgb(50, 97, 171) 51%, rgb(50, 97, 171) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4b75b9,endColorstr=#ff3261ab)";
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ff4b75b9, endColorstr=#ff3261ab);
}

.course_p a.challenge {
    text-shadow: 0 -1px 0 #A41666;
    border: solid 1px #B61972;
    background-color: #B61972;
    background-image: -moz-linear-gradient(rgb(194, 54, 133) 0%, rgb(194, 54, 133) 50%, rgb(182, 25, 114) 51%, rgb(182, 25, 114) 100%);
    background-image: -webkit-gradient(linear, color-stop(0, rgb(194, 54, 133)), color-stop(0.5, rgb(194, 54, 133)), color-stop(0.51, rgb(182, 25, 114)), color-stop(1, rgb(182, 25, 114)));
    background-image: -webkit-linear-gradient(rgb(194, 54, 133) 0%, rgb(194, 54, 133) 50%, rgb(182, 25, 114) 51%, rgb(182, 25, 114) 100%);
    background-image: -o-linear-gradient(rgb(194, 54, 133) 0%, rgb(194, 54, 133) 50%, rgb(182, 25, 114) 51%, rgb(182, 25, 114) 100%);
    background-image: -ms-linear-gradient(rgb(194, 54, 133) 0%, rgb(194, 54, 133) 50%, rgb(182, 25, 114) 51%, rgb(182, 25, 114) 100%);
    background-image: linear-gradient(rgb(194, 54, 133) 0%, rgb(194, 54, 133) 50%, rgb(182, 25, 114) 51%, rgb(182, 25, 114) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc23685,endColorstr=#ffb61972)";
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffc23685, endColorstr=#ffb61972);
}

.prize_summary a.challenge:hover {
    /*	opacity:0.8;*/
}

.prize_summary a.challenge span {
    padding-left: 23px;
    font-size: 108%;
    text-align: center;
    line-height: 1.4;
    background: url(../img/sp_index_ico01.png) no-repeat 10px center;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -ms-background-size: 18px 18px;
    background-size: 18px 18px;
    display: block;
}

.prize_summary .outline:hover {
    /*	background-color:#FEF7D5;*/
}

.prize_summary .images {
    /* float: left; */
    padding-bottom: 20px;
    /* padding: 0px; */
    /* border: solid 1px #EAEAEA; */
    margin: 0 auto;
    max-width: 470px;
}

.prize_summary .images img {
    width: 100%;
    height: auto;
}

.prize_summary ul {
    /*	float:right;*/
    /*	width:60%;*/
}

.prize_summary li {
    text-align: left;
}

.prize_summary li em {
    font-size: 138.5%;
    font-style: normal;
    font-weight: bold;
    color: #ea5513;
}

.prize_summary .course {
    /*	padding: 5px 0px;*/
    padding: 0px;
    font-size: 1.1rem;
    /*	font-weight: bold;*/
    /*	color: #d22902;*/
    color: #303030;
    text-align: center;
}

.prize_summary .course.prize {
    padding-top: 5px;
    font-size: 180%;
    font-weight: normal;
}

.prize_summary .goods_figure {
    text-align: center;
}

.prize_summary li.number {
    padding: 0 0 10px 0;
    color: #000;
    text-align: center;
}

.prize_summary li.item_name {
    padding: 0 0 10px 10px;
    font-size: 108%;
}

.prize_summary li.point_size {
    padding: 0 0 0 10px;
    font-size: 116%;
    color: #000;
}

.prize_summary li.item {
    font-size: 0.85em;
    color: #505050;
    padding: 5px 0 0 0;
}

.requirement {
    clear: both;
    margin: 5px auto 20px;
    padding-top: 14px;
    background: url(../img/sp_index_bg01.png) no-repeat center top;
}

.requirement dt {
    color: #FFF;
    padding: 7px 0 4px;
    text-align: center;
    background-color: #FF4200;
}

.requirement dt span {
    min-height: 23px;
    height: auto !important;
    height: 23px;
    padding-left: 26px;
    font-size: 1.3em;
    color: #FFF;
    background: url(../img/sp_index_ico02.png) no-repeat left center;
}

.requirement dd {
    padding: 10px;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #FFF;
    border: solid 2px #FF4200;
}

.requirement dd em {
    font-weight: bold;
    color: #FF4200;
}

.prize_goods {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    /*	justify-content: space-between;*/
    padding-bottom: 20px;
}

.prize_goods .prize_summary {
    /*	width: 33.3%;*/
}

.prize_goods_specify .prize_summary {
    width: 50%;
}

.prize_goods .prize_summary .images {
    /*	width: 160px;*/
    margin-bottom: 6px;
}

.prize_goods .prize_summary .course,
.prize_goods .prize_summary .item {
    font-size: 0.85em;
}

.prize_goods_specify .prize_summary .course {
    margin-bottom: 10px;
}

.prize_goods .course_p .outline {
    padding: 0;
    border-bottom: none;
}

.CampJoinInfo {
    padding: 20px 10px 10px;
    text-align: center;
    font-size: 0.95em;
}

.CampCodeInfo {
    padding: 10px 0 0;
    text-align: left !important;
    font-size: 1.0em;
}

.agree-check {
    text-align: center;
    margin: 15px 0;
    font-size: 1.3em;
    color: #545454;
}

.agree-check .agree {
    vertical-align: middle;
}

.agree-check label {
    padding: 4px 6px;
}


/* ---------------------------------------------------------
	present.html
		プレゼント賞品
--------------------------------------------------------- */

figure.prize_img {
    text-align: center;
    width: 70% !important;
    margin: 0 auto 10px;
}


/* ---------------------------------------------------------
	game.html
		抽選ゲーム
--------------------------------------------------------- */

.game {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    line-height: 1.4;
    background-color: #FFF;
    /*
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-o-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-ms-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
*/
}

.stage {
    margin-bottom: 15px;
    text-align: center;
}

.game p {
    margin-bottom: 10px;
    font-size: 93%;
    text-align: center;
    color: #111111;
}

.game p em {
    font-size: 108%;
    font-style: normal;
    font-weight: bold;
}

.game p.single_btn {
    margin-bottom: 5px;
}

.game dl {
    margin-bottom: 5px;
    padding: 5px 10px;
    background-color: #FFF !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.game dt {
    clear: both;
    float: left;
    min-height: 18px;
    padding-left: 25px;
}

.course dt {
    background: url(../img/sp_game_ico02.png) no-repeat left center;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -ms-background-size: 18px 18px;
    background-size: 18px 18px;
}

.point dt {
    background: url(../img/sp_game_ico03.png) no-repeat left center;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -ms-background-size: 18px 18px;
    background-size: 18px 18px;
}

.game dd {
    float: right;
}

.game dd em {
    font-size: 108%;
    font-style: normal;
    font-weight: bold;
    color: #C7243A;
}

.game button {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 108%;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 -1px 0 #00729F;
    border: solid 1px #007FB1;
    background-color: #1F91BE;
    background-image: -moz-linear-gradient(rgb(68, 165, 203) 0%, rgb(68, 165, 203) 50%, rgb(31, 145, 190) 51%, rgb(31, 145, 190) 100%);
    background-image: -webkit-gradient(linear, color-stop(0, rgb(68, 165, 203)), color-stop(0.5, rgb(68, 165, 203)), color-stop(0.51, rgb(31, 145, 190)), color-stop(1, rgb(31, 145, 190)));
    background-image: -webkit-linear-gradient(rgb(68, 165, 203) 0%, rgb(68, 165, 203) 50%, rgb(31, 145, 190) 51%, rgb(31, 145, 190) 100%);
    background-image: -o-linear-gradient(rgb(68, 165, 203) 0%, rgb(68, 165, 203) 50%, rgb(31, 145, 190) 51%, rgb(31, 145, 190) 100%);
    background-image: -ms-linear-gradient(rgb(68, 165, 203) 0%, rgb(68, 165, 203) 50%, rgb(31, 145, 190) 51%, rgb(31, 145, 190) 100%);
    background-image: linear-gradient(rgb(68, 165, 203) 0%, rgb(68, 165, 203) 50%, rgb(31, 145, 190) 51%, rgb(31, 145, 190) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff44a5cb,endColorstr=#ff1f91be)";
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ff44a5cb, endColorstr=#ff1f91be);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.game button:hover {
    /*	opacity:0.9;*/
}

.game button span {
    padding-left: 23px;
    font-size: 108%;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    background: url(../img/sp_game_ico01.png) no-repeat 10px center;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -ms-background-size: 18px 18px;
    background-size: 18px 18px;
    display: block;
}

#canvas {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    width: 290px;
    height: 102px;
}

.game input[type=image] {
    max-width: 100%;
    height: auto;
}

.game p img {
    max-width: 100%;
    height: auto;
}

.game_comment {
    margin: 0 10px 20px
}

#gameInfo {
    padding: 0 10px;
}

#gameInfo h2 {
    margin-bottom: 20px;
}

#gameInfo p {
    margin-bottom: 20px;
}


/* ---------------------------------------------------------
		Like Button
--------------------------------------------------------- */

.fb-like {
    float: right;
    margin: 30px 10px 0;
    overflow: visible;
    position: relative;
    z-index: 99;
}


/* ---------------------------------------------------------
		select_present
--------------------------------------------------------- */


/*TEST*/

.select_present___ {
    font-size: 100%;
    border: 1px solid #ccc;
    color: #333;
    height: 44px;
    line-height: 44px;
    width: 290px;
    margin-right: 0px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    background: #eee url(../img/arrow.png) no-repeat;
    background-size: 23px 23px;
    background-position: 257px center;
    text-indent: 0.5em;
    padding: 0 0;
    margin-bottom: 0px;
}

.camp_code .select_present {
    font-size: 1.2em;
    padding: 8px;
    margin-bottom: 20px;
}


/* ---------------------------------------------------------
		camp_info
--------------------------------------------------------- */

.camp_info {
    clear: both;
    text-align: center;
    margin: 10px 0 10px 0;
    font-weight: bold;
}

.camp_code label:hover {
    background-color: #F7F1B3;
}

.camp_code input[type=image] {
    max-width: 100%;
    height: auto;
    border-radius: 44px;
    -moz-border-radius: 44px;
    -webkit-border-radius: 44px;
}

.camp_code input[type=image]:hover {
    /*	opacity: 0.6;*/
}

.acContent {
    margin: 0;
    padding: 25px 10px 4px;
}

.content input[type=image],
.content .single_btn a img,
#content input[type=image],
#content .single_btn a img {
    max-width: 100%;
    height: auto;
}

#content .single_btn input[type=image] {
    border-radius: 44px;
    -moz-border-radius: 44px;
    -webkit-border-radius: 44px;
}

.content p.single_btn img {
    max-width: 100%;
    height: auto;
}

.content .single_btn,
#content .single_btn {
    text-align: center;
}


/* ---------------------------------------------------------
		ログイン
--------------------------------------------------------- */

.login_info {
    display: block;
    font-size: 1.2em;
    line-height: 1.0em;
    text-align: center;
    padding: 8px 0px;
    margin: 0 auto;
}


/* ---------------------------------------------------------
		フォーム用ボタン
--------------------------------------------------------- */

.content div.formBtn,
#content div.formBtn {
    margin: 20px auto;
    text-align: center;
    font-size: 0;
}

.content div.formBtn li,
#content div.formBtn li {
    margin: 0 15px;
    display: inline;
}

.content div.formBtn li img,
#content div.formBtn li img {
    cursor: pointer;
}

.content input.zip,
#content input.zip {
    background-color: #14a6c8;
    border: 0;
    color: #FFF;
    padding: 8px 12px;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* ---------------------------------------------------------
		ボタン
--------------------------------------------------------- */

input.image-btn7 {
    border: 0px;
    width: 100%;
    height: 88px;
    text-indent: -9999px;
    background: url(../img/sp_btn7.png) left top no-repeat;
}

input.image-btn8 {
    border: 0px;
    width: 588px;
    height: 88px;
    text-indent: -9999px;
    background: url(../img/sp_btn8.png) left top no-repeat;
}

input.image-btn9 {
    border: 0px;
    width: 588px;
    height: 88px;
    text-indent: -9999px;
    background: url(../img/sp_btn9.png) left top no-repeat;
}

input.image-btn-code {
    border: 0px;
    width: 434px;
    height: 65px;
    text-indent: -9999px;
    background: url(../img/sp_btn10.png) left top no-repeat;
    background-size: 100%;
}

input.image-btn-start {
    border: 0px;
    width: 434px;
    height: 65px;
    text-indent: -9999px;
    background: url(../img/sp_btn3.png) left top no-repeat;
    background-size: 100%;
}

input.image-btn11 {
    border: 0px;
    width: 120px;
    height: 40px;
    text-indent: -9999px;
    background: url(../img/common_btn11.png) left top no-repeat;
}

input.image-btn17 {
    border: 0px;
    width: 588px;
    height: 88px;
    text-indent: -9999px;
    background: url(../img/sp_btn17.png) left top no-repeat;
}

input.image-btn28 {
    border: 0px;
    width: 588px;
    height: 88px;
    text-indent: -9999px;
    background: url(../img/sp_btn28.png) left top no-repeat;
    background-size: 100%;
}

input.image-btn-enquete {
    border: 0px;
    width: 588px;
    height: 88px;
    text-indent: -9999px;
    background: url(../img/sp_btn26.png) left top no-repeat;
    background-size: 100%;
}

input:hover,
a:hover img {
    /*	opacity:0.70; filter:alpha(opacity=70);*/
}


/* ---------------------------------------------------------
		SNSシェアリンク
--------------------------------------------------------- */

.member_regist,
.sns_share {
    clear: both;
    /*	background-color: #FFF;*/
    /*	border: solid 4px #fff;*/
    margin: 0 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.member_regist {
    margin: 0 10px;
    padding: 0;
}

.member_regist_title,
.sns_share_title {
    width: 100%;
    text-align: center;
    padding: 8px 0 0;
    font-size: 1.15em;
    line-height: 1.4em;
    /*	font-weight: bold;*/
    color: #00c300;
    /*	background-color: #208fda;*/
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.member_regist_title {
    color: #808080;
}

.sns_share_title.w_chance {
    color: #303030;
    text-align: left;
}

.member_regist_link {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    vertical-align: bottom;
    min-height: 40px;
    /*	background-color: #FFF;*/
}

.sns_share_link {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 8px 4px;
    vertical-align: bottom;
    min-height: 40px;
    /*	background-color: #FFF;*/
}

.sns_share_text {
    padding-top: 10px;
    text-align: center;
    font-size: 0.85em;
    color: #505050;
}

.member_regist ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin: 0;
}

.member_regist li {
    width: 47%;
    max-width: 300px;
    text-align: center;
    padding: 0px 0px;
    margin: 0 6px;
    /*	border: solid 3px #b5b5b5;*/
    /*	border: solid 2px #208fda;*/
    /*	background-color: #fff;*/
    /*	background-color: #208fda;*/
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.member_regist li.register {
    max-width: 256px;
    background: #ec6d78 url(../img/sp_icon_arrow2.png) no-repeat 90% 50%;
    -moz-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    -ms-background-size: 14px 14px;
    background-size: 14px 14px;
}

.member_regist li.login {
    max-width: 256px;
    background: #14a6c8 url(../img/sp_icon_arrow2.png) no-repeat 90% 50%;
    -moz-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    -ms-background-size: 14px 14px;
    background-size: 14px 14px;
}

.sns_share_link li.sns {
    text-align: center;
    padding: 0px 0px;
    width: 100%;
}

.member_regist a {
    display: block;
    text-align: center;
    /*	margin: 8px 8px;*/
    padding: 14px 0;
    line-height: 1.8;
    color: #FFF;
}

.sns_share_link a {
    display: inline-block;
    text-align: center;
    /*	margin: 8px 8px;*/
    padding: 12px 0;
    line-height: 1.8;
}

.sns_share_link.w_chance a {
    padding: 0;
}

.sns_share_link li.sns a {
    /*	margin: 8px 8px 16px;*/
    padding: 0;
}

.sns_share_link a img {
    margin: 0px 0px 0 0;
    vertical-align: bottom;
    /*	width: 100%;*/
    width: auto;
    /*	max-width: 362px;*/
    max-height: 53px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}

.sns_share_link.w_chance a img {
    width: auto;
    max-width: 100%;
    max-height: none;
}

.sns_share_link.w_chance a img {
    border-radius: unset;
    -moz-border-radius: unset;
    -webkit-border-radius: unset;
}

.member_regist span,
.sns_share_link span {
    font-size: 1.4em;
    line-height: 1.4;
    font-weight: bold;
    /*	margin: 0 0 0 10px; */
    /*	border-bottom: dotted 2px #e0e0e0;*/
    /*	border-bottom: dotted 2px #ffffff;*/
}


/*@@add 2016-09-21 kiya
	preタグ 改行を活かしたまま折り返す
 */

pre.pre-wrap {
    white-space: -moz-pre-wrap;
    /* Mozilla */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: pre-wrap;
    /* CSS3 */
    word-wrap: break-word;
    /* IE 5.5+ */
}


/* ---------------------------------------------------------
		賞品選択
--------------------------------------------------------- */

.prize_summary label,
.prize_summary span {
    display: block;
    /*	font-size: 120%;*/
    font-size: 105%;
    /*	font-weight: bold;*/
    /*	margin: 15px 0 15px 20px;*/
    text-align: center;
    margin: 0 0 15px;
}

.prize_summary span.empty {
    color: #F00;
}

.prize_summary .giftContent {
    text-align: left;
    font-size: 0.85em;
    color: #505050;
    padding: 5px 0 0 0;
}

.prize_summary input[type=checkbox],
.prize_summary input[type=radio] {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0px 5px 3px 0;
    vertical-align: middle;
}


/* ---------------------------------------------------------
		PRバナーリンク
--------------------------------------------------------- */

.pr_banner {
    margin: 0 auto 20px;
    text-align: center;
    padding: 0;
    font-size: 0;
}

.result_lose {
    padding: 0 10px 20px;
}

.pr_banner img {
    max-width: 100%;
    height: auto;
    padding: 0px;
    border: 0px solid #EFEFEF;
}

.pr_banner_text {
    line-height: 1.25;
    margin-bottom: 4px;
    font-size: 1.25em;
    font-weight: bold;
    color: #d22902;
    text-align: center;
}


/* ---------------------------------------------------------
		スタンプラリー
--------------------------------------------------------- */

.stamp_map {
    display: block;
    margin: 0 auto 0;
    padding: 0 0 10px;
    text-align: center;
    background: -webkit-repeating-linear-gradient(-90deg, #f9ef79, #f9ef79 4px, #f9e479 3px, #f9e479 8px);
    background: repeating-linear-gradient(-90deg, #f9ef79, #f9ef79 4px, #f9e479 3px, #f9e479 8px);
}

.stamp_map h2 {
    display: inline-block;
    font-weight: bold;
    line-height: 1.4;
    font-size: 1.4em;
    margin: 10px 0;
    padding: 4px 50px;
    color: #c7450b;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: solid 3px #c7450b;
    background-color: #FFF;
}

.stamp_map ul {
    display: -webkit-flex;
    display: flex;
    height: auto;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0px auto 0px;
}

.stamp_map li {
    position: relative;
    min-width: 80px;
    height: 80px;
    margin: 0 4px 8px;
    padding: 4px 0px 0;
    text-align: center;
    background: url(../img/sp_stamp_ico00.png) no-repeat center top 4px;
    background-size: 54px 54px;
    background-color: #ffffff;
    /*border: solid 1px #bf8f24;*/
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}

.stamp_map li .txt_wrap {
    position: absolute;
    bottom: 4px;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    font-size: 112%;
    line-height: 1.2;
    /*	height: 17px;*/
    font-weight: bold;
    color: #303030;
}


/* ---------------------------------------------------------
		QRコード
--------------------------------------------------------- */

.qrcode-text {
    padding-right: 1.7em;
    margin-right: 0
}

.qrcode-text-btn {
    position: relative;
    display: inline-block;
    background: url(../img/qr_icon.svg) 50% 50% no-repeat;
    height: 2em;
    width: 2em;
    margin-left: -3em;
    margin-bottom: -9px;
    cursor: pointer
}

.qrcode-text-btn>input[type=file] {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    opacity: 0;
    filter: opacity(0%);
    filter: alpha(opacity=0);
}


/* ---------------------------------------------------------
		抽選履歴リンク
--------------------------------------------------------- */

.Acceptance_link a {
    width: 180px;
    margin: 0 auto;
    padding: 8px 20px;
    font-size: 115%;
    /* font-weight: bold; */
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
    color: #FFF !important;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    cursor: pointer;
    display: block;
    background-color: #e9516e;
}

.Acceptance {
    width: 100%;
    margin: -10px auto 16px;
}

.goods_acceptance {
    margin: 8px auto;
    padding: 16px 20px;
    font-size: 115%;
    text-align: center;
    line-height: 1.2;
    color: #FFF !important;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    cursor: pointer;
    display: block;
    background-color: #e9516e;
}

a.goods_acceptance:visited,
a.goods_acceptance:link {
    text-decoration: none;
}


/* ---------------------------------------------------------
		キャンペーン期間
--------------------------------------------------------- */

.cp_term {
    clear: both;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0;
    color: #FFFFFF;
    background-color: #006db7;
}


/* ---------------------------------------------------------
		specify3_Amazon ギフトコード表示
--------------------------------------------------------- */

.specify_amazon {
    text-align: center;
    margin: 0 auto 20px;
    border-top: dotted 2px #fb9d2b;
    border-bottom: dotted 2px #fb9d2b;
    padding: 20px 0;
}

.specify_code {
    width: 100%;
    text-align: center;
    font-size: 1.4em;
    display: block;
    margin-bottom: 4px;
}

.specify_code .code_topic {
    font-size: 0.85em;
}

.specify_code span.codeDetail {
    display: inline-block;
    word-break: break-all;
}

.content div.innerDescription.info_code,
#content div.innerDescription.info_code {
    font-size: 1.0em;
    line-height: 1.5;
}