/* カスタマイズ用CSS */
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);
body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #525263;
}
a {
    color: #26b0ea;
}
a:hover {
    color: #008fc3;
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    background: #141c65;
}
.ec-blockBtn--top {
    background-color: #141c65;
}
.ec-blockBtn--top:hover {
    background-color: #0b114b;
}
.ec-headerNav .ec-headerNav__itemIcon {
    color: #141c65;
}
.ec-footerRole {
    background: #141c65;
}
.ec-topicpath {
    color: #26b0ea;
}
.ec-headerRole {
    padding-top: 0;
}
.ec-headerRole .ec-headerRole__title {
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
    content: "";
    width: 100%;
    padding-bottom: 40.75%;
    text-align: left;
    font-weight: normal;
    background: url(../img/common/lg_sp.png) 0 bottom / 100% auto no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 0;
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
    background: #26b0ea;
}
.fa-shopping-cart:before {
    color: #26b0ea;
}
.ec-cartNavi .ec-cartNavi__badge {
    color: #141c65;
    background-color: #ffe400;
}
.ec-blockBtn--action {
    background-color: #26b0ea;
    border: none;
}
.ec-blockBtn--action:hover {
    background-color: #008fc3;
}
.ec-footerTitle .ec-footerTitle__logo {
    display: none;
}
.ec-progress .is-complete .ec-progress__label {
    color: #26b0ea;
}
.ec-progress .is-complete .ec-progress__number {
    background: #26b0ea;
}
.ec-cartRole .ec-cartRole__totalAmount {
    color: #ee1919;
}
.ec-blockTopBtn {
    width: 57px;
    height: 57px;
    text-indent: -9999px;
    background: url(../img/common/icn_pagetop.png) 0 0 / 100% auto no-repeat;
}
.ec-productRole .ec-productRole__price {
    color: #ee1919;
}
.ec-link {
    color: #26b0ea;
}
.ec-zipInputHelp span {
    color: #26b0ea;
}
.ec-required {
    color: #ee1919;
}
.ec-productRole {
    margin: 30px auto 0;
}
.ec-drawerRole {
    background: #141c65;
}
.ec-drawerRole .ec-headerLinkArea {
    background: #141c65;
}
.ec-pageHeader h1 {
    color: #141c65;
}
.ec-itemNav__nav li a {
    color: #141c65;
}
.ec-input .ec-errorMessage, .ec-halfInput .ec-errorMessage, .ec-numberInput .ec-errorMessage, .ec-zipInput .ec-errorMessage, .ec-telInput .ec-errorMessage, .ec-select .ec-errorMessage, .ec-birth .ec-errorMessage {
    color: #ee1919;
}
.error.ec-input input, .error.ec-halfInput input, .error.ec-numberInput input, .error.ec-zipInput input, .error.ec-telInput input, .error.ec-select input, .error.ec-birth input, .error.ec-input select, .error.ec-halfInput select, .error.ec-numberInput select, .error.ec-zipInput select, .error.ec-telInput select, .error.ec-select select, .error.ec-birth select {
    border-color: #ee1919;
    background: #FDF1F0;
}
.ec-blockBtn--action:active, .ec-blockBtn--action.active, .open > .ec-blockBtn--action.dropdown-toggle {
    background-color: #ee1919;
    border: none;
}
.ec-blockBtn--action:active:hover, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:hover, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus, .open > .ec-blockBtn--action.dropdown-toggle:hover, .open > .ec-blockBtn--action.dropdown-toggle:focus, .open > .ec-blockBtn--action.dropdown-toggle.focus {
    background-color: #ee1919;
    border: none;
}
.ec-inlineBtn--action {
    background-color: #ee1919;
    border: none;
}
.pd_tab th, .pd_tab td {
    vertical-align: top;
    padding: 5px 0;
}
.pd_tab th {
    width: 30%;
}
.pd_list li {
    padding: 5px 0;
}
.pd_list li span {
    color: #ee1919;
    font-weight: bold;
}
.ec-headerNaviRole__left h1 {
    margin-top: -11px;
}
.ec-headerNaviRole__left h1 a {
    font-size: 10px;
    color: #141c65;
    margin-left: 35px;
    display: inline-block;
    border-radius: 99999px;
    padding: 8px 10px;
    height: 33px;
    background: #141c65;
    color: white;
    text-align: center;
    line-height: 1.5;
}
.ec-headerNaviRole__left h1 a span {
    display: none;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
    width: calc(100% / 2.6);
    margin-top: -25px;
}
.ec-headerNaviRole .ec-headerNaviRole__left {
    width: calc(100% / 1.4);
}
.ec-headerNav .ec-headerNav__itemIcon {
    margin-right: 4px;
    margin-left: 4px;
}
.ec-cartNavi {
    padding: 10px 0 0 8px;
}
.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
    border-top: none;
}
.ec-topicpath > li:first-of-type, .ec-topicpath__divider {
    display: none!important;
}
.linkinpage {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.linkinpage li {
    margin-left: 23px;
    margin-right: 23px;
}
.tokuttl {
    margin-top: 45px;
    margin-bottom: 23px;
}
.ec-ranking-bk{
    background: #F8F8F8;
}
.ranking {
    width: 45px;
    height: 45px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    color: white;
    border-radius: 50%;
}
.ranking_1 {
    background-color: #DBB400;
}
.ranking_2 {
    background-color: #C9CACA;
}
.ranking_3 {
    background-color: #C9AE5D;
}
.amazon_pay_amazonpaymentdescriptor_block > div {
    width: 300px;
}
@media only screen and (min-width: 768px) {
    .ec-headerRole .ec-headerRole__title {
        margin-top: 0;
        margin-bottom: 20px;
        padding-bottom: 25.05%;
        background: url(../img/common/lg_pc.png) 0 bottom / 100% auto no-repeat;
    }
    .ec-blockTopBtn {
        width: 76px;
        height: 76px;
    }
    .ec-itemNav__nav li {
        position: relative;
    }
    .ec-itemNav__nav li:not(:last-of-type):after {
        display: block;
        content: "";
        position: absolute;
        right: 0;
        top: 25%;
        width: 1px;
        height: 50%;
        background: #ccc;
    }
    .pd_tab th {
        width: 20%;
    }
    .ec-headerNaviRole__left h1 {
        margin: 0;
    }
    .ec-headerNaviRole__left h1 a {
        padding: 10px 17px;
        height: 44px;
        font-size: 14px;
        margin-left: 0;
    }
    .ec-headerNaviRole__left h1 a span {
        display: inline;
    }
    .ec-headerNaviRole {
        height: 99px;
    }
    .ec-headerNaviRole .ec-headerNaviRole__search {
        display: none;
    }
    .ec-headerNaviRole .ec-headerNaviRole__right {
        width: calc(100% * 1.1 / 2);
        margin: 0;
    }
    .ec-headerNaviRole .ec-headerNaviRole__left {
        width: calc(100% * 0.9 / 2);
    }
    .ec-headerNav .ec-headerNav__itemIcon {
        margin-right: 10px;
        margin-left: 10px;
    }
    .ec-cartNavi {
        padding: 12px 17px 10px;
    }
    .linkinpage {
        margin-left: 8.33333%;
        -webkit-justify-content: start;
        justify-content: start;
    }
    .linkinpage li {
        margin-left: 0;
        margin-right: 60px;
    }
    .tokuttl {
        margin-top: 60px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 769px) {
    .campaign_title{
        color: #141c65;
        text-align: center;
        font-size: 2.4rem;
        padding: 30px 0 15px;
        font-weight: bold;
    }
    .campaign_kv{
        width: 100%;
        padding-top: 54%;
        max-width: 1130px;
        margin: 0 auto 30px;
        text-indent: -9999px;
        background: url(../img/campaign/kv_campaign.jpg) center center / 100% auto no-repeat;
    }
    .campaign_kv img{
        width: 100%;
        height: auto;
    }
    .campaign_flex{
        max-width: 1130px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .campaign_flex p{
        width: 25%;
        margin-bottom: 36px;
    }
    .campaign_flex p a:hover{
        opacity: .8;
    }
    .campaign_flex p a img{
        width: 100%;
        height: auto;
    }
    .campaign_points{
        padding: 0 20px;
    }
    .campaign_points_title{
        font-weight: bold;
        padding-bottom: 10px;
    }
    .campaign_points_flex{
        display: -webkit-flex;
        display: flex;
    }
    .campaign_points_flex p:nth-of-type(1){
        width: 2.65%;
    }
    .campaign_points_flex p:nth-of-type(2){
        width: 97.3%;
    }
    .radio_kv img{
        width: 38.52%;
        height: auto;
		position: absolute;
		top: 7.83%;
		right:6.08%;
		z-index: 1;
    }
    .radio_flex{
        max-width: 1150px;
        display: -webkit-flex;
        display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
        margin: 0 auto;
    	padding: 0 23.47%;
    	z-index: 1;
    }
    .radio_flex p a{
        width: 42.16%;
        margin-bottom: 36px;
        position: relative;
    }
    .radio_flex p a:hover{
        opacity: .8;
    }
    .radio_flex p a img{
        width: 100%;
        height: auto;
    }
    .radio_kv2 img{
        width: 38.52%;
        height: auto;
		position: absolute;
		top: 7.83%;
		right:6.08%;
		z-index: 1;
    }
}
@media only screen and (min-width: 1024px){
    .radio_kv{
        width: 100%;
        max-width: 1150px;
        margin: 0 auto;
        text-align: center;
		position: relative;
		height: 715px;
		overflow: hidden;
	}
	 .radio_kv:before{
        display: block;
        content: "";
        position: absolute;
        width: 120%;
        height: 100%;
        left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/campaign/radio_kv_pc.png) top center / 100% auto no-repeat;
		z-index: 1;
	}
	.radio_under{
		position: relative;
		height: 745px;
		margin: 0 auto;
		width: 100%;
	}
    .radio_under:before{
        display: block;
        content: "";
        position: absolute;
        width: 100%;
		max-width: 1150px;
        height: 122%;
        left: 50%;
        top: -166px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/campaign/radio_under_bk.jpg) bottom center / 100% auto no-repeat;
	}
	.radio_kv2{
        width: 100%;
        max-width: 1150px;
        margin: 0 auto;
        text-align: center;
		position: relative;
		height: 715px;
		overflow: hidden;
	}
	 .radio_kv2:before{
        display: block;
        content: "";
        position: absolute;
        width: 120%;
        height: 100%;
        left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/campaign/radio_kv_pc_aero2.png) top center / 100% auto no-repeat;
		z-index: 1;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1023px){
    .radio_kv{
        width: 100%;
        max-width: 1150px;
        margin: 0 auto;
        text-align: center;
		position: relative;
		height: 595px;
		overflow: hidden;
	}
	 .radio_kv:before{
        display: block;
        content: "";
        position: absolute;
        width: 120%;
        height: 100%;
        left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/campaign/radio_kv_pc.png) top center / 100% auto no-repeat;
		z-index: 1;
	}
	.radio_under{
		position: relative;
		height: 565px;
		margin: 0 auto;
		width: 100%;
	}
    .radio_under:before{
        display: block;
        content: "";
        position: absolute;
        width: 100%;
		max-width: 1150px;
        height: 149%;
        left: 50%;
        top: -248px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/campaign/radio_under_bk.jpg) bottom center / 100% auto no-repeat;
	}
	.radio_kv2{
        width: 100%;
        max-width: 1150px;
        margin: 0 auto;
        text-align: center;
		position: relative;
		height: 595px;
		overflow: hidden;
	}
	 .radio_kv2:before{
        display: block;
        content: "";
        position: absolute;
        width: 120%;
        height: 100%;
        left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/campaign/radio_kv_pc_aero.png) top center / 100% auto no-repeat;
		z-index: 1;
	}
}
@media only screen and (max-width: 768px) {
    .campaign_title{
        color: #141c65;
        text-align: center;
        font-size: 1.8rem;
        font-weight: bold;
        padding-bottom: 20px;
    }
    .campaign_kv{
        width: 87.5%;
        padding-top: 127%;
        margin: 0 6.25% 15px;
        background: url(../img/campaign/kv_campaign_sp.jpg) center center / 100% auto no-repeat;
        text-indent: -9999px;
    }
    .campaign_kv img{
        width: 100%;
        height: auto;
    }
    .campaign_flex{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .campaign_flex p{
        width: 50%;
        margin-bottom: 36px;
    }
    .campaign_flex p a img{
        width: 100%;
        height: auto;
    }
    .campaign_points{
        margin: 0 6.25% 30px;
    }
    .campaign_points_title{
        font-weight: bold;
        padding-bottom: 10px;
    }
    .campaign_points_flex{
        display: -webkit-flex;
        display: flex;
    }
    .campaign_points_flex p:nth-of-type(1){
        width: 7.14%;
    }
    .campaign_points_flex p:nth-of-type(2){
        width: 92.8%;
    }
    .radio_kv{
        width: 87.5%;
		margin: 0 auto;
		text-align: center;
		position: relative;
		overflow: hidden;
	}
	.radio_kv:before{
        display: block;
        content: "";
        position: relative;
        width: 120%;
        left: 50%;
        padding-top: 154.6875%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/campaign/radio_kv_sp.png) bottom center / 100% auto no-repeat;
		z-index: 1;
	}
    .radio_kv img{
        width: 55.625%;
        height: auto;
		position: absolute;
		bottom: 8.25%;
		right: 0;
		z-index: 1;
    }
    	.radio_under{
		position: relative;
		margin: 0 auto;
		width: 87.5%;
	}
    .radio_flex{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .radio_flex p{
        width: 50%;
        margin-bottom: 36px;
        position: relative;
    }
    .radio_flex p a img{
        width: 100%;
        height: auto;
    }
    .radio_kv2{
        width: 87.5%;
		margin: 0 auto;
		text-align: center;
		position: relative;
		overflow: hidden;
	}
	.radio_kv2:before{
        display: block;
        content: "";
        position: relative;
        width: 120%;
        left: 50%;
        padding-top: 154.6875%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/campaign/radio_kv_sp_aero2.png) bottom center / 100% auto no-repeat;
		z-index: 1;
	}
    .radio_kv2 img{
        width: 52.625%;
        height: auto;
		position: absolute;
		bottom: 6.25%;
		right: 0;
		z-index: 1;
    }
}
@media only screen and (max-width: 768px) and (min-width: 540px){
     .radio_under:before{
        display: block;
        content: "";
        position: absolute;
        width: 100%;
        height: 128%;
        left: 50%;
        top: -133px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/campaign/radio_under_bk.jpg) bottom center / cover no-repeat;
		overflow: hidden;
	}
}
@media only screen and  (max-width: 539px){
     .radio_under:before{
        display: block;
        content: "";
        position: absolute;
        width: 100%;
        height: 131%;
        left: 50%;
        top: -100px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../img/campaign/radio_under_bk.jpg) bottom center / cover no-repeat;
		overflow: hidden;
	}
}

/*トップページ編集*/
@media only screen and (min-width: 768px){
.ec-eyecatchRole .ec-eyecatchRole__intro {
    width: 75%;
    }
}