
/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/


.price{
	font-family: 'Ropa Sans', sans-serif;
	font-weight : 700 ;
}



.fv_section{
	width : 100%;
	height : 770px;
	padding: 40px 0px 7px;
}

.fv_mainstage{
	width : 100% ;
	max-width : 1140px ;
	margin : 0px auto ;
	height : 720px ;
}

.fv_overlay{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 0% ;
	height : 100% ;
	background-color: #FCFCBE ;
	z-index : 1 ;
}
.fv_back{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index : 2 ;
	opacity : 0.01 ;
}
.fv_logo{
	width : 280px ;
	height : 50px ;
	margin : 0px auto ;
	z-index : 4 ;
}

.fv_main_chara{
	width : 424px ;
	height : 250px ;
	margin : 20px auto 0px;
	z-index : 4 ;
}
.fv_catch01{
	width : 500px ;
	height : 200px ;
	margin : 0px auto ;	
	z-index : 4 ;
}
.fv_catch02{
	width : 500px ;
	height : 100px ;
	margin : 0px auto ;	
	z-index : 4 ;
}

.fv_main_chara_img,
.fv_catch01_img,
.fv_catch02_img,
.fv_logo_img{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 100% ;
	transform : translate( -50%, -50%);
	opacity : 0.01 ;
}










.footer{
	width : 100% ;
	padding : 70px 40px 24px ;
	background-color: #FFFFFF ;
}

.footer_logo{
	width : 280px ;
	height : 50px ;
	margin : 0px auto ;
}
.footer_copyright{
	font-size : 16px ;
	text-align : center ;
	margin-top : 40px ;
}












.content_section{
	width : 100% ;
	padding : 100px 0px 76px ;
	background-color: #FAFCA8 ;
}


.content_flex{
	width : 100% ;
	max-width : 1060px ;
	padding  : 0px 40px ;
	margin : 0px auto ;
}
.content_charabox{
	width : 100%;
	height: 153px;
	z-index : 1;
}
.content_charabox p{
    text-align: center;
}
.content_charabox p {
    text-align: center;
    font-weight: 700;
}
.content_charabox p span{
    color: #ed1c29;
    font-size: 16px;
}
.content_charabox.follow{
	margin-top : 140px ;
	height : 1px ;
}

.contetn_chara_img{
	position: absolute;
	bottom: 102px;
	right : -100%;
	width :290px;
	z-index : 6;
}
.content_charabox.follow .contetn_chara_img{
	bottom : -20px ;
}

.topics {
	background-color: #FAFCA8;
	border: 2px solid #ed1c29;
	border-radius: 15px;
	max-width: 960px;
	width: 85%;
	margin: 50px auto;
	text-align: center;
	padding: 0 0 35px;
}
.topics img {
	margin: 20px auto;
}
.topics .red {
	color: #ed1c29;
}
.topics__ttl {
	background-color: #ed1c29;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-size: 25px;
	padding: 7px;
}
.topics__lead {
	color: #ed1c29;
	display: inline-block;
	font: 800 24px 'Noto Sans JP', sans-serif;
	letter-spacing: 2px;
	margin: 10px auto;
	padding: 0 20px;
	position: relative;
}
.topics__lead::before {
	content: url(../images/shape-slash.png);
	position: absolute;
	top: 5px;
	left: -3px;
}
.topics__lead::after {
	content: url(../images/shape-slash2.png);
	position: absolute;
	top: 5px;
}

.topics__body {
	padding: 15px;
}
.topics__txt {
	font: 800 17px 'Noto Sans JP', sans-serif;
	letter-spacing: 2px;
}

.large21 {
	font-size: 21px;
}
.large22 {
	font-size: 22px;
}
.topics__img--pc {
	display: none;
}
@media screen and (min-width: 1060px) {
	.topics {
		max-width: 660px;
	}
	.topics__img--pc {
		display: inline-block;
	}
	.topics__body {
		display: inline-block;
		vertical-align: top;
		margin-top: 50px;
		width: 55%;
	}
	.topics__body img {
		display: none;
	}
	.topics__txt br {
		display: none;
	}
}
.shop_itembox{
	width : 49.9% ;
	max-width : 480px ;
	padding : 24px ;
	background-color: #FBFBD8 ;
	margin-bottom : 60px ;
}
.shop_groupbox{
	width : 100% ;
	max-width : 960px ;
	padding : 24px 12px;
	background-color: #FBFBD8 ;
	margin-bottom : 60px ;
}
.shop_groupbox.extra-margin {
	margin-bottom: 120px;
}
.shop_itembox_l{
	width : 100% ;
	max-width : 960px ;
	padding : 24px ;
	background-color: #FBFBD8 ;
	margin-bottom : 46px ;
}

