﻿.jktitle {
    padding: 5px 0 5px 10px !important;
}

.jk_copy{
	padding-bottom:10px;
}

.tracklist2 li {

	list-style: decimal;
	list-style-position: inside;
	margin-left: 0;
	background: #f5f5f5;
	padding: 6px 6px 6px 19px !important;
	border-bottom: 2px dotted #e5e5e5;
	padding: 6px 6px 6px 35px;
	margin-left: 0;
}


.backyellow{
background-color:#fcf4cf;
}
.wrapper2{
background-color:#fcf4cf;
}

.backbegue{
background-color:#f2f2fc;
}

.wrapper3{
background-color:#f2f2fc;
}

.width1200{
width:1200px;
	margin:0 auto;
	padding:50px 0px;

}

.paddingtop30{
padding-top:30px;
}

@media screen and (max-width: 767px) {
.width1200{
width:100% ;
	padding:20px 0px;
}

.paddingtop30{
padding-top:0px;
}

.js-toggle_parent{
    width: 95% !important;
    margin: 0 auto !important;
margin-bottom:20px !important;
}
}

.toptitle{
margin: 0 auto !important;
    margin-top: 60px !important;
    margin-bottom: 30px !important;
}

.


.cmn_tit01{
	width:1200px;
}

.syuroku{
	padding-top:30px;
	text-align:right;
}

.cmn_column03{
    padding-bottom: 30px;
}

.furoku_img{
	margin: 0px 100px 20px !important;
}




.zituroku{
	color:#fff;
	background-color:#c53d43;
	text-align:center;
	font-weight:bold;
	padding 30px;
	font-size:150%;
}

.yqq_mv{
	text-align:center;
	background-color:#a79686;
}

.cmn_tit01{
    display: block;
    font-weight: 700!important;
    border-top: none;
    font-size: 50px !important;
    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: #cb1212;
	font-family:YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif !important;
}

@media screen and (max-width: 767px) {
.cmn_tit01{
    font-weight: bold!important;
}
}

.title_small{
	font-size:40px!important;
}

.wrapper .cmn_tit01_underline:after {
    background: #cb1212;
}

@media screen and (max-width: 767px) {
.wrapper .cmn_tit01:after {
    background: #cb1212;
}
}

.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}

@media screen and (max-width: 767px) {
.parent {
display:block;
}
}



.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 2; }
.div4 { grid-area: 2 / 2 / 3 / 3; }


@media screen and (max-width: 767px) {
.div1{
	padding-bottom:10px;
}
.div2{
	padding-bottom:10px;
}
.div3{
	padding-bottom:10px;
}
}


.red{
	color:#cb1212 !important;
}


