@charset "utf-8";
/* CSS Document */
#sc_head, #sc_desc, #sc_detail, #sc_line-mail {font-family: Noto sans jp;}
span.marker {background: linear-gradient(transparent 50%, #fffa66 50%);	background: -webkit-linear-gradient(transparent 50%, #fffa66 50%);background: -moz-linear-gradient(transparent 50%, #fffa66 50%);padding-bottom: 0.1rem;}
span.marker2 {background: linear-gradient(transparent 10%, #f8ff37 10%);background: -webkit-linear-gradient(transparent 10%, #f8ff37 10%);background: -moz-linear-gradient(transparent 10%, #f8ff37 10%);padding: 0.4rem 0.5rem;}   
.rem11{font-size:1.1rem;}
.rem16{font-size:1.6rem;}
.rem20{font-size:2.0rem;}
.rem24{font-size:2.4rem;}
.rem33{font-size:3.3rem;}
.em15{font-size:1.5rem;}
.em18{font-size:1.6rem;}
.bt15{margin-bottom:15px; display:block;margin-top:30px;}
.bt35{margin-bottom:35px; display:block;}
.x-small{font-size:20%}
.small{font-size:45%}
.medium{font-size:70%}
.large{font-size: 130%; line-height:100%;}
.x-large{font-size:150%}
.murecho { font-family: "Murecho", sans-serif; font-optical-sizing: auto; font-weight: 800; font-style: normal;}
.murecho6 { font-family: "Murecho", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal;}
.murecho4 { font-family: "Murecho", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.murecho2 { font-family: "Murecho", sans-serif; font-optical-sizing: auto; font-weight: 200; font-style: normal;}
.lato {font-family: Lato, sans-serif;font-weight: 900;font-style: normal;transform: scale(0.92,1);transform-origin: top left;display: inline-block;}
#sc_head, #sc_detail, #sc_desc {line-height:150%;}
#sc_head {background: #012d5c;text-align: center;color: #fff;padding: 0;margin: 0;line-height: 0;background: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_bg_pc.jpg);background-position: center;}
#sc_desc {background-size: auto auto;background-color: rgba(51, 101, 154, 1);background-image: repeating-linear-gradient(90deg, transparent, transparent 100px, rgba(45, 95, 148, 1) 100px, rgba(45, 95, 148, 1) 200px );text-align: center;color: #fff;padding: 58px 3%;line-height:200%;}
#sc_detail {background: #012d5c;padding: 66px 3% 24px 3%;background: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_back_kira.jpg);}
#sc_detail > ul {background: #f7f4e5;max-width: 960px;margin: 0 auto 90px auto;border: 5px solid #cb9b15;border-radius: 45px;box-sizing: border-box;padding:0 0 50px 0;}
#sc_detail > ul > li:first-child {background: #cb9b15;text-align: center;color: #fff;padding: 5px 0 0px;font-size: 52px;font-weight: bold;border-radius: 34px 34px 0 0;line-height:normal;}
#sc_detail > ul > li:nth-child(2) {max-width: 550px;margin: 22px auto;font-size: 1.3em;padding: 0 10px;text-align: center;line-height: 140%;color: #0e395b;font-weight: bold;}
#sc_detail > ul > li:nth-child(3) > ul {max-width: 710px;border: 4px solid #c30f00;background: #fff;border-radius: 10px;box-sizing: border-box;display: flex;padding: 0px 18px;margin: 0 auto;align-items: center;}
.subject_item {max-width: 860px;margin: 0 auto;display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.subject_item > li {width: calc(100% / 4 - 20px);margin: 10px;float:left;}
.subject_item > li > a > span > img {width: 100%;border-radius:10px;}
.subject_item > li > a > span {display: block;}
.subject_item .price {color: #c10f01;font-weight: bold;font-size: 1.3em;margin-top: 5px;}
.more_item {background: #012d5c;color: #fff;padding: 16px 30px;border-radius: 10px;font-size: 1rem;font-weight: bold;width: fit-content;margin: 35px auto 0 auto;}
.more_item > a {color: #fff;text-decoration: none;}
.subject_title > img {margin: 60px auto 20px auto;display: block;max-width: 306px;width: 100%;box-sizing: border-box;padding: 0 20px;}
.more_item > a::after {content: "＞";margin-left: 10px;}
.left .off > span:first-child {font-size: 137%;}
.coupon_code{margin:0 10px;}
.off > span:nth-child(2) {margin-top: 4px;margin-bottom: -6px;}
#sc_detail > ul:nth-child(even) > li:first-child {background: #3590ad;}
#sc_detail > ul:nth-child(even) {background: #e6f0f2;border: 5px solid #3590ad;}
#sc_detail > ul:nth-child(5) {margin-bottom: 0px;}
#sc_line-mail {background: #fffbf0;padding: 70px 3%;text-align:center;}
#sc_line-mail > ul {max-width: 960px;margin: 0 auto;display: block;width: 100%;}
#sc_line-mail > ul > li > .pctb{width: 100%;max-width: 806px;margin: 0 auto;}
#sc_line-mail > ul > li > .sp{width: 100%;max-width: 643px;margin: 0 auto;}
#sc_detail .date:before {content: ""; position: absolute; top: -45px; left: -165px; display: inline-block; width: 125px; background-position: center; background-size: contain; height: 153px; background-repeat: no-repeat;}
.date {position: relative;margin-left: 70px;}
#sc_detail > ul:nth-child(1) .date:before{background-image: url('https://gigaplus.makeshop.jp/uport/sp/summer-campaign/edition1.png');}
#sc_detail > ul:nth-child(2) .date:before{background-image: url('https://gigaplus.makeshop.jp/uport/sp/summer-campaign/edition2.png');}
#sc_detail > ul:nth-child(3) .date:before{background-image: url('https://gigaplus.makeshop.jp/uport/sp/summer-campaign/edition3.png');}
#sc_detail > ul:nth-child(4) .date:before{background-image: url('https://gigaplus.makeshop.jp/uport/sp/summer-campaign/edition4.png');}
#sc_detail > ul:nth-child(5) .date:before{background-image: url('https://gigaplus.makeshop.jp/uport/sp/summer-campaign/edition5.png');}
#sc_line-mail .entry {display: flex;background: #fff;padding: 20px;margin-top:40px;}
#sc_line-mail .entry li {width: calc(100% / 3 - 10px);margin: 0 10px;}
.entry .ttl {font-size: 1.1rem;margin: 10px 0 10px;display: block;}
.coupon {display: flex;border: 3px solid #c00;border-radius: 8px;max-width: 700px;font-family: "Arial", sans-serif;overflow: hidden;background-color: #fff;margin: 0 auto;width: 100%;}
.left {/*background-color: #fff0f0;*/padding: 0px 20px;/* text-align: center; */border-right: 2px dotted #9a9a9a;flex: 1.5;display: flex;align-items: center;justify-content: center;max-width:250px;}
.left .yen {font-size: 4rem;color: #c00;font-weight: bold;line-height:normal;}
.left .off {color: #c00;font-weight: bold;font-size: 18px;margin-left: 5px;flex-direction: column;display: flex;}
.left .label {font-size: 14px;color: #333;}
.right {padding: 0px 30px;display: flex;align-items: center;flex: 1.8;justify-content: center;}
.right .label {font-size: 18px;margin-right: 10px;color: #0b395b;font-weight: bold;}
.right .number {font-size: 3rem;font-weight: bold;color: #0b395b;letter-spacing: 2px;line-height:normal;}
#sc_detail > ul:nth-child(2n+1) > li > .date > .large:nth-child(1)::after {content: '';vertical-align: middle;background-size: contain;width: 58px;height: 58px;display: inline-block;background-image: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_ka_y.png);}
#sc_detail > ul:nth-child(2n+1) > li > .date > .large:nth-child(3)::after {content: '';vertical-align: middle;background-size: contain;width: 58px;height: 58px;display: inline-block;background-image: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_ge_y.png);}
#sc_detail > ul:nth-child(2n) > li > .date > .large:nth-child(1)::after {content: '';vertical-align: middle;background-size: contain;width: 58px;height: 58px;display: inline-block;background-image: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_ka_b.png);}
#sc_detail > ul:nth-child(2n) > li > .date > .large:nth-child(3)::after {content: '';vertical-align: middle;background-size: contain;width: 58px;height: 58px;display: inline-block;background-image: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_ge_b.png);}
#sc_line-mail .line {background: #fff;padding: 18px;text-align: center;padding: 20px;margin-bottom: 20px;margin-top:40px;}
#sc_line-mail .mail {background: #fff;padding: 18px;text-align: center;padding: 20px;margin-bottom: 20px;}
.mail_receive {display: flex;}
.mail_receive > .l_btn {width: 47.5%;margin-right: 2.5%;}
.mail_receive > .r_btn {width: 47.5%;margin-left: 2.5%;}
#sc_line-mail .mail > li > .mail_receive > .l_btn > .ttl {font-size: 1.3rem;color: #1d89d4;margin: 10px;display: block;}
#sc_line-mail .mail > li > .mail_receive > .l_btn > .attn {text-align: left;display: block;margin-top: 6px;line-height: 150%;text-indent: -1em;padding-left: 1em;}
#sc_line-mail .mail > li > .mail_receive > .r_btn > .ttl {
	font-size: 1.3rem;
	color: #fb8200;
	margin: 10px;
	display: block;
}
#sc_line-mail .line > .micro, #sc_line-mail .mail > .micro {
	font-size: 1.8rem;
	margin-bottom: 20px;
}
#sc_line-mail .mail > li > .mail_receive > .r_btn > .attn {
	text-align: left;
	display: block;
	margin-top: 6px;
	line-height: 150%;
	text-indent: -1em;
	padding-left: 1em;
}
.subject_item > li > a {text-decoration: none;}
#sc_detail .attn{color: #fff;max-width: 960px;margin: 13px auto 0 auto;font-size: 18px;line-height: 150%;}
#sc_desc .ttl > img {width: 100%;max-width: 298px;}
#sc_detail > ul:nth-child(2n+1) > li.more_item {background: #cb9b15;}
#sc_detail > ul:nth-child(2n) > li.more_item {background: #3590ad;}
.desc{font-size: 20px;font-weight: 500;margin: 6px auto 44px;font-weight:bold;}
    
@media screen and (min-width: 769px) {
	.pc{display:inline-block;}
	.pctb{display:block;}
	.tb{display:none;}
	.tbsp{display:none;}
	.sp{display:none;}
}
@media screen and (max-width: 768px) {
	.pc{display:none;}
	.pctb{display:block;}
	.tb{display:inline-block;}
	.tbsp{display:block;}
	.sp{display:none;}
	.coupon {flex-direction: column;}
	.left, .right {/* flex-direction: column; */overflow-wrap: anywhere;/* width: 50%; */padding: 0 8px 7px 8px;}
	.left {border-right: unset;  align-items: end;max-width:unset;}
	.right {align-items: baseline;border-top: 2px dotted #9a9a9a;padding-top: 5px;}
	.left .off {flex-direction: unset;}
	.left .off > span:first-child {font-size: unset;}
	.yen {margin-bottom: -9px;}
	.number {margin-bottom: -15px;}
	.subject_item > li {width: calc(100% / 2 - 20px);box-sizing: border-box;}
	.off > span:nth-child(2) {margin-top: 0px;margin-bottom: 0px;}
	.right .number {font-size: 2.1rem;}
	.left .yen {font-size: 3rem;}
	#sc_head {	background: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_bg_sp.jpg);background-position:center;}
	#sc_detail > ul > li:first-child {font-size: 2.5rem;padding-top: 0px;padding-bottom: 5px;}
	#sc_detail .date::before {top: -43px;left: -120px;width: 100px;height: 124px;}
	#sc_line-mail .entry {flex-direction: column;align-items: center;}
	#sc_line-mail .entry li {width: 100%; margin-top:30px;}
    #sc_line-mail .entry li:first-child {width: 100%; margin-top:10px;}
    .entry .ttl {font-size: 1.5rem;}
    #sc_detail > ul:nth-child(2n+1) > li > .date > .large:nth-child(1)::after {content: '';vertical-align: middle;background-size: contain;width: 35px;height: 35px;display: inline-block;background-image: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_ka_y.png);}
	#sc_detail > ul:nth-child(2n+1) > li > .date > .large:nth-child(3)::after {content: '';vertical-align: middle;background-size: contain;width: 35px;height: 35px;display: inline-block;background-image: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_ge_y.png);}
	#sc_detail > ul:nth-child(2n) > li > .date > .large:nth-child(1)::after {content: '';vertical-align: middle;background-size: contain;width: 35px;height: 35px;display: inline-block;background-image: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_ka_b.png);}
	#sc_detail > ul:nth-child(2n) > li > .date > .large:nth-child(3)::after {content: '';vertical-align: middle;background-size: contain;width: 35px;height: 35px;display: inline-block;background-image: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_ge_b.png);}
	.mail_receive {display: inline-block;}
    .mail_receive > .l_btn {width: 100%;margin-right: 0%;}
	.mail_receive > .r_btn {width: 100%;margin-left: 0%;margin-top: 20px;}
	.left .off {margin-left: 0px;}
}
@media screen and (max-width: 480px) {
	.pc{display:none;}
	.pctb{display:none;}
	.tb{display:none;}
	.tbsp{display:block;}
	.sp{display:block;}
    #sc_detail .date::before {top: -31px;left: -90px;width: 82px;height: 100px;}
    #sc_detail > ul > li:first-child {font-size: 2rem;}
    #sc_head {
	background: url(https://gigaplus.makeshop.jp/uport/sp/summer-campaign/sc_bg_sp2.jpg);
	background-position: center;
	}
	.left .yen {font-size: 2.5rem;}
	.date {letter-spacing: -0.8px;font-size: 95%;}
	#sc_detail > ul {border: 4px solid #cb9b15;border-radius: 25px;}
	#sc_detail > ul > li:first-child {border-radius: 14px 14px 0 0;}
	#sc_detail > ul {margin: 0 auto 60px auto;padding: 0 0 40px 0;}
	#sc_detail .attn {font-size: 15px;}
	#sc_line-mail {padding: 40px 3%;}
	#sc_line-mail .line > .micro, #sc_line-mail .mail > .micro {font-size: 1.3rem;margin-bottom: 15px;}
	.subject_title > img {margin: 40px auto 20px auto;max-width: 296px;}
	#sc_desc {padding: 48px 3%;}
}
@media screen and (max-width: 360px) {
	#sc_detail .date::before {top: -27px;left: -78px;width: 69px;height: 85px;}
	#sc_detail > ul > li:first-child {font-size: 1.6rem;}
	.date {margin-left: 68px;}
	#sc_detail > ul:nth-child(2n+1) > li > .date > .large:nth-child(1)::after {width: 30px;height: 30px;}
	#sc_detail > ul:nth-child(2n+1) > li > .date > .large:nth-child(3)::after {width: 30px;height: 30px;}
	#sc_detail > ul:nth-child(2n) > li > .date > .large:nth-child(1)::after {width: 30px;height: 30px;}
	#sc_detail > ul:nth-child(2n) > li > .date > .large:nth-child(3)::after {width: 30px;height: 30px;}
	#sc_detail > ul > li:nth-child(2) {font-size: 1.1em;}
	.right .number {font-size: 1.8rem;}
	.right .label {font-size: 16px;}
	.left .yen {font-size: 2.2rem;}
	.subject_title > img {margin: 30px auto 10px auto;max-width: 276px;}
	.more_item {margin: 25px auto 0 auto;}
	#sc_detail > ul {margin: 0 auto 50px auto;padding: 0 0 30px 0;}
	#sc_detail .attn {font-size: 14px;}
	#sc_line-mail {	padding: 40px 3%;}
	#sc_line-mail .line > .micro, #sc_line-mail .mail > .micro {font-size: 1.1rem;margin-bottom: 10px;}
	#sc_desc .ttl > img {max-width: 238px;}
	#sc_desc {padding: 38px 3%;}
	.desc {font-size: 18px;margin: 6px auto 34px;}
	#sc_line-mail .mail > li > .mail_receive > .l_btn > .ttl {font-size: 1.1rem;}
	#sc_line-mail .mail > li > .mail_receive > .r_btn > .ttl {font-size: 1.1rem;}
}