.shop_item_imagebox{
	width : 100% ;
	height : 200px ;
}

.shop_item_imagewrap{
	position: absolute ;
	top : -60px ;
	left : 50% ;
	width : 120% ;
	max-width : 500px ;
	height : 100% ;
	transform : translate( -50% , 0% );
}

.shop_item_image{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : 100% ;
}

.shop_itembox_l .shop_item_imagebox{
	position: absolute ;
	width : 50% ;
	height : 200px ;
	top : 50% ;
	left : 0% ;
	transform : translate( 0% , -50% ) ;
}
.pietro.shop_itembox_l .shop_item_imagebox{
	width : 100% ;
	top : 30% ;
	left : 0% ;
	transform : translate( 0% , -50% ) ;
}
.pietro_wrap{
	float : left ;
	width : 50% ;
	padding-top : 240px ;
	padding-left : 60px ;
}
.shop_itembox_l .shop_item_imagewrap{
	top : 0px ;
}
.shop_itembox_l_right{
	float : right ;
	width : 45% ;
}

.shop_item_name_bar{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 8px ;
	height : 100% ;
	border-radius: 4px ;
	background-color: #00AC3E ;
}

.shop_item_name{
	float : left ;
	width : auto ;
	padding-left : 20px ;
	font-size : 28px ;
	font-weight : 700 ;
	line-height : 40px ;
}
.shop_item_price{
	float : right;
	width : auto;
	padding-right : 30px;
	font-size : 52px;
	font-weight : 700;
	line-height : 40px;
	color : #ED1828;
}
.price_kara{
	padding-right : 48px;
}
.sukiya .shop_item_price{
	padding-top : 15px ;
}
.lotteria .shop_item_price{
	padding-top : 20px ;
}
.pietro .shop_item_price{
	padding-right : 50px ;
}

.shop_item_yen{
	position: absolute ;
	bottom : 0% ;
	right : 0px ;
	width : 32px ;
}
.kara_yen{
	width : 48px ;
}
.shop_item_yenkara{
	position: absolute ;
	bottom : 0% ;
	right : 0px ;
	width : 50px ;
}
.shop_item_name_s{
	float : left ;
	width : auto ;
	padding-left : 14px ;
	font-size : 16px ;
	font-weight : 700 ;
	line-height : 30px ;
}
.shop_item_price_s{
	float : right ;
	width : auto ;
	padding-right : 30px ;
	font-size : 32px ;
	font-weight : 700 ;
	line-height : 24px ;
	color : #ED1828 ;
}
.shop_item_yen_s{
	position: absolute ;
	bottom : 0% ;
	right : 0px ;
	width : 32px ;
}

.shop_item_story{
	font-size : 15px ;
	font-weight : 700 ;
	margin-top : 16px ;
}
.shop_item_story.s_detail{
	color: #ED1828;
	font-size: 14px;
	line-height: 1.4;
	padding-left:1em;
    text-indent:-1em;
	margin-top: 0px;
}

.shop_infobox{
	width : 100% ;
	padding : 24px ;
	background-color: #FFFFFF ;
	margin : 16px auto 0px ;
}

.shop_group_item .shop_infobox{
	position: absolute ;
	bottom : 0px ;
	left : 0px ;
	padding : 10px ;
}

.shop_info_logo{
	float : left ;
	width : 100px ;
	height : 100px ;
	border : 1px solid #999999 ;
}
.shop_group_item .shop_info_logo{
	width : 80px ;
	height : 80px ;
}
.shop_group_item__txt {
	background-color: #fff;
	padding: 15px 5px;
}
.shop_group_item.wide {
    flex: 0 1 64%;
    max-width: 614px;
    padding: 25px 0 0 13px;
    margin-bottom: 0;
    height: 25%;
    max-height: 156px;
    align-self: flex-end;
    letter-spacing: 0;
}
.shop_group_item__txt p {
	color: #ed1828;
	font: 800 14px 'Noto Sans', sans-serif;
	position: relative;
	padding-left: 10px;
}
.shop_group_item__txt p:before {
	content: '※';
	position: absolute;
	left: -8px;
}

.shop_group_item__txt p:nth-child(n - 3) {
	margin-bottom: 8px;
}

.shop_info_logo img{
	width : 100% ;
	height : 100% ;
	object-fit: contain ;
}

.shop_info_detail{
	float : left ;
	width : calc( 100% - 110px );
	margin-left : 10px ;
}
.shop_group_item .shop_info_detail{
	width : calc( 100% - 90px );
}


.shop_info_num{
	width : 80px ;
	height : 20px ;
	line-height : 20px ;
	text-align : center ;
	border-radius: 10px ;
	font-size : 12px ;
	font-weight : 700 ;
	background-color: #FFBE23 ;
}

