@charset "UTF-8";
/* お友達紹介もっと紹介キャンペーン2019年9月 */
/* お友達紹介もっと紹介キャンペーン汎用 */
.friendMoreCampaign { background: url("/images/friend/cp/more/2019sep/bg_border.png") #fdd703; }

.friendMoreCampaign-Head { text-align: center; padding: 5px 0 50px; }

.friendMoreCampaign-YouSpecial { background: #f7f2dc; text-align: center; padding-bottom: 50px; }

.friendMoreCampaign-YouSpecial_Image { margin-top: -35px; }

.friendMoreCampaign-YouSpecial_Max { width: 100%; height: 72px; background: #02349d; text-align: center; margin-top: 10px; }

.friendMoreCampaign-YouSpecial_Max-image { margin-top: -12px; }

.friendMoreCampaign-FriendSpecial { background: #f7f2dc; text-align: center; }

.friendMoreCampaign-FriendSpecial_Max { width: 100%; height: 72px; background: #02349d; text-align: center; margin-top: -4px; }

.friendMoreCampaign-FriendSpecial_Max-image { margin-top: -12px; }

.friendMoreCampaign-SubMain { background: #FFFFFF; width: 100%; padding: 10px 0 20px 0; }

.friendMoreCampaign-Status_Box { width: 1000px; height: 190px; background: url("/images/friend/cp/more/2019sep/bg_cpStatus.png") no-repeat top center; margin: 40px auto 0; }

.friendMoreCampaign-Status { width: 685px; background: #FFFFFF; margin: auto; border: 1px solid #02349d; border-radius: 7px 7px 5px 5px; }

.friendMoreCampaign-Status_Title { background: #02349d; padding: 18px 0 5px; text-align: center; border-radius: 5px 5px 0 0; }

.friendMoreCampaign-Status_CountBox { padding: 40px; font-size: 20pt; }

.friendMoreCampaign-Status_CountTitle { float: left; font-size: 20pt; }

.friendMoreCampaign-Status_Count { float: right; font-weight: bold; color: #02349d; }

.friendMoreCampaign-Notes { width: 1000px; margin: 40px auto; border: 1px solid #02349d; }

.friendMoreCampaign-Notes_Title { background: #02349d; padding: 10px 15px; color: #FFFFFF; font-size: 16px; }

.friendMoreCampaign-Notes_Contents { font-size: 15px; line-height: 1.8; margin-bottom: 0.5em; background: #FFFFFF; padding: 0 15px; }

.friendMoreCampaign-Notes_Contents span { color: #ff0000; }

.friend-Introduce_Inner { background: #e3efed; padding: 30px 0; }

.friend-Introduce { width: 1000px; padding: 35px 20px; margin: 30px auto; background: #FFFFFF; border: 2px solid #1e7772; position: relative; top: 0; left: 0; }

.friend-Introduce_Title { text-align: center; }

.friend-Introduce_Select { width: 1000px; height: 180px; margin: auto; background: #e3efed; padding: 0; }

.friend-Introduce_Select li { list-style: none; }

.friend-Introduce_Select li:last-child { border-left: none; }

.friend-Introduce_SelectBtn { width: 500px; height: 180px; border: 2px solid #1e7772; float: left; cursor: pointer; text-align: center; }

.friend-Introduce_SelectBtn img { margin-top: 30px; }

.friend-Introduce_SelectBtn:hover { background: rgba(255, 255, 255, 0.3); }

.friend-Introduce_SelectBtn_active { background: #FFFFFF; cursor: auto; }

.friend-Introduce_SelectBtn_active:hover { background: #FFFFFF; }

.friend-Introduce_Blog:before { content: ""; position: absolute; top: -55px; left: 220px; border: 30px solid transparent; border-bottom: 25px solid #FFFFFF; z-index: 2; }

.friend-Introduce_Blog:after { content: ""; position: absolute; top: -57px; left: 220px; border: 30px solid transparent; border-bottom: 25px solid #1e7772; z-index: 1; }

.friend-Introduce_MailSns:before { content: ""; position: absolute; top: -55px; right: 220px; border: 30px solid transparent; border-bottom: 25px solid #FFFFFF; z-index: 2; }

.friend-Introduce_MailSns:after { content: ""; position: absolute; top: -57px; right: 220px; border: 30px solid transparent; border-bottom: 25px solid #1e7772; z-index: 1; }

.friend-Blog_Title { text-align: left; padding-left: 40px; font-size: 19px; color: #1e7772; }

.friend-Blog_Title:before { display: block; content: ""; width: 6px; height: 19px; background: #FEA000; border-radius: 5px; margin: -2px 10px 0 0; float: left; }

.friend-Blog_BnrList { width: 90%; text-align: left; }

.friend-Blog_BnrList li { list-style: none; }

.friend-MailSns_Contents { width: 900px; margin: auto; text-align: center; }

.friend-MailSns_Notes { width: 900px; background-color: #FFEEEE; padding: 16px; border-radius: 5px; font-size: 17px; margin: 10px auto 0 auto; text-align: center; }

.friend-MailSns_Notes span { color: #ff0000; }

.friend-Bnr_Title { width: 120px; height: 40px; background: #e3efed; border-radius: 25px; line-height: 40px; text-align: center; font-size: 20px; margin-bottom: 15px; }

.friend-URLcopy_BlogURL { width: 100%; height: 110px; border: 1px solid #1e7772; padding: 10px; line-height: 22px; margin: 10px 0 20px 0; }

.friend-URLcopy_MailSns { width: 100%; height: 110px; border: 1px solid #1e7772; padding: 10px; line-height: 22px; margin: 10px 0 20px 0; height: 260px; }

.friennd-Introduce_SmsText { font-size: 20px; text-align: center; }

.friennd-Introduce_SmsText span { color: #ff0000; }

.friend-Introduce_SmsBtnBox { width: 628px; margin: auto; }

.friend-Introduce_SmsBtn { border-radius: 5px; display: block; text-decoration: none; font-weight: bold; line-height: 1; width: 100%; text-align: center; border: 1px solid #F9F079; background: #F9F079; color: #670000; box-shadow: 0 3px 0 #FBCC41; transition: all 0.2s ease-in-out; margin-bottom: 10px; padding: 1em 0; letter-spacing: 1px; font-size: 20px; }

.friend-Introduce_SmsBtn:hover { transform: translateY(3px); box-shadow: 0 0 0 #FBCC41; }

.friend-Introduce_SmsBtn:hover { color: #670000; }

.campaignEndInfo { background: #ffeeee; padding: 15px 0; font-size: 15px; text-align: center; border-bottom: 1px solid #CCCCCC; }

.clearBoth { clear: both; }

.displayNone { display: none; }

.friendMoreCampaign-End { padding-top: 20px; width: 100%; height: 15px; background: #fff2d7; }

.friend-waraufriendsUrl_Title { text-align: center; margin: 20px 0 16px; }

.friendMoreCampaign-Status_Box { margin-bottom: 80px; }

.friendMoreCampaign-Status_Note { clear: both; padding-top: 20px; font-size: 14pt; color: #DA0201; letter-spacing: 1px; font-weight: bold; }

/*# sourceMappingURL=2019sep.css.map */