@charset "UTF-8";

/*
File name:sm_sweetsshop.css

Table of renewal Contents:
[1] /sweetsshop
[2] /sweetsshop/大会別
[3] /sweetsshop/ショップ別
[4] /sweetsshop/スイーツストリート
[5] top/シーズンメニュー
*/


/*========================================
[1] /sweetsshop
========================================*/
.contents_area {
	margin-bottom: 100px
	
}

h3 {
    text-align: center;
    font-size: 23px;
    color: #706259;
    margin: 20px 0 30px;
}
h3 > span {
	display: block;
	font-size: 15px;
	
}


#tournamentArea {
    margin-bottom: 40px;
}
#tournamentArea .box {
    width: 900px;
    height: 330px;
    margin: 60px auto 0;
    position: relative;
}
#tournamentArea .name {
    width: 250px;
    height: 290px;
    padding: 40px 20px 0;
    background: rgba(100, 194, 247, 0.9);
    color: #ffffff;
    position: absolute;
    bottom: 0;
}
#tournamentArea .name span {
    font-size: 20px;
    color: #fffd4e;
}
#tournamentArea.name .indent {
    margin: 0;
}
.name p {
    margin-top: 25px;
}
.name .indent {
	margin: 0
}
.name p, .name .indent {
    margin-left: 30px;
    font-size: 12px;
}
.name.text_none img {
    padding-top: 25px !important;
}
.box .link_area {
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
}
.box .link_area li {
    margin: 15px 20px;
}

/*========================================
[2] /sweetsshop/大会別
========================================*/
#sweetsshopArea {
    margin-top: -40px;
}

[class*=" imghvr-"] figcaption, [class^=imghvr-] figcaption{
	background-color: rgba(255, 255, 0, 0)!important ;
    padding: 30px 15px !important;
}

[class*=" imghvr-shutter-in-"]:after, [class*=" imghvr-shutter-in-"]:before,
[class^=imghvr-shutter-in-]:after, [class^=imghvr-shutter-in-]:before {
    background: rgba(0, 0, 0, 0.5) !important; 

}
[class*=" imghvr-"], [class^=imghvr-] {

    background-color: rgba(0, 0, 0, 0) !important;

}

.shop_list .shop {
    width: 200px;
    height: 200px;
    float: left;
    margin: 0 2px 2px 0;
}
.shop_list .shop h5 {
    font-size: 18px;
    margin-bottom: 10px;
}

.shop_list .special h5 {
    font-size: 22px;
    margin-bottom: 10px;
    padding-left: 15px;
}

.shop_list .shop p {
    font-size: 13px;
}
.shop.special {
    width: 806px;
    height: 200px;
    margin-bottom: 4px;
}
#sweetsshopArea .shop_box {
    position: relative;
    margin: 0 -100% 100px;
    padding: 100px 0 0;
}
#sweetsshopArea .shop_box:before {
    content: '';
    position: absolute;
    top: 0;
    width: 120%;
    height: 100%;
    margin: 0% -10% 0;
    background: repeating-linear-gradient(-45deg, #ffa4a4, #ffa4a4 6px, #ffa9a9 6px, #ffa9a9 10px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    z-index: -1;
}
#sweetsshopArea .shop_box .shop_list {
    max-width: 810px;
    margin: 0 auto;
    padding: 20px 10px 30px;
    overflow: hidden;
}
#sweetsshopArea .shop_box .shop_list .shop img {
    width: 200px;
}

#sweetsshopArea .shop_box .shop_list .special img {
    width: 806px;
}

.aid_list {
    width: 810px;
    margin: 0 auto;
}
.aid_list ul {
    overflow: hidden;
}
.aid_list li {
    float: left;
    margin: 0 2px 2px 0;
	position: relative;
}
.aid_list li p {
    position: absolute;
    top: 0;
    margin: 5px;
    color: #ffffff;
    text-shadow: 0px 0px 7px #565656;
}
.aid_list li p.hot {
    top: 0;
    margin: 5px;
    color: #333;
    text-shadow: none;
    position: unset;
}
 a.sweetsstreet_bnr {
    display: block;
    margin: 70px auto 50px;
    text-align: center;
}
/*========================================
[3] /sweetsshop/ショップ別
========================================*/

