@charset "UTF-8";
/*
File name:top.css

Table of Contents:
[1] base
[2] topics
[3] pick up
[4] pv
[5] entry
*/

/*========================================
[1] base
========================================*/
.kv {
	min-height: 340px;
	overflow: hidden;
	
}
.kv_inn {
    width: 100%;
    height: 470px;
    display: block;
    margin: 90px auto 0;
}
header .kv_inn a	{
	display:block;
	width:156px;
	height:156px;
	background:url(/images/top/btn_about.png) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	right:35px;
	bottom:0;
}
header .kv_inn a:hover	{
	background:url(/images/top/btn_about_on.png) no-repeat 0 0;
}

.top .gnavi ul li.g_top a	{
	background:url(/images/common/gnavi.png) no-repeat 0 -90px;
}
.pattern {
  width: 100%;
  height:500px;
  background: url(/images/top/bgggg.png);
  position:relative;
  left: 0;
  z-index: 1;
}
.top_logo{
	text-align:center;
	padding-top: 40px;
	}
#wrap {
    overflow: hidden;
    width: 100%;
}

/*========================================
[2] topics
========================================*/
.newscontents {
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.73);
    width: 1000px;
    padding: 30px 0 20px;
    margin: 0 auto;
}
.newscontents .ticker {
    width: 920px;
    margin: 0 auto;
    padding: 20px 0;
    border: solid;
    border-width: 1px 0;
}
.newscontents .ticker ul li	{
	display:block;
}
.newscontents ul li a {
    display: block;
    width: 800px;
    padding: 10px 20px;
}
.newscontents time {
    width: 90px;
    font-weight: 700;
    color: black;
    margin-right: 5px;
}

.newscontents a:hover p	{
	text-decoration:underline;
}

.newscontents a.more	{
	float:right;
	display:block;
	width:100px;
	background:#EFEFEF;
	color:#3f312b;
	text-align:center;
	border-left:1px solid #fff;
}
.pickupArea.gray p{
    width: 205px;
    margin-top:5px;
    padding: 3px 0;
    font-size: 13px;
}
.pickupArea.gray img {
    margin: 5px 10px 5px 5px;
    float: left;
	vertical-align:middle;
}
/*========================================
[3] pick up
========================================*/
.contents > section.pickupArea	{
	padding-top:1px;
}
.contents > section.pickupArea h2	{
	margin-bottom:10px;
}
.pickupArea ul	{
	overflow:hidden;
}
.pickupArea ul li	{
	float:left;
	display:block;
	background:#fff;
	width:236px;
	margin-left:10px;
	line-height:1.4;
	box-shadow:1px 1px rgba(63,49,43,0.2);
}
.pickupArea ul li a	{
	display:block;
	padding:10px 10px 10px 0px;
	color:#3f312b;
	text-decoration:none;
	height:70px;
	
}
.pickupArea ul.arrowS li a:after	{	
	right: 5px;
}
.pickupArea ul li.no_list	{
	display:block;
	background:#fff url(/sweetsshop/images/common/bg_item.png) 150px bottom no-repeat;
	background-size:70px 61px;
	height:62px;
	padding:0;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
section.pickupArea.gray img {
    padding: 0px;
    margin: 5px;
}

/*========================================
[4] pv
========================================*/


/*========================================
[5] entry
========================================*/
.entryArea {
    padding:30px 0 40px;
    background: #fffbf7;
}
.entryArea ul.entry_list	{
	overflow:hidden;
}
.entryArea ul.entry_list li	{
	display:block;
	float:left;
	width:230px;
	margin-left:30px;
	margin-bottom:30px;
}
.entryArea ul.entry_list li.ml00	{
	margin-left:0;
}
.entryArea ul.entry_list li a	{
	display:block;
	background:#ffd0ea;
	height:240px;
	padding:10px;
	color:#3f312b;
	text-decoration:none;
	border-radius: 3px;
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
}

.entryArea ul.entry_list li a:before	{
	content: "MORE";
	font-size:12px;
	width: 50px;
	background:url(/images/common/arrow_s.png) no-repeat right 3px;
	position: absolute;
	right: 10px;
	bottom:10px;
}
.entryArea ul.entry_list li img	{
	margin-bottom:9px;
}
.entryArea ul.entry_list li strong	{
	font-size:20px;
	font-weight:normal;
}
.entryArea ul.entry_list li p	{
	margin-top:3px;
	font-size:12px;
}

.entryArea ul.entry_list li.race a	{
	background:url(/images/common/bg_pink.png) repeat;
	background-size:64px 64px;
	padding:9px;
	border: 1px solid #ffa3d8;
}
.entryArea ul.entry_list li.race strong	{
	font-size:24px;
	line-height:1.4;
}

/* エントリーステータス */
.entryArea ul.entry_list > li span	{
	display:block;
	margin-bottom:9px;
	padding:5px 8px;
	background:#bbb;
	color:#fff;
	font-size:12px;
	text-align:center;
	line-height:1;
	border:1px solid #bbb;
}
.entryArea ul.entry_list > li span.status_entry	{
	background:#ff7700;
	color:#fff;
	border:1px solid #ff7700;
}
.entryArea ul.entry_list > li span.status_close	{
	background:#fff;
	color:#ff7700;
	border:1px solid #ff7700;
}
.entryArea ul.entry_list > li span.status_reportUp	{
	background:#e4007e;
	color:#fff;
	border:1px solid #e4007e;
}

/*========================================
[5] 16_17entry
========================================*/
.entryArea ul.entry_list16_17 {
    overflow: hidden;
    padding-top: 20px;
}
.entryArea ul.entry_list16_17 li	{
	display:block;
	position: relative;
	float:left;
	width:230px;
    text-align: center;	
	margin-left:18px;
	margin-bottom:18px;
}
.entryArea ul.entry_list16_17 li a	{
	display:block;
	background:#ffffff;
	box-shadow:0px 0px 5px 1px #e3e3e3;
	-moz-box-shadow:0px 0px 5px 1px #e3e3e3;
	height:170px;
	padding:15px;
	color:#918379;
	text-decoration:none;
}
.entryArea ul.entry_list16_17 li a:before	{
	/*content: "MORE";*/
	font-size:12px;
	width: 50px;
	/*background:url(/images/common/arrow_s.png) no-repeat right 3px;*/
	position: absolute;
	right: 10px;
	bottom:10px;
}

.entryArea ul.entry_list16_17 li a.still {
    background: #dedede;
	color: #b3b3b3;
    pointer-events: none;
    box-shadow: none;
}
.entryArea ul.entry_list16_17 li a.still strong {
    display: block;
    font-size: 29px;
}
}
.entryArea ul.entry_list16_17 li img	{
	margin-bottom:5px;
}
.entryArea ul.entry_list16_17 li strong	{
	font-size:20px;
	font-weight:normal;
	font-weight:bold;
}
.entryArea .pickup:before {
    content: "";
    position: absolute;
    top: -4px;
    right: -12px;
    z-index: 2;
    width: 63px;
    height: 63px;
    background: url(/images/top/pickup.png) no-repeat;
    background-size: 90%;
}
.still .day {
    color: #b3b3b3;
    margin: 0;
}
.day {
	display: block;
    font-size: 20px;
    font-weight: 700;
    color: #aaeae3;
    margin-top: 10px;
}

