@charset "shift_jis";

/*============ 商品ページ個別CSS ===========*/

/* ページ上部ギフトバナー */

#topicpath {
	display: none;
}

#head_giftbanner,
#head_timer {
	display: none;
	background: #927044;
	height: 86px;
}

#head_giftbanner div {
	height: 86px;
	width: 1050px;
	margin: 0 auto;
}

#head_giftbanner div { /* 通常ギフトバナー帯 */
	background: #927044 url(../../nihonnomeisakuplayer/img/giftbanner_pc.png) center center no-repeat;
}

#head_timer { /* カウントダウン用ギフトバナー帯 */
	background: #927044 url(../../nihonnomeisakuplayer/img/giftbanner_pc2.png) center center no-repeat;
}

#timer-inside {
	width: 1050px;
	margin: 0 auto;
	position: relative;
}

.yycountdown-box {
	font-family: 'NotosansJP', sans-serif;
	position: absolute;
	left: 10px;
	top: 18px;
	font-size: 42px !important;
	font-weight: 700;
	color: #fff306 !important;
	text-shadow: 0 2px 4px #333;
}

.yyc-day-text, .yyc-hou-text, .yyc-min-text, .yyc-sec-text {
	color: #fff;
	font-size: 26px;
	padding: 0 3px;
}


/* ページ下部固定ギフトバナー */

.fixed-buy-button {
	display: block;
}

#head_giftbanner_fixed {
	/* display: none; */
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: none;
	border-top: none;
	background: #fff6c9;
	border-top: 2px solid #d9c77f;
	z-index: 100000000;
	height: 136px;
}

#head_giftbanner_fixed p {
	display:block;
	margin: 0 20px;
	height: 96px;
	/* width: 1050px; */
	margin: 0 auto;
	/* background: url(../../nihonnomeisakuplayer/img/giftbanner_pc_fixed.png) left center no-repeat;  */
	position: relative;
}

/* #head_giftbanner_fixed p a {
	font-size: 22px !important;
	box-shadow: 0 2px 6px #888 !important;
	margin: 0;
	font-weight: bold;
	text-align: center;
	border-radius: 100px;
	line-height: 60px !important;
	border: 3px solid #fff;
	position: absolute;
	right: 0;
	top: 14px;
	font-family: Gothic MB101 Heavy, YakuHanJPs, "NotosansJP", sans-serif;
	text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff;
	display: block;
	color: #ff0000 !important;
	text-decoration: none !important;
	padding: 0;
	overflow: hidden;
	letter-spacing: -1px;
	box-sizing: border-box;
	cursor: pointer !important;
	background: rgb(186,232,174);
	background: -moz-linear-gradient(top, rgba(186,232,174,1) 5%, rgba(39,182,0,1) 35%, rgba(39,182,0,1) 50%, rgba(35,135,3,1) 85%, rgba(30,57,8,1) 100%);
	background: -webkit-linear-gradient(top, rgba(186,232,174,1) 5%,rgba(39,182,0,1) 35%,rgba(39,182,0,1) 50%,rgba(35,135,3,1) 85%,rgba(30,57,8,1) 100%);
	background: linear-gradient(to bottom, rgba(186,232,174,1) 5%,rgba(39,182,0,1) 35%,rgba(39,182,0,1) 50%,rgba(35,135,3,1) 85%,rgba(30,57,8,1) 100%);
	transition: opacity 0.3s, bottom 0.3s, box-shadow 0.3s;
	width: 340px !important;
	height: 68px !important;
} */

/* #head_giftbanner_fixed p a:hover,
#head_giftbanner_fixed p a:active {
	box-shadow: 0 0 4px #555 !important;
	opacity: 0.7;
} */

.fixed-buy-button {
	display: none;
}


/* ファーストビュー (幅100%) */

#ldp-top {
	background: #cba207 url(../../nihonnomeisakuplayer/img/showa-heisei-100-topimage_bg2.jpg)center top no-repeat; /* 1st view用画像 */
	background-size: auto;
	background-size: 1200px;
	height: 720px;
}