.shop_box #slider,
.shop_box #carousel, 
.other_shop #carousel01 {
    width: 720px;
    margin: 12px auto 5px;
    padding: 5px;
    background: rgba(255, 255, 255, 0);
}
.shop_box #slider {
    height: 400px;
}
.shop_box #carousel {
    height: 100px;
}
.shop_box .flex-direction-nav a {
    width: 40px;
    height: 80px;
    margin: -50px 0 0;
    top: 50%;

}
#sweetsshopArea .shop_box h4 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 26px;
    color: #ffffff;
    text-shadow: -3px 2px #ff6a6a;
}
#carousel .flex-active-slide {
	border: 2px solid #fffa2b;
	opacity: 1 !important;
	box-sizing: border-box;
	
}
#carousel .flex-viewport li {
	opacity: 0.5;
}
#carousel .flex-viewport {
    height: 100px;
}
.shop_info {
    width: 800px;
    margin: 0 auto;
}
.data_base dt {
    font-size: 18px;
    font-weight: 800;
    color: #7ee2a7;
    margin-top: 20px;
}
.data_base dd {
    border-bottom: 1px dashed #705629;
    padding: 15px 0 10px 10px;
}
.shop_adress {
    width: 700px;
    margin: 40px auto;
    padding: 20px 0 10px 30px;
    background: #f3f3f3;
    overflow: hidden;
    border-radius: 20px;
}
.shop_adress .shop_ttl {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 15px;
}
.shop_adress ul {
    overflow: hidden;
}

.shop_adress li {
    float: left;
    width: 300px;
    margin: 0 20px 20px 10px;
    word-break: break-all;
}
.shop_adress li.one {
    margin-top: 15px;
}
.shop_adress li.shop_name {
/*    margin-top: 15px;*/
}
.shop_adress li span {
    background: #7ee2a7;
    margin-right: 10px;
    padding: 0 8px;
    color: #ffffff;
    float: left;
}
.shop_adress li p {
    overflow: auto;
    margin: 0;
}
.shop_adress li a:hover {
    text-decoration: underline;
}
.other_shop {
    background: #b2e8ff;
    margin: 0 -100%;
    padding: 30px 100% 40px;
}
.other_shop p {
	width: 800px;
    margin: 0 auto 20px;
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    text-shadow: -3px 2px #7cd3ff;
}
.loopSliderWrap {
    top: 0;
    left: 0;
    height: 122px;
    overflow: hidden;
    position: absolute;
}
 
.loopSlider {
    margin: 0 auto;
    width: 800px;
    height: 122px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.loopSlider ul {
    height: 122px;
    float: left;
    overflow: hidden;
}
 
.loopSlider ul li {
    width: 220px;
    height: 122px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}
a.btn_top {
    display: block;
    position: relative;
    width: 340px;
    padding: 15px 40px;
    border: 2px solid #706259;
    line-height: 1.4;
    text-align: center;
    margin: 60px auto 0;
    color: #706259;
}
.btn_top:after {
    content: ">";
    background-size: 7px;
    font-weight: 800;
    position: absolute;
    top: 20px;
    right: 15px;
    margin-top: -5px;
}
a.btn_top:hover {
	background: #706259;
	color: #ffffff;
}
/*========================================
[4] /sweetsshop/スイーツストリート
========================================*/

.contents_area .kv_area {
    background: repeating-linear-gradient(-45deg, #94dae1, #94dae1 6px, #a8e2e7 6px, #a8e2e7 10px);
    margin: 1px -100% 0;
    padding: 0 100% 0;
}
.contents_area .kv_areablack {
    background: repeating-linear-gradient(-45deg, #333, #333 6px, #000 6px, #000 10px);
    margin: 1px -100% 0;
    padding: 0 100% 0;
}
#sweetsstreetArea .steert_map {
    position: relative;
    margin: 0 -100% 100px;
    padding: 70px 0 0;
}
#sweetsstreetArea .steert_map:before {
    content: '';
    position: absolute;
    top: -30px;
    width: 120%;
    height: 100%;
    margin: 0% -10% 0;
    background: #d4f8ca;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    z-index: -1;
}

#sweetsstreetArea .steert_map .inner {
    max-width: 740px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
#sweetsstreetArea .inner p {
    text-align: right;
    font-size: 11px;
    margin-top: 20px;
}
.street_list {
    overflow: hidden;
	margin-bottom: 30px;
}
.street_list .item {
    width: 450px;
    overflow: hidden;
    margin-bottom: 15px;
    float: left;
	position: relative;
	overflow: hidden;
}
.street_list .item .icon_number {
    width: 100px;
    height: 100px;
    display: block;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    border-radius: 55px;
    background-color: #ffffff;
    position: absolute;
    bottom: -15px;
    left: -20px;
}
.street_list .item .icon_number img {
    padding: 15px 0 0 24px;
}
.street_list .item .shop_name {
    margin-left: 90px;
    font-size: 90%;
    color: #706259;
}
.street_list .item .before {
    margin-left: 20px;
}
.street_list .Offer:before {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 1;
    width: 90px;
    height: 90px;
    margin: 8px;
    background: url(/images/sweetsshop/common/ico_offer.png) no-repeat;
    background-size: 100%;
}
.street_list .special:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 1;
    width: 125px;
    height: 125px;
    margin: 8px;
    background: url(/images/sweetsshop/common/ico_special.png) no-repeat;
    background-size: 100%;
}
.item .sweetsNew {
    position: absolute;
    top: -5px;
    background: #7ee2a7;
    padding: 3px 10px;
    color: #ffffff;
}
.item.left {
    margin: 0 20px 0 25px;
}
.item2.special {
    margin: 0 25px 15px;
    overflow: hidden;
    position: relative;
}
.item2 .textarea {
    font-size: 20px;
    color: #706259;
    margin-left: 20px;
}

