@charset "shift_jis";


/*=== 未材文言を非表示 ===

.mizai {display: none !important;}

*/


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

/* ページ固有の色を下記3つの要素に同一で入力 (白ヌキ文字を置いても読める程度の濃さで）*/

h2 span, .open-link a:hover span, .open-link a:active span, .hidden-link a:hover span, .hidden-link a:active span, .main1c .button:hover, .main1c .button:active
{
	color: #007bbb;
}


h2::before, h2::after, .accordion-block div, .tab-menu dl dt, .open-link a span,.hidden-link a span, p.point-number, .topimage h1, .whole-bg, .main1c .button, .whole-topimage, h3::before, .spec-title::before, .style-h3::before
{
	background: #007bbb;
}

h3, .style-h3, .open-link a span,.hidden-link a span, .spec-title, .main1c .button
{
	border-color: #007bbb;
}


/* タブメニューを利用した場合に高さを指定 */
.tab-menu {
	height: 500px;
}
.tab-menu dl dd {
    height: 400px;
}


/* 追記 */

.episode{
	border-radius: 25px;
	box-shadow: 2px 2px 4px #666666;
}

.font_small{
	font-size:80% !important;
}

.font_bold{
	font-weight:bold;
}

.align_right{
	text-align:right;
}

.font_color_gray{
	color:#808080;
}

.font_color_orange{
	color:#ff6347;
}

.font_color_green{
	color:#006400;
}

.font_color_blue{
	color:#1e90ff;
}

.font_color_deepblue{
	color:#0000cd;
}

.font_color_pink{
	color:#ff1493;
}

.font_color_purple{
	color:#7b68ee;
}

.font_color_brown{
	color:#8b0000;
}

.font_color_red{
	color:#ff0000;
}

.padding10{
	padding:10px;
}


/* 競合対策 */

.font_color_red2{
	color: #ff0000 !important;
	display: inline !important;
	font-size: 1.8rem !important;
}

/* cta */

.topimage .orderbox {height: 0;}

.topimage .orderbox a {display: none;}

.topimage .orderbox .order-fixed1 {display: block;}



.gift-banner {
	width: 94%;
	max-width: 710px;
	margin: 0 auto;
}

.cta-text {
    background: url(/images/parts/cta_text_bg.png) center top no-repeat;
    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: 15px 0 20px;
    text-shadow: 0 1px 0 #fff;
}

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

/*
.buybutton {
    font-family: YakuHanJPs, "NotosansJP", "メイリオ", sans-serif;
    display: block;
    background: #f51d12;
    border: 4px solid #fff;
    border-radius: 300px;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    padding: 0;
    margin: 20px auto 50px;
    font-weight: bold;
    box-shadow: 0 1px 8px #888;
    overflow: hidden;
    width: 60%;
    height: 120px;
    font-size: 45px;
    line-height: 120px;
}

.buybutton:hover, .buybutton:active {
    background: #fff;
    color: #f51d12 !important;
    border-color: #f51d12;
    box-shadow: 0 0 2px #555;
}
*/

.buybutton {
    font-weight: bold;
    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;
    border-radius: 300px;
    color: #ff0000 !important;
    text-decoration: none !important;
    text-align: center;
    padding: 0;
    margin: 40px auto;
        margin-top: 40px;
    margin-top: 40px;
    box-shadow: 0 1px 8px #888;
    overflow: hidden;
    width: 880px;
    height: 120px;
    font-size: 40px;
    line-height: 112px;
    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;
	border: 5px solid #fff !important;
}


/* ABTEST MOVIE */


.topmovie {display: none;}
.bottommovie {display: block;}


.movie {
	background: #1d86bd;
	padding: 10px 20px;
	border-radius: 10px;
}

.movie iframe {
	border-color: #165370;
}

.section.movie {
	width: 1110px !important;
	margin: 30px auto 40px;
	border-radius: 20px;
	background-size: 100%;
	background-size: cover;
}

.movietitle {
	color: #fff;
	text-shadow: 0 -1px 0 #333;
	font-size: 32px !important;
	font-weight: bold;
	margin-bottom: 10px !important;
}


