@charset "utf-8";
/* CSS Document */

#talesofcafe  {
	background-image: url("../images/main_bg.jpg");
	background-repeat: repeat;
	font-family: 'Noto Serif JP', serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.7em;
}

#talesofcafe .main {
	text-align: center;
    width: 100%;
}
#talesofcafe .main img{ width:100%; }
#talesofcafe a{ color: #f15a24; text-decoration: underline; }



#talesofcafe .fixed{
    position: fixed;
    top: 55px;
	width: 100%;
	}


#talesofcafe .contentArea{ width:100%; margin: 0 auto; }

#talesofcafe .content{
	width:100%;
	padding: 20px;
	margin: 20px auto;
	background-image:url("../images/contents_bg_01.jpg"),url("../images/contents_bg_02.jpg"),url("../images/contents_bg_03.jpg");
	background-position: top,bottom,center;
	background-repeat: no-repeat,no-repeat,repeat;
	background-size: contain,contain,contain;
}
#talesofcafe .content div{ margin: 10px 0;}
#talesofcafe .content .title img{ text-align: center; }
#talesofcafe .content .attentionL{ color: #f15a24; }
#talesofcafe .content .attentionS{ font-size: 18px; }

#talesofcafe .content2{
	width:100%;
	padding: 20px;
	margin: 20px auto;
	background-image:url("../images/contents2_bg_01.jpg"),url("../images/contents2_bg_03.jpg"),url("../images/contents2_bg_02.jpg");
	background-position: top,bottom,center;
	background-repeat: no-repeat,no-repeat,repeat;
	background-size: contain,contain,contain;
}
#talesofcafe .content2 div{ margin: 10px 0;}
#talesofcafe .content2 .title{ text-align: center; padding-top: 10px; }
#talesofcafe .content2 .attentionL{ color: #f15a24; }
#talesofcafe .content2 .attentionS{ font-size: 14px; }

#talesofcafe #content01 { text-align: center; font-size: 18px; }
#talesofcafe #content01 span{ color: #ebb33c; }
#talesofcafe #content01 .code{
	text-align: center; 
	padding: 20px; 
	color: #ebb33c; 
	background-color: #672c36; 
	width: 80%; 
	margin: 30px auto 10px auto; 
}

#talesofcafe #content02 { font-size: 16px; }
#talesofcafe #content02 span{ color: #ebb33c; }
#talesofcafe #content02 .title{ text-align: center; }
#talesofcafe #content02 .attentionS{ font-size: 12px; }
#talesofcafe #content02 .code{
	text-align: center; 
	padding: 20px; 
	color: #ebb33c; 
	background-color: #672c36; 
	width: 80%; 
	margin: 10px auto; 
}

#talesofcafe #content03 { font-size: 16px; padding: 20px; }
#talesofcafe #content03 span{ color: #ebb33c; }
#talesofcafe #content03 span.attentionL{ color: #f15a24; }
#talesofcafe #content03 .sec03 .attention{ font-size: 12px; line-height: 1.4em; }

#talesofcafe #content03 .sec01 .attention{ font-size: 14px; color: #f15a24; line-height: 1.4em; }
#talesofcafe #content03 .sec02 ul { width: 100%; text-align: center; }
#talesofcafe #content03 .sec04 .attention{ color: #f15a24; font-size: 14px; }
#talesofcafe #content03 .title{text-align: center;}
#talesofcafe #content03_2 { text-align: center; }

#talesofcafe #premiumInvitation .premiumInvitation{ margin: 0 auto; padding-bottom: 20px; border-bottom: 1px solid #471A17; }
 
#talesofcafe #content04 { font-size: 18px; }
#talesofcafe #content04 .title{ text-align: center; }
#talesofcafe #content04 ul{ display: flex; flex-wrap: wrap; justify-content: center; }
#talesofcafe #content04 ul li{ width: 100%; padding: 20px; margin: 10px; background-color: #672c36; }
#talesofcafe #content04 ul li dt img{ width: 100%; }
#talesofcafe #content04 ul li dd{ margin: 15px 0; }
#talesofcafe #content04 ul li dd.titleS{ font-size: 20px; }
#talesofcafe #content04 ul li dd.titleS span{ font-size: 12px; color: #FFFFFF; }
#talesofcafe #content04 ul li dd.price{ font-size: 20px; }
#talesofcafe #content04 ul li dd.txt{ font-size: 12px; }
#talesofcafe #content04 ul li a{ display: block; text-align: center; padding: 20px; color: #FFFFFF; text-decoration: none; background-color: #3c0000; transition:all 1s; }
#talesofcafe #content04 ul li a:hover{ color:#3C0000; background-color:#FFFFFF; transition:all 1s; }
#talesofcafe #content04 span{ color: #ebb33c; }