.wrapper .cmn_column02_02_list_tit:before {
    content: counter(count01);
    position: absolute;
    left: 13px;
    top: 50%;
    margin-top: -17px;
    background: url(https://mail-u-can-2.img.webcas.net/yqq/bg_number02.png) no-repeat center;
    background-size: contain;
    width: 34px;
    height: 34px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 32px;
}

.tyusyaku{
	padding-top:10px;
}

.heishi{
	padding:0 80px;
}

.wrapper .cmn_tit03 {
    border-left: 6px solid #0c2087;
	border-top: none;
	border-right: none;

}

@media screen and (max-width: 767px) {
.wrapper .cmn_tit03 {
padding:10px !important;
}
}

.wrapper .frame-bg-orange {
background: #44444445;
}

.subtitle{
color: #ffef33;
    background-color: #51063d;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 120%;
}

.padding-bottom10{
	padding-bottom:10px;
}

.tracklist2 li::before {
    position: relative;
    top: -2px;
    left: -6px;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: '';
    border-radius: 100%;
    background: #59227bc7;
}

.tracklist2 li {
    list-style: none;
}





.red{
	color:#cb1212;
}

.padding40{
	padding:0px 40px;
}

.padding30{
	padding:0px 30px;
}

.wrapper .goods_detail_voice_list li{
	border: 1px solid #bbb;
    border-radius: 7px;
    padding: 15px 15px 5px;
    margin-bottom: 15px;
    box-shadow: 0 0 4px #eee;

background-image: url(https://mail-u-can-2.img.webcas.net/yqq/back.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
	background-color:#fff;
	border-radius:7px;


}

.goods_detail_voice_list_txt{
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
font-size:120%;
}

.wrapper .goods_detail_voice_list_box {
    padding: 10px;
}

.year80{
	    border: solid 2px #0c2087;
    padding: 10px;
    background-color: #00000014;
}

.senchi{
	border-top: 3px solid #0c2087!important;
    border-bottom: 3px solid #0c2087!important;
	border-left:none!important;
    text-align: center;
    padding: 20px !important;
    font-family: YakuHanMPs, 'NotoserifJP', '&#65533;q&#65533;&#65533;&#65533;M&#65533;m&#65533;&#65533;&#65533;&#65533; ProN W3', 'Hiragino Mincho ProN', 'HG&#65533;&#65533;&#65533;&#65533;E', '&#65533;l&#65533;r &#65533;o&#65533;&#65533;&#65533;&#65533;', '&#65533;l&#65533;r &#65533;&#65533;&#65533;&#65533;', serif !important;
    font-size: 150%!important;
    color: #0c2087;

}

.small_title{
	font-size:160% !important;
}

.column{
	border-top:solid 1px;
	border-bottom:solid 1px;
	padding:20px 10px;
}

.heishi{
border: solid 3px #dfab16;padding: 25px;background-color: #f5e9c5;margin-top:40px;
}

.heishi2{
    background-color: #dfab16;
    margin: -25px -25px 0px;
    padding: 5px 0px;
    text-align: center;
    font-size: 120%;
    color: #fff;
	margin-bottom:25px;
}

@media screen and (max-width: 767px) {
.heishi2{
margin: -17px -25px 0px;
	margin-bottom:25px;
}
}





@media screen and (max-width: 767px) {
.wrapper .cmn_tit01 {
font-size:160% !important;
width:100%;
}

.title_small {
    font-size: 25px !important;
}


}


.wrapper .cmn_message.cmn_message_orange {
    border: 4px solid #cb1212;
}

.wrapper .cmn_message.cmn_message_orange .cmn_message_tit {
    color: #cb1212;
}


.order_btn a:hover {
    opacity: 0.6 !important;
}


    /* スライダー調整用CSS */
    @media (max-width: 767px) {
      .let_slider.loading {
        height: 0;
      }

      .let_slider.loading .order_btn {
        display: none;
      }
    }
/* --------------------------------------
slider
-------------------------------------- */
.let_slider .loading_icon:before {
	content: url(/icon_loader.gif);
	display: block;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 5vw;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 45vw auto;
}

.let_slider {
	position: relative;
	padding-top: 0;
	margin-bottom: 20px;
}
.let_slider.loading .goods_flexslider {
	opacity: 0;
}

.let_slider .flex-control-nav {
	display: none;
}

.let_slider .flex-direction-nav {
	position: absolute;
	display: flex;
	justify-content: center;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.let_slider .flex-direction-nav li {
	margin: 0 10vw 0;
	width: 35px;
	height: 35px;
	font-size: 0;
	display: flex;
	align-items: center;
}

.let_slider .flex-direction-nav li:last-child {
	right: 0;
}

.let_slider .flex-direction-nav a {
	text-decoration: none;
}

.let_slider .flex-direction-nav a:before {
	display: inline-block;
	font-size: 31px;
	opacity: 0.7 !important;
	color: #28a4ed;
}

.let_slider .flex-direction-nav a.flex-prev:before {
	font-family: 'Material Icons' !important;
	content: '\eaa7' !important;
}

.let_slider .flex-direction-nav a.flex-next:before {
	font-family: 'Material Icons' !important;
	content: '\eaaa' !important;
}

.let_slider .custom_nav_number {
	width: 60px;
	text-align: center;
	margin: 10px auto;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 30px;
	color: #fff;
	font-size: 0.9em;
	padding: 0.3em;
}

@media (max-width: 320px) {



	.let_slider .flex-direction-nav a {
		margin: 10px 25vw 0;
		top: 1vw;
	}

	.let_slider .deviceSP .flex-control-paging li a {
		width: 10px !important;
		height: 10px !important;
	}
}

.catalog{
	font-size:150%;
}

@media screen and (max-width: 767px) {
.catalog{
	font-size:120%;
}
}

.webpre{
font-size:16px;
}

@media screen and (max-width: 767px) {
.webpre{
font-size:12px;
}
}