#firstprice .order-arrow,
#firstprice .order-button,
#firstprice .order-option,
#firstprice .order-title,
#firstprice .order-area
{display: none;}




.voice-area {
    background-image: url(/defaultShop/miyama/img/bg-img02.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.voice-area .voice-inner {
	width:1050px;
	margin:0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 20px;
}

.voice-area .voice-item {
    background: rgba(255, 255, 255, 0.6);
    padding: 20px;
}

.voice-area .voice-message {
    color: #1d2087;
    font-size: 2.4rem;
    font-weight: 700;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 10px;
}

.voice-area .voice-user {
    margin-bottom: 0;
    margin-left: 1.2em;
}

.padding10{
	padding:10px;
	width:1050px;
	margin:0 auto;
	padding-bottom:30px;
}


.voice-area .voice-message::before {
    content: "";
    display: inline-block;
    background: #e3007f;
    border-radius: 50%;
    width: 2.3rem;
    height: 2.3rem;
    margin-right: 3px;
}
.miyama-wrap .txd-border {
    font-weight: 900;
    font-feature-settings: "palt";
    text-shadow: 0.06em 0.06em 0.06em #fff, -0.06em -0.06em 0.06em #fff, -0.06em 0.06em 0.06em #fff, 0.06em -0.06em 0.06em #fff, 0.06em 0px 0.06em #fff, -0.06em 0px 0.06em #fff, 0px 0.06em 0.06em #fff, 0px -0.06em 0.06em #fff;
}

.voice_title{
	width:1050px;
	margin:0 auto;
}

@media screen and (max-width: 767px) {

    .voice-area .voice-inner {
        display: block;
	width:100%;
    }

    .voice-area .voice-item {
        padding: 10px;
    }

    .voice-area .voice-message {
        font-size: 4.5vw;
    }

    .voice-area .voice-user {
        font-size: 4vw;
        text-align: right;
    }

    .section, .accordion-block, .main1c .hidden, .spec {
        margin-left: auto;
        margin-right: auto;
    }

.voice_title{
	width:95%;

}

.padding10{
	width:100%;
}

.hidden-link a {
    background: none !important;
}
}

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


/* 電話導線CTA (題字商品SPページのみ) */
.first-price .order-option::after {
    content: "";
    width: 100vw;
    display: block;
    height: 100vw;
    background: url(/images/parts/tel_cta_sp.png) top center no-repeat;
        background-size: auto;
    background-size: cover;
    margin-left: -3vw;
}


.topimage h1 {margin-bottom: 0;}
.topimage {margin-bottom: 0;}
.topimage .orderbox {margin-bottom: 0;}

#sns_sptop {display: none;}


/* CTA */

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

.cta-text br {
	display: none;
}

.buybutton,
.topimage .header-buybutton {
	border: 3px solid #fff;
	box-shadow: 0 1px 6px #888;
	width: 90%;
	height: 18vw;
	font-size: 6vw !important;
	line-height: 18vw;
	margin-top: 10px;
	margin-bottom: 20px;
}

.buybutton {
    margin: 30px auto;
        margin-top: 30px;
    border: 1vw solid #fff !important;
    box-shadow: 0 1px 6px #aaa;
    width: 100%;
    height: 23vw;
    font-size: 5.5vw;
    line-height: 21vw;
}

.section.movie {
    border-radius: 0;
    background-size: contain;
	box-sizing: border-box;
	margin: 0 0 20px !important;
	width: 100% !important;
}

.movietitle {
    font-size: 5vw !important;
    line-height: 1.3 !important;
    padding-top: 10px;
}

.whole-topimage {margin-bottom: 20px !important}

}/* Media Query for SmartPhone */

/* 題字対応　他商品への誘導削除 */

.global-navi-bar{
	display:none;
}

#topicpath{
	display:none;
}

#bottom-relate-item{
	display:none;
}

#bottom-recom-item{
	display:none;
}

#sns_top{
	display:none;
}

.topimage{
	padding:0px;
}

.order-option{
	display:none!important;
}

/* 題字対応　他商品への誘導削除おわり */

/* 背景変更 */

.uv{
	background: #fff;
}

#uv {
    background: linear-gradient(to bottom, #f4fcba 0%, #ffffff 50%);
}