#talesofcafe #content05 .title{ text-align: center; }

#talesofcafe #content06{
	width:100%;
	padding: 20px;
	margin: 20px auto;
	background-color:#2A0001;
	background-image: url("../images/vr_bgimg.png");
	background-repeat: no-repeat;
	background-position: 95% 15%;
}
#talesofcafe #content06 div{ margin: 10px 0;}
#talesofcafe #content06 .title{ text-align: left; margin-bottom: 20px; }
#talesofcafe #content06 .list{ border-left: 5px #FFFFFF solid; padding: 0 10px; margin: 20px 0 10px 0;}
#talesofcafe #content06 .attentionL{ color: #f15a24; }

#talesofcafe #content07{
	width:100%;
	padding: 20px;
	margin: 20px auto;
	background-color:#2A0001;
	background-image: url("../images/coupon_bgimg.png");
	background-repeat: no-repeat;
	background-position: 95% 6%;
}
#talesofcafe #content07 div{ margin: 10px 0;}
#talesofcafe #content07 .title{ text-align: left; margin-bottom: 20px; }
#talesofcafe #content07 .list{ border-left: 5px #FFFFFF solid; padding: 0 10px; margin: 20px 0 10px 0;}
#talesofcafe #content07 .attentionL{ color: #f15a24; }

#talesofcafe #content08{
	width:100%;
	padding: 20px;
	margin: 20px auto;
	background-color:#2A0001;
	background-image: url("../images/omiyage_bgimg.png");
	background-repeat: no-repeat;
	background-position: 95% 10%;
}
#talesofcafe #content08 div{ margin: 10px 0;}
#talesofcafe #content08 .title{ text-align: left; margin-bottom: 20px; }
#talesofcafe #content08 .list{ border-left: 5px #FFFFFF solid; padding: 0 10px; margin: 20px 0 10px 0;}
#talesofcafe #content08 .attentionL{ color: #f15a24; }



#talesofcafe #content09{
	width:100%;
	padding: 20px;
	margin: 20px auto;
	background-color:#2A0001;
}
#talesofcafe #content09 div{ margin: 10px 0;}
#talesofcafe #content09 .title{ text-align: left; margin-bottom: 20px; }
#talesofcafe #content09 .list{ border-left: 5px #FFFFFF solid; padding: 0 10px; margin: 20px 0 10px 0;}
#talesofcafe #content09 .attentionL{ color: #f15a24; }


#talesofcafe .toplink_btn{ text-align: center; }

#talesofcafe .copy{ font-size: 12px; text-align: center; padding: 40px 0 110px 0; }

#talesofcafe .padding_b{ padding-bottom: 25px; }

#talesofcafe .tc{ text-align: center; }
#talesofcafe .mt10{ margin-top: 10px !important ; }
#talesofcafe .mt20{ margin-top: 20px !important ; }
#talesofcafe .mt30{ margin-top: 30px !important ; }
#talesofcafe .mt40{ margin-top: 40px !important ; }
#talesofcafe .mt50{ margin-top: 50px !important ; }
#talesofcafe .pt10{ padding-top: 10px !important ; }
#talesofcafe .pt20{ padding-top: 20px !important ; }
#talesofcafe .pt30{ padding-top: 30px !important ; }
#talesofcafe .pt40{ padding-top: 40px !important ; }
#talesofcafe .pt50{ padding-top: 50px !important ; }
#talesofcafe .mb10{ margin-bottom: 10px !important ; }
#talesofcafe .mb20{ margin-bottom: 20px !important ; }
#talesofcafe .mb30{ margin-bottom: 30px !important ; }
#talesofcafe .mb40{ margin-bottom: 40px !important ; }
#talesofcafe .mb50{ margin-bottom: 50px !important ; }
#talesofcafe .pb10{ padding-bottom: 10px !important ; }
#talesofcafe .pb20{ padding-bottom: 20px !important ; }
#talesofcafe .pb30{ padding-bottom: 30px !important ; }
#talesofcafe .pb40{ padding-bottom: 40px !important ; }
#talesofcafe .pb50{ padding-bottom: 50px !important ; }
#talesofcafe .fs14{ font-size: 14px; }