@charset 'utf-8';

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

.containerMainClm{
		width:94%;
		padding:0 3%;
}
.bnr_area p{
	font-size:13px;
	line-height: 20px;
	margin:0 0 10px 0;
	width: 100%;
}
.bnr_area p.tex_01{
	position: relative;
}
.bnr_area p.tex_c{
	text-align: center;
}
/* main
------------------------- */
.main_area{
	width:100%;
	height: auto;
	padding-bottom: calc(100%*1078/760);/* calc(100*ImageHeight/ImageWidth)% */
	padding-bottom:142%;
	background:url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/campaign/2017/pompompurin/img/pompompurin2017_main_sp.png) no-repeat 0 0;
  background-size: contain;
  display:block;
}
/* bnr
------------------------- */
.bnr_area{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}
.bnr_area span {
	width: 100%;
	height: auto;
	display: block;
}
.bnr_area .bnr01,.bnr_area .bnr04, .bnr_area .bnr05, .bnr_area .bnr06, .bnr_area .bnr07{
	width: 100%;
	height: auto;
	display: block;
}
.bnr_area .bnr02, .bnr_area .bnr03{
	width: 50%;
	height:auto;
	padding-bottom:13%;
	padding-bottom: calc(60%*111/500);
	display: block;
}
.bnr01 {
	background: url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/campaign/2017/pompompurin/img/pompompurin2017_tit_sp.png) no-repeat 0 0;
	background-size: contain;
	padding-bottom:124%;
	padding-bottom: calc(100%*55/760);/* calc(100*ImageHeight/ImageWidth)% */
}
.bnr02 {
	background: url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/campaign/2017/pompompurin/img/pompompurin2017_btn01_sp.png) no-repeat 0 0;
	background-size: contain;
	padding-bottom:64%;
	padding-bottom: calc(100%*0/360);/* calc(100*ImageHeight/ImageWidth)% */
}
.bnr03 {
	background: url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/campaign/2017/pompompurin/img/pompompurin2017_btn02_sp.png) no-repeat 0 0;
	background-size: contain;
	padding-bottom:64%;
	padding-bottom: calc(100%*0/360);/* calc(100*ImageHeight/ImageWidth)% */
}
.bnr04 {
	background: url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/campaign/2017/pompompurin/img/pompompurin2017_tit_goods_sp.png) no-repeat 0 0;
	background-size: contain;
	padding-bottom:64%;
	padding-bottom: calc(100%*1102/760);/* calc(100*ImageHeight/ImageWidth)% */
}
.bnr05 {
	background: url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/campaign/2017/pompompurin/img/pompompurin2017_cafe_sp.png) no-repeat 0 0;
	background-size: contain;
	padding-bottom:64%;
	padding-bottom: calc(100%*1484/760);/* calc(100*ImageHeight/ImageWidth)% */
}
.bnr06 {
	background: url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/campaign/2017/pompompurin/img/pompompurin2017_cafe_menu_sp.png) no-repeat 0 0;
	background-size: contain;
	padding-bottom:66%;
	padding-bottom: calc(100%*1175/760);/* calc(100*ImageHeight/ImageWidth)% */
}
.bnr07 {
	background: url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/campaign/2017/pompompurin/img/pompompurin2017_cafe_campaign_sp.png) no-repeat 0 0;
	background-size: contain;
	padding-bottom:66%;
	padding-bottom: calc(100%*1042/760);/* calc(100*ImageHeight/ImageWidth)% */
}
.bnr08 {
	background: url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/campaign/2017/pompompurin/img/pompompurin2017_cafe_sticker_sp.png) no-repeat 0 0;
	background-size: contain;
	padding-bottom:66%;
	padding-bottom: calc(100%*943/760);/* calc(100*ImageHeight/ImageWidth)% */
}
.bnr_area .bnr08{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.bnr_area .bnr09{
	height:auto;
}
.bnr09 {
	background: url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/campaign/2017/pompompurin/img/pompompurin2017_btn_more_sp.png) no-repeat 0 0;
	background-size: contain;
	padding-bottom:66%;
	padding-bottom: calc(100%*80/760);/* calc(100*ImageHeight/ImageWidth)% */
}

/* pr
------------------------- */
.pr_area{
	width:100%;
	margin:0 auto;		
}
.pr_line{
	width:100%;
	height: 100%;
	padding-bottom: calc(100%*53/735);/* calc(100*ImageHeight/ImageWidth)% */
	background:url(http://cdfront.tower.jp/~/media/Images/Tol/pc/site/rilakkuma/2017/rilakkuma2017_pr_sp.png) no-repeat top left;
	background-size:contain;
}
.pr_box{
	margin:0 auto;
	
	padding: 10px;
	background-color: #FFFFFF;
	color:#000000;
	display: block;
	border-radius: 20px;
}
.pr_box_inner{
	margin:5% auto 0 auto;
	width:100%;	
}
.pr_box_inner img{
	width:100%;
}
/* homebtn
------------------------- */
.homebtn{
	margin: 30px auto;
	width: 80%;
	text-align:center;
}
.homebtn a{
	padding: 10px;
	background-color: #d6000f;
	color:#FFFFFF;
	display: block;
	border-radius: 5px;
}
.goodsbtn{
	float: none;
	width: 90%;
	margin: 4px auto;
	text-align:center;
	position: relative;
	top: -14px;
}
.goodsbtn a{
	padding: 5px;
	background-color: #76332e;
	color:#FFFFFF;
	display: block;
	border-radius: 5px;
	text-decoration:none;
}
.mb_none{
	margin-bottom: 1%;
}
/* privacy
------------------------- */
.privacy p,.copyright p{
	font-size: 70%;	
	line-height: 100%;
}
/* pagetop
------------------------- */
.pagetop {
	position: fixed;
	bottom: -228px;
	right: -15px;
}
.pagetop img{
	width: 60%;
	height:auto;
}

/* goods
------------------------- */
.goods_area{
	left: 0px;
	width: 100%;
}
.goods_area .goods_box{
	width: 48%;
	float: left;
	margin: 0 1% 10px;
}
.goods_area .goods_img{

}
.goods_area .goods_img img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.goods_area .goods_txt{
	background-color: #cad5ba;
	width: 100%;
	height:auto;
	padding:0;
}
.goods_area .long{
	height: 98px;
}
.goods_area .long_1{
	height: 150px;
}
.goods_area .long_2{
	height: 228px;
}
.goods_area .long_3{
	height: 98px;
}
.goods_area .goods_txt p{
	font-size: 13px;
	line-height:20px;
	color: #000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding:18px 0;
    margin: 0;  
}
.goods_area .goods_txt p span{
	font-size: 10px;
	line-height: 16px;
	display: inline;
}
.goods_area .goods_txt img{
	width:14px;
	height:14px;
	position: relative;
	left: 5px;
	top: 2px;
}
}