@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////
共通
/////////////////////////////////////////////////////////////////// */

#shopping_contents{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}

#shopping_contents #button{
	margin-top: 5px;
	margin-left: 20px;
}

select{
	margin-left: 5px;
}

.wrap {
	padding-top: 55px;
	overflow: hidden;
}

#step_navi{
	text-align: center;
	padding-bottom: 30px;	
}

.choice_box{
	width: 308px;
	height: 100px;
	float: left;
	background: url(/images/shopping/bg_gift_choice.png);
	background-repeat: no-repeat;
}

.choice_box h3{
	padding-top: 20px;
}

.choice_box p{
	padding-top: 20px;
	padding-left: 15px;
}

.arrow3{
	width: 28px;
	height: 55px;
	margin-top: 45px;
	float: left;
	background: url(/images/shopping/arrow.png);
	background-repeat: no-repeat;

}

.w20 {
	margin-top: 5px;
    margin-left: 5px;
    width: 20px;
}

.w40 {
	margin-top: 5px;
    margin-left: 5px;
    width: 40px;
}

.w100 {
	margin-top: 5px;
    margin-left: 5px;
    width: 100px;
}

.w120 {
	margin-top: 5px;
    margin-left: 5px;
    width: 120px;
}

.w150 {
	margin-top: 5px;
    margin-left: 5px;
    width: 150px;
}

.w180 {
	margin-top: 5px;
    margin-left: 5px;
    width: 180px;
}

.w200 {
	margin-top: 5px;
    margin-left: 5px;
    width: 200px;
}

.w250 {
	margin-top: 5px;
    margin-left: 5px;
    width: 250px;
}

.w300 {
	margin-top: 5px;
    margin-left: 5px;
    width: 300px;
}


#next_btn{
	margin-top: 0px;
    background: url(/images/shopping/btn_next_250_50.png) no-repeat;
    width: 250px;
    height: 50px;
    cursor: pointer;
    border: none;
}

#regist_btn{
	width: 250px;
	height: 50px;
	border:none;
	background: url(/images/shopping/btn_registration.png) no-repeat;
	cursor: pointer;
}

#regist_btn:hover{
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#regist_new_btn{
	width: 250px;
	height: 50px;
	border:none;
	background: url(/images/shopping/btn_registration_new.png) no-repeat;
	cursor: pointer;
}

#regist_new_btn:hover{
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}
/* =========================================================
ご依頼主情報入力
========================================================= */

#main.edit #rightmain h2{
	background:none;
	padding-left:0;
	margin-bottom:20px;
}

.error{
	margin-bottom:1em;
	width:100%;
}

.inputtable{
	width:100%;
	margin:0 auto;
	margin-bottom: 50px;
	border:solid 3px #dddcd7;
	border-collapse:collapse;
}

.inputtable th,
.inputtable td{
	padding:7px;
	border:1px solid #dddcd7;
}

.inputtable th{
	background:#F9F8F4;
	width:25%;
	font-weight: bold;
	text-align: center;
}

.inputtable td{
}

.inputtable .formmb{
	margin-bottom:7px;
}

.inputtable textarea{
	width:450px;
	height:250px;
}

#confirm_btn{
	margin-top: 0px;
    background: url(/images/shopping/btn_confirm.png) no-repeat;
    width: 250px;
    height: 50px;
    cursor: pointer;
    border: none;
}

#confirm_btn:hover{
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#decide_btn{
	margin-top: 0px;
    background: url(/images/shopping/btn_this_decide.png) no-repeat;
    width: 250px;
    height: 50px;
    cursor: pointer;
    border: none;
}

#decide_btn:hover{
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}



/* =========================================================
ログイン
========================================================= */

#members_area{
	width: 320px;
	height: 450px;
	float: left;
	text-align: center;
	padding-top: 30px;
	background: url(/images/shopping/bg_member.png);
	background-repeat: no-repeat;
}

#members_area table{
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#members_area h3{
	padding-bottom: 35px;
}

#members_area table td{
	padding-top: 10px;
}

#members_area table td input{
	margin-bottom: 10px;
}