.shop_info_name{
	font-size : 20px ;
	font-weight : 700 ;
    line-height: 1.4;
}

.shop_info_nameruby{
	font-size : 12px ;
	font-weight : 700 ;
}

.shop_info_tel{
	font-size : 16px ;
	font-weight : 700 ;
}


.shop_linkbox{
	width : 100% ;
	height : 44px ;
	line-height : 44px ;
	text-align : center ;
	font-size : 18px ;
	font-weight: 700 ;
	color : #FFFFFF ;
	background-color: #ED1828 ;
	margin : 12px auto 0px ;
	border-radius: 6px ;
}

.shop_link_arrow{
	position: absolute ;
	top : 50% ;
	right : 60px ;
	width : 18px ;
	transform : translate( 0% , -50% ) ;
}
.shop_group_item .shop_link_arrow{
	right : 20px ;
}


.shop_deliiconbox{
	width : 100% ;
	margin : 10px auto 0px ;
}

.shop_deliicon_l{
	width : 49% ;
	height : 42px ;
	border : 1px solid #999999 ;
	border-radius: 4px ;
	background-color: #FFFFFF;
}
.shop_deliicon_s{
	width : 32% ;
	height : 42px ;
	border : 1px solid #999999 ;
	border-radius: 4px ;
	background-color: #FFFFFF; 
}
.shop_deliicon_l a img:hover,
.shop_deliicon_s a img:hover{
    opacity: 0.5;
}
.shop_deliicon_s img,
.shop_deliicon_l img{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 100% ;
	max-width : 130px ;
	transform: translate(-50%,-50%);
}


.shop_group_item{
	width : 30% ;
	max-width : 320px ;
	margin-bottom : 60px ;
}
.shop_group_item.imokaren{
	width : 100% ;
	height : 200px ;
}
.shop_group_item_image{
	width : 100% ;
	height : 300px ;
	margin-top : -60px ;
	z-index : 4 ;
}

.last .shop_item_story {
	margin-top: 300px;
}



.sp_big {
	width: 320px;
}
.sp_big img {
	padding-right: 50px;
}
.shop_group_item_image_img{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 100% ;
	transform : translate( -50% , -50% );
}
.shop_group_item .shop_item_name{
	font-size : 20px ;
	margin-bottom : 10px ;
	line-height: 1.4
}

.shop_item_price.follow{
	margin-right : 10px ;
}

.shop_item_name.nekobu{
	margin-bottom : 20px ;
}

.shop_item_price_sup{
	position: absolute ;
	bottom : 28px ;
	left : 0% ;
	font-size : 14px ;
	font-weight : 700 ;
	color : #000000 ;
}

.shop_group_item.mitsuimo{
	padding-top : 146px ;
}





.group_shop{
	margin-bottom : 0px ;
}
