/* ファーストビュー内注文ボタン */

#ldp-top .section {
	position: relative;
}

#ldp-top .orderbox {
	display: block;
	position: absolute;
	top: 615px;
	right: 10px;
}

#ldp-top .orderbox a {
	font-family: YakuHanJPs, "NotosansJP", "メイリオ", sans-serif;
	display: block;
	border: 3px solid #fff;
	width: 360px;
	border-radius: 60px;
	text-decoration: none;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	font-size: 24px;
	font-weight: bold;
	box-shadow: 0 2px 6px #555;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff;
	color: #ff0000 !important;
	background: rgb(186,232,174);
	background: -moz-linear-gradient(top, rgba(186,232,174,1) 5%, rgba(39,182,0,1) 35%, rgba(39,182,0,1) 50%, rgba(35,135,3,1) 85%, rgba(30,57,8,1) 100%);
	background: -webkit-linear-gradient(top, rgba(186,232,174,1) 5%,rgba(39,182,0,1) 35%,rgba(39,182,0,1) 50%,rgba(35,135,3,1) 85%,rgba(30,57,8,1) 100%);
	background: linear-gradient(to bottom, rgba(186,232,174,1) 5%,rgba(39,182,0,1) 35%,rgba(39,182,0,1) 50%,rgba(35,135,3,1) 85%,rgba(30,57,8,1) 100%);
	transition: opacity 0.3s, bottom 0.3s, box-shadow 0.3s;
}

#ldp-top .orderbox a:hover,
#ldp-top .orderbox a:active {
	box-shadow: 0 0 4px #555 !important;
	opacity: 0.7;
}

/* CTA(Call To Action)テキスト */

.cta-text {
	background: url(https://www.u-canshop.jp/images/parts/cta_text_bg.png) center top no-repeat;
	background-size: auto;
	background-size: 20%;
	color: #333;
	font-family: 'NotosansJP', sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 25px !important;
	line-height: 1.5 !important;
	margin: 20px 0 5px;
	padding: 30px 0;
	text-shadow: 0 1px 0 #fff;
}

.cta-text em {
	color: #da0707;
}



/*============ スマートフォン用 ===========*/
@media screen and (max-width: 767px) {


/* ページ上部ギフトバナー */

#head_giftbanner,
#head_timer,
#head_giftbanner div {
	height: 21vw;
	width: 100%;
}

#head_giftbanner div {
	background: #927044 url(../../nihonnomeisakuplayer/img/giftbanner_sp.png) center center no-repeat;
	background-size: contain;
}

#head_timer {
	background: #927044 url(../../nihonnomeisakuplayer/img/giftbanner_sp2.png) center center no-repeat;
	background-size: contain;
}

#timer-inside {
	width: 100%;
}

.yycountdown-box {
	font-family: 'NotosansJP', sans-serif;
	position: absolute;
	left: auto;
	top: 6px;
	right: 3vw;
	font-size: 42px;
	font-weight: 700;
	color: #fff306 !important;
	text-shadow: 0 2px 2px rgba(0,0,0,0.3);
	letter-spacing: -13px;
}

.yycountdown-box span {
	font-size: 7.5vw;
	letter-spacing: 0px;
}

.yyc-day-text, .yyc-hou-text, .yyc-min-text, .yyc-sec-text {
	font-size: 5vw !important;
	padding: 0 0.5vw;
}

/* .fixed-buy-button {
	display: block !important;
} */


/* ページ下部固定ギフトバナー (SPは非表示) */

/* #head_giftbanner_fixed {
	display: none !important;
} */

#head_giftbanner_fixed {
	height: auto;
}
#head_giftbanner_fixed .order-btn {
	display: flex;
	justify-content: space-between;
}
#head_giftbanner_fixed .order-btn > div {
	width: 50%;
	margin-bottom: 0;
}
#head_giftbanner_fixed .order-btn > div p,
#head_giftbanner_fixed .order-btn > div img {
	margin: 0;
	padding: 0;
	height: auto;
}


/* ファーストビュー (幅100%) */