#members_area table td span{
	padding-left: 80px;
}

#login_btn{
	margin-left: 20px;
	margin-top: 40px;
    background: url(/images/shopping/btn_login.png) no-repeat;
    width: 214px;
    height: 50px;
    cursor: pointer;
    border: none;
}

#login_btn:hover{
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#begginer_area{
	width: 600px;
	height: 450px;
	padding: 20px;
	margin-left: 20px;
	float: left;
	text-align: center;
	padding-top: 30px;
	background: url(/images/shopping/bg_first.png);
	background-repeat: no-repeat;
}

/*ミルポッシェジャンボ~~*/
#begginer_area_cpn_jumbo {
	width: 600px;
	height: 450px;
	padding: 5px 20px;
	margin-left: 20px;
	float: left;
	text-align: center;
	padding-top: 12px;
	background: url(/images/shopping/bg_first.png);
	background-repeat: no-repeat;
}


#begginer_area_cpn_jumbo ul {
	height: 235px;
}

#begginer_area_cpn_jumbo ul li {
	padding: 12px;
	float: left;
	width: 173px;
	height: 125px;
}

.target_note {
	color: #997759;
	line-height: 0;
	margin: 5px 0 10px 0
}
/*~~ミルポッシェジャンボ*/




#begginer_area_h3 {
	line-height: 0;
}

#begginer_area ul {
	height: 235px;
}

#begginer_area ul li{
	padding: 12px;
	float: left;
	width: 173px;
	height: 125px;
}



/* =========================================================
お届け先設定
========================================================= */

#delivery_choice{
	margin-right: -10px;
	margin-bottom: 50px;
	overflow: hidden;
}

#delivery_choice li{
	float: left;
	margin-top:10px;
	margin-right: 10px;
}

.address_lists{
	margin-bottom: 15px;
	border:solid 2px #c9c3bd;
	text-align:center;
}

.address_lists img{
	vertical-align: middle;
}

.address_lists td{
	font-size: 11px;
	vertical-align: middle;
	border:solid 1px #c9c3bd;
	padding:8px;
}

.address_lists th{
	color:#6A3906;
	text-align: center;
	background:#f2efec;
	border:solid 1px #c9c3bd;
	padding:6px;
}

.address_lists .th_address{
	padding-left: 20px;
	text-align: left;
}

.address_lists .list_number{
	font-size: 16px;
	color:#6A3906;
}

/* =========================================================
お届け先設定追加  /  お届け先登録フォーム
========================================================= */

.table_wrap{
	vertical-align: middle;
	width: 980px;
	margin: 30px auto;
}

.table_wrap .ar{
	float: right;
	padding-bottom: 10px;
}

.table_wrap .al{
	float: left;
	padding-bottom: 10px;
}

.table_wrap .al input{
	vertical-align: middle;
}

.address_choice{
	width: 980px;
	margin-bottom: 15px;
	border:solid 2px #c9c3bd;
	text-align:center;
    clear:both;
}

.address_choice img{
	vertical-align: middle;
}

.address_choice td{
	font-size: 11px;
	vertical-align: middle;
	border:solid 1px #c9c3bd;
	padding:8px;
}

.address_choice th{
	color:#6A3906;
	text-align: center;
	vertical-align: middle;
	background:#f2efec;
	border:solid 1px #c9c3bd;
	padding:6px;
}

.address_choice .th_address{
	color:#6A3906;
	vertical-align: middle;
	padding-left: 20px;
	text-align: left;
}
.address_choice .th_address input{
	margin-right: 5px;
	vertical-align: middle;
}
.address_choice .list_number{
	font-size: 16px;
	color:#6A3906;
}

#choice_btn{
	width: 250px;
	height: 50px;
	border:none;
	background: url(/images/shopping/btn_choice.png) no-repeat;
	cursor: pointer;
}

#choice_btn:hover{
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#window_area {
    width: 960px;
	margin: 10px auto;
	overflow:hidden;
}

#window_area #form1{
	padding-top: 10px;	
}

#window_area table {
    width: 900px;
}