.entryArea ul.entry_list16_17 li.close a	{
	background:url(/images/common/bg_bk.png) repeat;
	padding:9px;
	pointer-events: none;
}
.entryArea ul.entry_list16_17 li.race strong	{
	font-size:26px;
	line-height:1.4;
}

/* エントリーステータス */
.entryArea ul.entry_list16_17 > li span {
    display: block;
	position: relative;
    margin-bottom: 9px;
    font-size: 12px;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    border-radius: 3px;
    padding: 12px 0 10px;
    margin: 15px auto 10px;
}
li span.status_entry	{
    color: #ff9e06;
	border: 1px solid #ff9e06;
}
.entry_list16_17 li span:after {
    content: ">";
    background-size: 7px;
    position: absolute;
    top: 42%;
    right: 8px;
    margin-top: -5px;
}

.entry_list16_17 li span.notice:after {
    content: none;
}

li span.status_close	{
	color:#919191;
	border: 1px solid #919191;
}
li span.status_reportUp	{
	color:#ff83b5;
	border: 1px solid #ff83b5;
}
.entryArea a:hover > span.status_entry {
	background: #ff9e06;
	color: #ffffff;
	-webkit-transition: all .5s;
    transition: all .5s;	
	
}
.entryArea a:hover > span.status_close {
	background: #919191;
	color: #ffffff;
	-webkit-transition: all .5s;
    transition: all .5s;	
}
.entryArea a:hover > span.status_reportUp {
	background: #ff83b5;
	color: #ffffff;
	-webkit-transition: all .5s;
    transition: all .5s;	
}
.entryArea p {
	text-align: center;
	font-weight: 800;
	margin-top: 20px;
}

.ticker_top {
    background: #E4007E;
}
.ticker_top{
	position: relative;
    padding-top:10px;
	font-weight: bold;
	color: #ffffff;
    background-color:#991427;
}
.ticker_top .tickercontainer {
	width: 980px;
}
.ticker_top .tickercontainer .mask {
	position: relative;
	left: 0;
	top: 0;
	width: 980px;
	overflow: hidden;
}
.ticker_top ul.newsticker {
	display: block;
	position: relative;
	left: 980px;
}
.ticker_top ul.newsticker li {
	float: left;
}

a.plan {
    pointer-events: none;
}

/*========================================
[:] countdown
========================================*/
#countdownbox .end {
    font-size: 20px;
    margin: 15px;
    position: relative;
    top: 7px;
	right: 60px;
}