#ldp-top, #ldp-top .section {
	height: 100vw;
}

/* #ldp-top {
	margin-bottom: 10vw;
	background: #cba207 url(../../nihonnomeisakuplayer/img/showa-heisei-100-topimage_bg2_sp.jpg)center top no-repeat; /* 1st view用画像(SP用) */
	/* background-size: auto;
	background-size: 100%; */
/* }  */


/* ファーストビュー内注文ボタン */

#ldp-top .section {
	position: relative;
}

#ldp-top .orderbox {
	position: absolute;
	top: 85vw;
	left: 0;
	right: 0;
}

#ldp-top .orderbox a {
	font-family: YakuHanJPs, "NotosansJP", "メイリオ", sans-serif;
	display: block;
	border: 1vw solid #fff;
	width: 85vw;
	border-radius: 200px;
	text-decoration: none;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	font-size: 5.5vw;
	font-weight: bold;
	box-shadow: 0 1px 6px #aaa;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	text-shadow: 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 1px #fff, 0 -2px 1px #fff;
	color: #ff0000 !important;
	background: rgb(186,232,174);
	background: -moz-linear-gradient(top, rgba(186,232,174,1) 5%, rgba(39,182,0,1) 35%, rgba(39,182,0,1) 50%, rgba(35,135,3,1) 85%, rgba(30,57,8,1) 100%);
	background: -webkit-linear-gradient(top, rgba(186,232,174,1) 5%,rgba(39,182,0,1) 35%,rgba(39,182,0,1) 50%,rgba(35,135,3,1) 85%,rgba(30,57,8,1) 100%);
	background: linear-gradient(to bottom, rgba(186,232,174,1) 5%,rgba(39,182,0,1) 35%,rgba(39,182,0,1) 50%,rgba(35,135,3,1) 85%,rgba(30,57,8,1) 100%);
	transition: opacity 0.3s, bottom 0.3s, box-shadow 0.3s;
}

#ldp-top .orderbox a:hover,
#ldp-top .orderbox a:active {
	box-shadow: 0 0 4px #555 !important;
	opacity: 0.7;
}


/* CTA(Call To Action)テキスト */

.cta-text {
	background: url(https://www.u-canshop.jp/images/parts/cta_text_bg.png) center bottom no-repeat;
	background-size: auto;
	background-size: 20%;
	font-size: 5vw !important;
	line-height: 1.5 !important;
	margin: 20px 4vw 0;
	margin-right: 4vw;
	margin-left: 4vw;
	padding: 0 0 11vw;
}

.cta-text br {
	display: none;
}


/* 電話注文訴求バナー (題字用SPページのみ表示) */

.first-price .order-option::after {
	content: "";
	width: 100vw;
	display: block;
	height: 100vw;
	background: url(https://www.u-canshop.jp/images/parts/tel_cta_sp.png) top center no-repeat;
	background-size: auto;
	background-size: auto;
	background-size: cover;
	margin-left: -3vw;
}


}/* Media Query for SmartPhone */


/* //+++++++++++++++++++++++++++++++++++++++++
/* HEAD Gift Banner */
/* お話しプレーヤー 用 */
/* 
#head_giftbanner,
#head_timer {
    background: #927044;
}

#head_giftbanner div {
	background: #927044 url(../../nihonnomeisakuplayer/img/giftbanner_pc.png) center center no-repeat;
}

#head_timer {
	background: #927044 url(../../showa-heisei-100/img/giftbanner_pc2.png) center center no-repeat;
} */


/* giftbanner */

/* .giftbanner-normal {
	background: url(../../showa-heisei-100/img/giftbanner_main_pc.jpg) 
}

@media screen and (max-width: 767px) {
    /* gift fixed banner with buybutton */
/* 
    #head_giftbanner div {
        background: #927044 url(../../showa-heisei-100/img/giftbanner_sp.png) center center no-repeat;
        background-size: contain;
    }

    #head_timer {
        background: #927044 url(../../showa-heisei-100/img/giftbanner_sp2.png) center center no-repeat;
        background-size: contain;
    }

} */