.inputtable img{
	vertical-align: middle;
}

.attention{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #D2000A;
}

.attention tr{
	text-align: center;
}

.attention td img{
	margin-right: 5px;
	vertical-align: middle;
}



/* =========================================================
ご注文完了  /  アンケート送信完了
========================================================= */

.mb30{
	margin-bottom: 30px;
}

#complete_h2{
	text-align: center;
	width: 650px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	border-bottom: solid 1px;	
}
#complete_h2.social_complete{
	text-align: center;
	width: 560px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	border-bottom: none;	
}

#thanks_h2{
	text-align: center;
	width: 650px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	border-bottom: solid 1px;	
}

#thanks_p{
	text-align: center;
	width: 650px;
	margin: 20px auto 10px auto;
	line-height: 2.5em;
}
#thanks_p.social_txt {
	text-align: center;
	width: 912px;
	margin: 20px auto 10px auto;
	font-size: 12px;
	line-height: 24px;
}
.survey_complete_p{
	text-align: center;
	width: 780px;
	height: 600px;
	margin-right: auto;
	margin-left: auto;
}

p.bnrs {
  float: left;
  padding: 0 40px;
}

#entry_btn{
	width: 250px;
	height: 50px;
 	margin-right:auto;
	margin-left:auto;
	border:none;
	background: url(/images/shopping/btn_entry.png) no-repeat;
	cursor: pointer;
}

#entry_btn:hover{
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}


#enqueteHeader {
	margin: 0 0 15px;
	padding-top: 15px;
	text-align:center;
}

#enqueteHeaderComment {
	text-align: left;
	width: 660px;
	margin: 15px auto 0;
}

#bg_top{
 	width: 880px;
 	height: 61px;
 	padding: 0px;
 	margin-bottom: 0px;
 	margin-right:auto;
	margin-left:auto;
	margin-top: 30px;
}

#bg_bottom{
 	width: 880px;
 	height: 100px;
 	padding: 70px 0px 0px 0px;
 	margin-bottom: 50px;
 	margin-right:auto;
	margin-left:auto;
 	background-image: url(/images/shopping/bg_complete_bottom.png);
	background-repeat: no-repeat;
    text-align: center;
}

#enqueteContent {
	background-image: url(/images/shopping/bg_complete_middle.png);
	background-repeat: repeat-y;
	padding: 0px 60px 60px 60px;
	width: 760px;
	margin-right:auto;
	margin-left:auto;
}


#head_img{
	text-align: center;
	margin-bottom: 30px;
}


#enqueteContent .question {
	margin: 0 0 15px;
}

#enqueteContent .enqueteBody {
	margin: 0 0 20px;
}

#enqueteContent .questionBody {
	margin: 0 0 10px;
	border-left: 5px solid #C0AB96;
	border-bottom: 1px dashed #C0AB96;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 110%;
	color: #6A3906;
}

#enqueteContent .selections {
	padding: 0 10px 5px;
}

#enqueteContent .selections .subbox {
	margin: 8px 0 16px;
}

#enqueteContent .selections .subbox img {
	margin-top: 10px;
}

#enqueteContent .selections .subbox p{
	margin: 2px 0;
}

#enqueteContent .selections .subbox p.boxtitle{
	padding: 1px 7px;
	width: 150px;
	border: 1px solid #ff5d86;
	color: #ff5d86;
	margin: 0 0 3px;
}

#enqueteContent .selections .subbox p.item{
}

#enqueteContent .selections .subbox p.comment{
	padding-left: 5px;
	font-size: 75%;
}

#enqueteContent .selections li {
	margin: 5px 0;
}

#enqueteContent .selections .selectionsHorizontal li {
	float: left;
	padding: 10px 10px 10px 10px;
}

#enqueteContent .selections .selectionsHorizontal li .selectionCheck {
	text-align:center;
	margin:5px 0
}

#enqueteContent .selections .selectionsHorizontal li .selectionTitle p {
	color: #ff5d86;
	float: left;
}

#enqueteContent .selections .selectionsHorizontal li .selectionComment {
	font-size: 80%;
}