/*========================================
[※] jss問題
========================================*/
.jss {
    padding: 5px 5px 0;
    border: 1px solid;
    margin: 10px 10px 20px;
}

.red {
    text-align: center;
    font-size: 13px;
}
.jss_text_top {
    margin: 5px 10px;
}
.center {
	text-align:center;
	
	}
/*========================================
エントリー上バナー
========================================*/	
	
.bnr_entry img {
    margin-bottom: 10px;
}
.new_season img {
	margin-bottom: 50px;

}

/*=========================================================================================
=========================================================================================*/

header h1 {
    padding: 10px 0;
    text-align: left;
}
.h1_area {
    width: 1000px;
    margin: 0 auto;
}
.navi {
    float: right;
    padding-top: 15px;
    width: 70%;
}
.navi li {
    float: left;
    width: 140px;
    font-size: 18px;
    text-align: center;
    padding: 15px 0 0;
}
.navi a {
    text-decoration: none;
    display: block;
    padding-bottom: 14px;
	margin: 0 10px;
}

.navi a:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 0;
    height: 4px;
    background-color: #706259;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.navi a:hover::after {
	width: 100%;
}
.navi .mainmenu {
    color: #706259;
    display: block;
    height: 20px;
    font-weight: 700;
}
.navi .ja {
    font-size: 11px;
    color: #ffacc2;
	font-weight: normal;
}

.h2_ttl {
    font-size: 35px;
    color: #706259;
    margin: 0 0 10px 30px;
    letter-spacing: 5px;
}
.h2_ttl span {
    font-size: 20px;
    margin-left: 8px;
}
.newsArea {
    background: url(../images/top/news_background.png);
    padding: 50px 0 90px;
	position: relative;
	z-index: 0;
}
.newsArea::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 0;
    width: 420px;
    height: 380px;
    background: url(../images/top/sweets01.png) no-repeat;
    background-size: 100% auto;
    z-index: -1;
}
.newsArea::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    height: 570px;
    background: url(../images/top/sweets02.png) no-repeat;
    background-size: 100% auto;
    z-index: -1;
}
.btn1 {
    display: inline-block;
	position: relative;
    width: 130px;
    padding: 6px 30px;
    border: 2px solid #706259;
    line-height: 1.4;
    text-align: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin: 20px 50px 0;
	color: #706259 !important;
}
.btn1:hover{
	background: #706259;
	color: #ffffff !important;
	-webkit-transition: all .5s;
    transition: all .5s;		
	
}
.btn1:after {
    content: ">";
    background-size: 7px;
    position: absolute;
    top: 10px;
    right: 15px;
    margin-top: -5px;
}
.right {
    text-align: right;
}
.topicsArea {
    background: url(../images/top/topics_background.png) center center / cover no-repeat;
    padding: 30px 0 0;
}
.topicsArea h2 {
    color: #2e2926;
}
.topicsArea .textarea {
    position: absolute;
    bottom: 0;
    left: 0;
    padding:10px;
    width: 635px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
}
.topicsArea .item_2 .textarea {
    width: 290px;

}
.topicsArea .textarea h3 {
    padding: 5px 0;
    font-size: 17px;
}
.topicsArea .textarea .text {
    line-height: 20px;
}
.topicsArea .itemarea {
    padding: 30px 0;
}
.item_1 {
    width: 655px;
    height: 250px;
    overflow: hidden;
	display: inline-block;
    margin-bottom: 20px;
	position: relative;
}
.item_2 {
    width: 310px;
    height: 250px;
    overflow: hidden;
	display: inline-block;
    margin-bottom: 20px;
	position: relative;
}
.itemarea .c_entry {
    position: absolute;
    top: 0;
    padding: 2px 7px;
    background: #a8e6e0;
    color: #ffffff;
}
.itemarea .c_shop {
    position: absolute;
    top: 0;
    padding: 2px 7px;
    background: #ffacc2;
    color: #ffffff;
}
.topicsArea a {
    display: block;
}
.topicsArea a img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.topicsArea a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.end {
    margin-left: 35px;
}

.text_box {
    width: 90%;
    position: relative;
    margin: 2em auto;
    padding: 20px 5px;
    border: solid 3px #ff6969;
    border-radius: 8px;
}
.text_box .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 30px;s
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #fffbf8;
    color: #ff6969;
    font-weight: bold;
}
.text_box p {
    margin: 0; 
    padding: 0;
    font-weight: 100;
}

/*===============
Instagram
================*/
.user_insta {
    margin: 0 auto;
    padding: 30px 0;
    background: #aae6e1;
}
.user_insta h4 {
    text-align: center;
    margin: 20px;
}
.user_insta .box {
    margin: 0 auto 30px;
    position: relative;
}
.user_insta  a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.user_insta .box img {
    display: block;
    width: 100%;
}
.user_insta .box iframe {
    position: absolute;
    top: 0;
    height: 100% !important;
    background: #aae6e1;
}