#first{
    background: linear-gradient(to bottom, #ddf3ff 0%, #ffffff 60%);

}

#feature {
    background: linear-gradient(to bottom, #d1d1ff 0%, #ffffff 50%);
}

#miryoku{
    background: linear-gradient(to bottom, #ffffc1 0%, #ffffff 50%);

}

#track{
    background: linear-gradient(to bottom,#c1ffff,#FFF 20%,#c1ffff); 

}






/* 背景変更おわり */

/* タイトル書式変更 */

.main1c h2 span {
    display: block;
    font-family: YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif !important;
    font-weight: bold!important;
    font-weight: 700!important;
    border-top: none;
    font-size: 56px;
    letter-spacing: -2px;
    text-shadow: 0 0 10px #fff;
    height: auto;
    line-height: 1.2;
    border-bottom: 4px solid #007bbb;
    padding: 0 0 20px;
    margin: 0px 0 15px;
    color: #e61616;
}

.main1c h2::after{
	display:none;
}

.main1c h2{
	text-align:center;
	border-top:none;
}
.sp_only{
	display:none;
}

.pc_only{
	display:block;
}

@media screen and (max-width: 767px) {

.main1c h2 span{
	font-size:110%;
}

.sp_only{
	display:block;
}

.pc_only{
	display:none;
}

}

/* タイトル書式変更おわり */


#overview-image {
    background: #ddf3ff url(/defaultShop/miyama/img/miyama_overview_image.jpg) center top no-repeat;
    width: 100%;
    height: 430px;
    display: block;
    background-size: 1250px;
}

.sp_image{
	display:none;
}

@media screen and (max-width: 767px) {
#overview-image {
	background:none;
	display:none;
}
.sp_image{
	display:block;
}

.feature .point{
	padding-left:0px;
}

}

/* MVまわり */

.campaign{
	padding-bottom:0px;
}

.campaign img{
	    margin-bottom: 0px;
}

.topimage li {
    line-height: 0px !important;
	    width: 1300px !important;

}



/* ボタンまわり */


.order_btn0 {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    /* max-width: 1200px; 
    margin-top: -120px;
    width: 960px;*/
}

@media screen and (max-width: 767px) {
    .order_btn0 {
        display: block;
        width: 90%;
        /* margin-top: 0; */
        margin:auto 0;
    }

    .order_btn0 {
	width:100%;
}




.spmargin{
	margin-top:-20px !important;
}

}

section#tokuten div#megane {
    /* background-color: #e1c79c; */
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
}
section#tokuten div#catalog {
    /* background-color: #3c54b4; */
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
}

section div#catalog div.bt_catalog {
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 5px;
}

section#tokuten div#megane div.bt_megane {
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 0px;
}

@media screen and (max-width: 767px) {

section div#catalog div.bt_catalog {
	transform: translateX(-50%) translateY(20%);

}


section#tokuten div#megane div.bt_megane {
	transform: translateX(-50%) translateY(20%);
}
}





/*.buybutton-temp{
	display:none !important;
}*/

/*.limited-orderbnr{
	display:none;
}*/

.limited-giftbnr{
	padding-top:20px;

}



/*追従購入バナー*/

#head_giftbanner_fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff6c9;
	border-top: 2px solid #d9c77f;
	z-index: 100000000;
	height: 120px;
}
#head_giftbanner_fixed a:hover{opacity: 0.7;}
#head_giftbanner_fixed .order-btn{padding: 0px 0 0;}

#head_giftbanner_fixed .section{width: 950px!important;}
#head_giftbanner_fixed .col2-1,
#head_giftbanner_fixed .col2-2{width: 50%!important;}

@media screen and (max-width: 767px){
#head_giftbanner_fixed {height: auto;}
#head_giftbanner_fixed .section{width: 96%!important;}
#head_giftbanner_fixed .col2-1,
#head_giftbanner_fixed .col2-2{width: 50%!important;}
#head_giftbanner_fixed .col2-1 p,
#head_giftbanner_fixed .col2-2 p,
#head_giftbanner_fixed .col2-1 img,
#head_giftbanner_fixed .col2-2 img{margin-bottom: 0;}
}