#enqueteContent .comment {
	color: #ff5d86;
	font-size: 120%;
	margin-bottom: 30px;
}

.enqueteNotice {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 20px;
}

.bordered {
	border: 1px solid #aaa;
}

.clr {
	clear: both;
}

.need {
	background-color: #fee;
}

.cartarea .error {
	background: none;
	margin: 0;
}
.cartarea .error ul {
	background: none;
}
.cartarea .error ul li {
	background: url(/img/enquete/error_icon.gif) left center no-repeat;
	height: 29px;
	padding-top: 6px;
}



/*　スタイ・フォトブックキャンペーンここから　*/
.cpn_bibpb{
	border: 3px solid #da0000;
	width: 834px;
	margin: 0 30px 30px 70px;
}
.cpn_bibpb .ttl{
	background-color: #da0000;
	color: #fff;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}
.cpn_bibpb .large{
	font-size: 16px;
	font-weight: bold;
}

.cpn_bibpb .cpn_bibpb_inner{
	padding: 20px
}

.cpn_bibpb .cpn_bibpb_inner .Uline{
	border-bottom: 1px solid #505050;
	width: 800px;
	padding-bottom: 10px;
}
.clrRD{
	color: #da0000;	
}
.pt10{
	padding-top: 10px;
}
.cpn_bibpb_mail{
	background-color: #ffeff0;
	margin-top: 5px;
	padding: 5px 10px;	
}

/*　スタイ・フォトブックキャンペーンここまで　*/



/* =========================================================
JBcal
========================================================= */
#jbarea{
	margin: 0 100px;
}

#jbcalwrap{
	width: 790px;
	height: 80px;
	background-image: url(/Images/shopping/jbcal/bg_jbcal.png);
	background-repeat: no-repeat;
}

#jbcalcode {
    float: left;
    width: 330px;
    font-size: 32px;
    color: #7D3E00;
    padding: 27px 0px 0px 200px;
    letter-spacing: 0.1em;
    text-align: center;
}

#jbcalbtn{
    position: relative;
    top: 10px;
    left: 30px;
}

#jbborder {
    border-bottom: 2px solid #FF99AF;
    border-color: #FF99AF;
    padding-bottom: 10px;
    text-align: center;
    margin-bottom: 20px;
}

/* =========================================================
アドレス帳インポート機能
========================================================= */

#import_btn{
	position: relative;
	top:-47px;
	right:10px;
	text-align: right;
}

#login{
	display:none;
	width:500px;
	border:10px solid #E7DFD6;
	padding:20px;
	margin:0px auto 30px auto;
	text-align: center;
}

#do{
	width: 250px;
	height: 50px;
	margin-top: 20px;
    background: url(/images/mypage/btn_this_decide.png) no-repeat;
    cursor: pointer;
    border: none;
}

#campaignText{
    width:610px;
    text-align:left;
    margin: 30px auto;
    font-weight:bold;
    font-size: 12pt;
    line-height: 2em;
    border: 1px solid #D2000A;
    padding: 20px;
}
#campaignText .campaignTtl{
	font-size: 18px;
	font-weight: bold;
	color: #D2000A;
}
#campaignText .campaignAttention{
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	color: #D2000A;
}



/*　ミルポッシェジャンボここから　*/
.cpn_jumbo_share_wrap{
	border-top: solid 1px;
	width: 800px;
	margin: 20px auto 50px;
	background-image: url(/Images/cpn/jumbo/bg_share.png);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center 50px;
}
.cpn_jumbo_share_txt{
	border: 4px solid #F2EDE7;
	padding: 10px;
	color: #68331C;
	font-size: 20px;
	width: 340px;
	margin: 120px auto 30px;
}
.cpn_jumbo_share_erea li {
    display: inline-block;
    margin: 0 20px;
}

/*　ミルポッシェジャンボここまで　*/