@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1060px) {







.price{
}



.fv_section{
}

.fv_mainstage{
}

.fv_overlay{
}
.fv_back{
	margin-top : 10% ;
	height : 60% ;
}
.fv_logo{
}

.fv_main_chara{
}
.fv_catch01{
}
.fv_catch02{
}

.fv_main_chara_img,
.fv_catch01_img,
.fv_catch02_img,
.fv_logo_img{
}


.shop_item_story.s_detail{
	font-size: 22px;
}

.footer{
}

.footer_logo{
	width : 280px ;
	height : 50px ;
	margin : 0px auto ;
}
.footer_copyright{
	font-size : 16px ;
	text-align : center ;
	margin-top : 40px ;
}












.content_section{
}


.content_flex{
	max-width : 720px ;
}
.content_charabox{
	margin-bottom: 139px;
}
.content_charabox_2{
	margin-bottom: 30px;
}
.content_charabox.follow{
}
.content_charabox p {
    font-size: 22px;
    font-weight: 700;
    margin-top: 80px;
}
.content_charabox p span{
    font-size: 26px;
}
.contetn_chara_img{
	width :400px;
	bottom: 60px;
}
.content_charabox.follow .contetn_chara_img{
}


.shop_itembox{
	width : 100%;
	max-width : 640px;
	padding: 24px;
	margin-bottom : 100px;
}
.shop_groupbox{
	margin-bottom : 60px ;
}

.shop_itembox_l{
	width : 100% ;
	max-width : 640px ;
	margin-bottom : 100px ;
}

.shop_item_imagebox{
	height : 280px;
	margin-bottom: 20px;
}

.shop_item_imagewrap{
	max-width : 640px ;
}

.shop_item_image{
}

.shop_itembox_l .shop_item_imagebox{
	position: relative ;
	width : 100% ;
	height : 300px ;
	top : auto ;
	left : auto ;
	transform : translate( 0% , 0% ) ;
}
.pietro.shop_itembox_l .shop_item_imagebox{
	position: relative ;
	width : 100% ;
	top : auto ;
	left : auto ;
	transform : translate( 0% , 0% ) ;
}
.pietro_wrap{
	float : none ;
	width : 100% ;
	padding-top : 0px ;
	padding-left : 0px ;
}
.shop_itembox_l .shop_item_imagewrap{
	top : 0px ;
}
.shop_itembox_l_right{
	float : none ;
	width : 100% ;
}

.shop_item_name_bar{
}

.shop_item_name{
	float : none ;
	width : 100% ;
	font-size : 36px ;
}
.shop_item_price{
	margin-top : 20px ;
	padding-right : 52px ;
	font-size : 80px ;
	line-height : 80px ;
}

.sukiya .shop_item_price{
	padding-top : 15px ;
}
.lotteria .shop_item_price{
	padding-top : 20px ;
}
.pietro .shop_item_price{
	padding-right : 80px ;
}
.price_kara {
	padding-right: 80px;
}
.shop_item_yen{
	margin-bottom: 10px ;
	width : 52px ;
}
.kara_yen{
	width : 80px ;
}
.shop_item_yenkara{
	width : 80px ;
	margin-bottom : 10px ;
}
.shop_item_name_s{
	width : 100% ;
	float : none ;
	font-size : 30px ;
	line-height: 36px ;
	padding-left : 20px ;
}
.shop_item_price_s{
	float : none ;
	width : 100% ;
	text-align : right ;
	padding-right : 50px ;
	font-size : 70px ;
	line-height: 80px ;
	margin-bottom : 20px ;
}
.shop_item_yen_s{
	width : 52px ;
	bottom : 14px ;
}

.shop_item_story{
	font-size : 24px;
	margin-top: 10px;
}


.shop_infobox{
	margin : 32px auto 0px ;
}

.shop_group_item .shop_infobox{
	position: relative  ;
	bottom : auto ;
	left : auto ;
	padding : 24px ;
}


.shop_info_logo{
	float : left ;
	width : 160px ;
	height : 160px ;
	border : 2px solid #999999 ;
}
.shop_group_item .shop_info_logo{
	width : 160px ;
	height : 160px ;
}


.shop_info_logo img{
}

.shop_info_detail{
	width : calc( 100% - 170px );
}
.shop_group_item .shop_info_detail{
	width : calc( 100% - 170px );
}


.shop_info_num{
	width : 160px ;
	height : 40px ;
	line-height : 40px ;
	border-radius: 20px ;
	font-size : 18px ;
}

.shop_info_name{
	font-size : 32px ;
}

.shop_info_nameruby{
	font-size : 18px ;
}

.shop_info_tel{
	font-size : 24px ;
}


.shop_linkbox{
	height : 80px ;
	line-height : 80px ;
	font-size : 24px ;
	margin : 24px auto 0px ;
	border-radius: 12px ;
}

.shop_link_arrow{
	width : 24px ;
}
.shop_group_item .shop_link_arrow{
	right : 60px ;
}


.shop_deliiconbox{
	width : 100% ;
}

.shop_deliicon_l{
	width : 100% ;
	height : auto ;
	border : 2px solid #999999 ;
	margin-bottom : 10px ;
}
.shop_deliicon_s{
	width : 100% ;
	height : auto ;
	border : 2px solid #999999 ;
	margin-bottom : 10px ;
}
.shop_deliicon_s img,
.shop_deliicon_l img{
	position: relative ;
	top : auto ;
	left : auto ;
	width : 100% ;
	max-width : 200px ;
	transform: translate(0%,0%);
	margin : 0px auto ;
}


.shop_group_item{
	width : 100%;
	max-width : 640px;
	margin-bottom: 160px;
}
.shop_group_item.wide {
	flex: 1 0 100%;
	max-height: none;
    height: auto;
}
.shop_group_item.imokaren{
	width : 100% ;
	height : auto ;
}
.shop_group_item_image{
	width : 480px;
	height : 480px;
	margin-top : -60px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom: 30px;
}
.sp_big {
	width: 640px;
}
.sp_big img {
	padding-right: 120px;
}

.shop_group_item_image_img{
}
.shop_group_item .shop_item_name{
	font-size : 36px ;
}

.shop_item_price.follow{
}

.shop_item_name.nekobu{
	margin-bottom : 20px ;
}

.shop_item_price_sup{
	bottom : 40px ;
	font-size : 24px ;
	font-weight : 700 ;
}
.shop_item_price_sup span{
    font-size: 18px;
}
.shop_group_item.mitsuimo{
	padding-top : 0px ;
}


.shop_group_item.last,
.group_shop{
	margin-bottom : 0px ;
}











}