/*========================================
[5] top/シーズンメニュー
========================================*/

.sweetsshop_year	{
    margin-top: 30px;
	float:right;
}
.sweetsshop_year dl	{
	position:relative;
	height:40px;
	/*margin-top:-10px;*/
}
.sweetsshop_year dl dt	{
	background:#ff809f;
	padding:8px;
	width:200px;
	color:#fff;
	font-weight:bold;
}
.sweetsshop_year dl dt span	{
	display:block;
	padding-left:28px;
	background:url(/sweetsshop/images/common/arrow_under.png) no-repeat 10px center;
}
.sweetsshop_year dl dd	{
	font-weight:bold;
	position:absolute;
	top:40px;
	left:0;
	z-index:10;
}
.sweetsshop_year dl dd ul  {
	border: 1px solid #ff809f;
	
}
.sweetsshop_year dl dd ul li	{
    width: 214px;
    background: #ffffff;
}
.sweetsshop_year dl dd ul li:hover{
	opacity: 0.6;
}
.sweetsshop_year dl dd ul li a {
    display: block;
    padding: 10px 0 10px 40px;
    text-decoration: none;
    color: #706259;
    margin: 0 12px;
    border-bottom: 1px dashed #706259;
}
.sweetsshop_year dl dd ul li:last-child a {
	border-bottom:none;
}
.sweetsshop_year dl dd ul li a:before {
    content: "";
    width: 0;
    height: 0;
    margin: 7px 0 0 -16px;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #706259;
    position: absolute;
}
/* 大会メニュー　タイトル */
.sweetsshop_year_ttl {
	clear:both;
	background:url(/sweetsshop/images/common/year_ttl_line.png) bottom repeat-x;
	overflow:hidden;
	margin-bottom:15px;
}
.sweetsshop_year_ttl p {
	float:left;
	background:url(/sweetsshop/images/common/ico_cake.png) 5px top no-repeat;
	padding-left:35px;
	font-size:22px;
	font-weight:bold;
	line-height:1.7;
}
.sweetsshop_year_ttl > p > span {
	padding-left:2px;
	font-size:14px;
	font-weight:normal;
}

.sweetsshop_year_ttl ul	{
	overflow:hidden;
	margin-top:15px;
}
.sweetsshop_year_ttl ul li {
	float:left;
	background:url(/sweetsshop/images/common/arrow_double.png) left center no-repeat;
	padding-left:12px;
	margin-left:12px;
	font-size:12px;
	font-weight:normal;
	line-height:1;
}
.caution {
	text-align: right;
    margin: 0 auto 10px;
    font-size: 12px;
    width: 770px;
}

.hover {
    position: absolute;
    top: 0;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(37, 37, 37,0.85));
    height: 180px;
    color: #ffffff;
    padding: 35px;
    font-size: 16px;
}
.g_up {
	position: relative;
}
.g_up:before {
    content: "";
    position: absolute;
    top: -35px;
    right: 40px;
    z-index: 1;
    width: 80px;
    height: 55px;
    margin: 0;
    background: url(/images/sweetsshop/common/ico_gradeup.png) no-repeat;
    background-size: 100%;
}