/* =========================================================
ソーシャルギフト
========================================================= */
#edit_social_shipping h2 {
	padding: 7px 0 20px 0;
}
.ttl_social_gift_setting {
	height: auto;
	line-height: 0;
	padding-bottom: 20px;
}
.wrp_innr * {
	box-sizing: border-box;
}
#edit_social_shipping .paymentOption__detail {
	margin: 45px 0 0 0;
	border-top: none !important;
}
.fontcolor_br {
	color: #68331a;
}
.edit_social_shipping_note {
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 48px auto;
	width: 50%;
}
.how_to_hight {
	height: 460px;
	margin-top: 25px;
}
.how_to_give_social_gifts {
	position: absolute;
	top: 940px;
	left: 0;
	width: 100%;
}
#edit_social_shipping .arch_wrap {
	width: 980px;
	height: 40px;
	position: relative;
	margin: auto;
}
#edit_social_shipping .arch {
	background-image: url(/images/cart/social_gift_setting_bg.svg);
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: top center;
	width: 280px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}
#edit_social_shipping .how_to_give_social_gifts {
	position: absolute;
	top: auto;
	left: 0;
	width: 100%;
}
.how_to_give_social_gifts .how_to_inner {
	background-color: #e3f6e6;
	padding: 0 0 50px 0;
	width: 100%;
	min-width: 980px;
}
.how_to_give_social_gifts .how_to_inner .how_to {
	margin: auto;
	width: 980px;
}
.survey_socialgift {
	background-color: #e3f6e6;
	width: 880px;
	padding: 30px 80px;
	margin:  60px auto;
	box-sizing: border-box;
}
#edit_social_shipping .important_point {
	text-align: center;
	margin-top: 50px;
}
#edit_social_shipping .important_point span {
	color: #d2000a;
	font-weight: normal;
}
#edit_social_shipping .important_point dt {
	font-size: 18px;
	line-height: 21px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 20px;
}
#edit_social_shipping .important_point dt:before {
	content: '';
	background-image: url(/images/cart/icon_exclamation_point.svg);
	background-repeat: no-repeat;
	background-size: inherit;
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
#edit_social_shipping .important_point dd {
	font-size: 14px;
	line-height: 21px;
	padding-bottom: 48px;
	border-bottom: solid 1px #e3dbd2;
}
#edit_social_shipping .lastcnt_wrp .attention {
	font-size: 14px;
	line-height: 21px;
	color: #d2000a;
	text-align: center;
	width: 630px;
	margin: 30px auto;
	padding: 15px 0;
	box-sizing: border-box;
	border: solid 1px #d2000a;
}

/* =========================================================
スタジオマリオクーポンプレゼント
========================================================= */
#shopping_contents .studio_coupon {
	width: 610px;
	margin: 30px auto;
	line-height: 0;
}
#shopping_contents .studio_coupon img {
	width: 100%;
	object-fit: contain;
}

/* =========================================================
トイシェアアニメーション
========================================================= */
.toyshare button {
	padding: 0;
	border: none;
	outline: none;
	font: inherit;
	color: inherit;
	background: none;
}
.toyshare {
	margin: 80px auto 60px auto;
}
.toyshare .ttl_block {
	position: relative;
}
.toyshare .gifts_for_everyone {
	text-align: center;
}
.toyshare .gifts_for_everyone .coupon_anim {
	-webkit-animation: frames_even infinite step-end 1000ms;
	-moz-animation: frames_even infinite step-end 1000ms;
	-o-animation: frames_even infinite step-end 1000ms;
	-ms-animation: frames_even infinite step-end 1000ms;
	animation: frames_even infinite step-end 1000ms;
}
.toyshare .gifts_for_everyone .coupon_anim:first-child,.toyshare .gifts_for_everyone .coupon_anim:nth-child(5) {
	animation-delay: 500ms;
	-webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	-o-animation-delay: 500ms;
	-ms-animation-delay: 500ms;
	animation-delay: 500ms;
}
.toyshare .gifts_for_everyone .coupon_anim:nth-child(2),.toyshare .gifts_for_everyone .coupon_anim:nth-child(6) {
	animation-delay: 600s;
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-o-animation-delay: 600ms;
	-ms-animation-delay: 600ms;
	animation-delay: 600ms;
}
.toyshare .gifts_for_everyone .coupon_anim:nth-child(3),.toyshare .gifts_for_everyone .coupon_anim:nth-child(7) {
	animation-delay: 700s;
	-webkit-animation-delay: 700ms;
	-moz-animation-delay: 700ms;
	-o-animation-delay: 700ms;
	-ms-animation-delay: 700ms;
	animation-delay: 700ms;
}
.toyshare .gifts_for_everyone .coupon_anim:nth-child(4),.toyshare .gifts_for_everyone .coupon_anim:nth-child(8) {
	animation-delay: 800s;
	-webkit-animation-delay: 800ms;
	-moz-animation-delay: 800ms;
	-o-animation-delay: 800ms;
	-ms-animation-delay: 800ms;
	animation-delay: 800ms;
}

@keyframes frames_even {
	0% {
		-webkit-transform: translate3d(1px,0,0);
		-moz-transform: translate3d(1px,0,0);
		-o-transform: translate3d(1px,0,0);
		-ms-transform: translate3d(1px,0,0);
		transform: translate3d(1px,0,0);
	}

	25% {
		-webkit-transform: translate3d(0-1px,0);
		-moz-transform: translate3d(0,-1px,0);
		-o-transform: translate3d(0,-1px,0);
		-ms-transform: translate3d(0,-1px,0);
		transform: translate3d(0,-1px,0);
	}

	50% {
		-webkit-transform: translate3d(-1px,0,0);
		-moz-transform: translate3d(-1px,0,0);
		-o-transform: translate3d(-1px,0,0);
		-ms-transform: translate3d(-1px,0,0);
		transform: translate3d(-1px,0,0);
	}

	75% {
		-webkit-transform: translate3d(0,-1px,0);
		-moz-transform: translate3d(0,-1px,0);
		-o-transform: translate3d(0,-1px,0);
		-ms-transform: translate3d(0,-1px,0);
		transform: translate3d(0,-1px,0);
	}

	100% {
		-webkit-transform: translate3d(1px,0,0);
		-moz-transform: translate3d(1px,0,0);
		-o-transform: translate3d(1px,0,0);
		-ms-transform: translate3d(1px,0,0);
		transform: translate3d(1px,0,0);
	}
}
.toyshare .ttl_block .decoration {
	animation: shakeAppeal 4s infinite;
}
@keyframes shakeAppeal {
	0% {
		transform: rotate(0);
	}
	4% {
		transform: rotate(8deg);
	}
	8% {
		transform: rotate(-8deg);
	}
	12% {
		transform: rotate(8deg);
	}
	16% {
		transform: rotate(-8deg);
	}
	20% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(0);
	}
}
.toyshare .ttl_block .decoration.left {
	position: absolute;
	top: -8px;
	left: 204px;
}
.toyshare .ttl_block .decoration.right {
	position: absolute;
	top: -4px;
	right: 250px;
}
.toyshare .ttl_block .get_coupon {
	text-align: center;
	line-height: 0;
	margin: 12px auto;
}
.toyshare .code_block {
	background-image: url(/images/site/cpn/weekend_campaign/free2my/2024/241226/code_bg_pc.svg);
	background-repeat: no-repeat;
	position: relative;
	width: 540px;
	height: 256px;
	margin: 0 auto 20px auto;
}
.toyshare .code_block dt {
	position: absolute;
	top: -10px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.toyshare .code_block dd {
	position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background-color: #ffffff;
	border-radius: 6px;
	width: 516px;
	height: 132px;
	padding: 20px 20px 28px 20px;
	box-sizing: border-box;
}
.toyshare .code_block dd .ttl_copy_request {
	line-height: 0;
}
.toyshare .code_block dd .code_and_btn {
	display: flex;
	align-items: center;
    justify-content: space-between;
	margin-top: 18px;
}
.toyshare .code_block dd .code_and_btn span {
	font-size: 38px;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #333333;
	margin-left: 14px;
}
.toyshare .code_block dd .code_and_btn button {
	line-height: 0;
}
.toyshare .how_to_use {
	text-align: center;
	line-height: 0;
}