@charset "utf-8";

/* *****************************************************************************
   PC用のスタイル記述
***************************************************************************** */
@media screen and (min-width: 681px), print {

.he-bnr {
	min-width: 1199px;
	background-color: #b7f799;
}

.he-bnr img {
	vertical-align: bottom;
}

#wrapper {
	position:relative;
	background:#bbfffd url(../img/bg_img_pc.png) repeat-x;
	background-position:center top;
	display:none;
}



/* header */
header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:1199px;
	min-height:115px;
	background:url(../common/img/he_bg_pc.png) center top repeat-x;
}

header .logo {
	position:absolute;
	top:17px;
	left:0;
	right:0;
	width:314px;
	height:351px;
	margin: 0 auto;
	z-index:7777;
}

header .logo img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

header nav ul li {
	position:absolute;
	top:26px;
	left:50%;
	z-index:8888;
}

header nav ul li:nth-child(2) {
	margin-left:-440px;
	padding-top:7px;
}
header nav ul li:nth-child(2) img {
    margin-top: 0;
}

header nav ul li:nth-child(3) {
	margin-left:-267px;
	padding-top:7px;
}

header nav ul li:nth-child(4) {
	margin-left:130px;
	padding-top:7px;
}

header nav ul li:nth-child(5) {
	margin-left:373px;
	padding-top:7px;
}

header nav ul li:nth-child(6) {
	margin-left:245px;
	padding-top:3px;
}

header nav ul li:nth-child(7) {
	margin-left:390px;
	padding-top:3px;
}

header nav ul li:nth-child(2)::after {
	position:absolute;
	top:0;
	right:-45px;
	content:url(../common/img/menu_line.png);
}

header nav ul li:nth-child(3)::after {
	display: none;
}

header nav ul li:nth-child(4)::after {
	position:absolute;
	top:0;
	right:-45px;
	content:url(../common/img/menu_line.png);
}

header nav ul li:nth-child(5)::after {
	display: none;

}

header nav ul li:nth-child(6)::after {
	position:absolute;
	top:0;
	right:-20px;
	content:url(../common/img/menu_line.png);
}

header nav ul li a {
	display:block;
}

header nav ul li img {
	vertical-align:top;
}


#contents-area {
    min-width: 1199px;
    background: url(../common/img/bg_star_pc.png) center top no-repeat;
}


#contents-area {
	position:relative;
	width:1199px;
	min-height:5420px;
	margin:0 auto;
}

#contents-area #divination {
	position:absolute;
	top:99px;
	right:100px;
	z-index:9000;
}

#contents-area #divination img {
	width: 182px;
}

#divination-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba( 177, 232, 255, 0.8 );
	z-index:99999;
	text-align:center;
	display:none;
	cursor:pointer;
}

#divination-img img {
	vertical-align:bottom;
}


#divination-img .inner {
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	margin:0 auto;
}

#divination-img .place {
	position:absolute;
	top:402px;
	left:0;
	right:0;
	color:#835526;
	font-size:28px;
	font-weight:bold;
	margin:0 auto;
	padding-right:20px;
	display:inline-block;
}

#divination-img .text {
	position:absolute;
	top:478px;
	left:0;
	right:0;
	color:#835526;
	font-size:14px;
	width:410px;
	margin:0 auto;
	text-align:left;
	line-height:1.8em;
	display:inline-block;
}

#divination-img .bt {
	position:absolute;
	top:579px;
	left:0;
	right:0;
	margin:0 auto;
	display:inline-block;
}

#divination-img .sns {
	position:absolute;
	top:600px;
	left:0;
	right:0;
	margin:0 auto;
	display:inline-block;
}

#divination-img .bt2 {
	position:absolute;
	top:640px;
	left:0;
	right:0;
	margin:0 auto;
	display:inline-block;
}

/* イベント */
#contents-area .news {
	position:absolute;
	top:508px;
	left:0;
	z-index:8895;
}

#contents-area .pickup::before,
#contents-area .pickup::after {
	position:absolute;
	top:3px;
	left:3px;
	width:750px;
	height:750px;
	content:"";
	background-color:#FFFAC0;
	border-radius:368px;
	-moz-border-radius:368px;
	-webkit-border-radius:368px;
	-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
	z-index:-1;
}

#contents-area .pickup::after {
	background-color:#C8E7E9;
}

	
#contents-area .pickup.biyori::after {
	background-color:#c2e3ee;
}

#contents-area .pickup::before {
	top:-692px;
	left:206px;
	width:780px;
	height:780px;
}

#contents-area .latest {
	position:absolute;
	top:0;
	left:200px;
	width:780px;
	height:780px;
	z-index:20;
}

#contents-area .pickup {
	position:absolute;
	top:700px;
	left:-6px;
	width:750px;
	height:750px;
	z-index:10;
}

#contents-area .news h2 {
	position:absolute;
	top:-75px;
	left:531px;
	z-index:20;
}

#contents-area .news h3 {
	position:absolute;
	top:102px;
	left:0;
	right:0;
}

#contents-area .news .biyori h2 {
	position:absolute;
	top:-25px !important;
	left:289px;
	z-index:20;
}

#contents-area .news .biyori h3 {
	position:absolute;
	top:114px !important;
	left:0;
	right:0;
}

#contents-area .news .latest .box {
	position:relative;
	width:558px;
	height:300px;
	margin:263px auto 0;
	overflow:hidden;
}

#contents-area .news .latest .box #slidescroll1 {
	position:absolute;
	top:0;
	left:0;
}

#contents-area .news .latest .prevnext .prev {
	position:absolute;
	top:357px;
	left:27px;
	z-index:8900;
}

#contents-area .news .latest .prevnext .next {
	position:absolute;
	top:357px;
	right:27px;
	z-index:8900;
}

#contents-area .news .latest .pager {
	font-size:0;
	margin-top: 65px;
}

#contents-area .news .latest .pager li {
	width:12px;
	height:12px;
	margin:0 6px;
	background-color:#fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	display:inline-block;
	cursor:pointer;
}

#contents-area .news .latest .pager li.active {
	background-color:#ffa3b2;
}

#contents-area .news .latest .pager li span {
	/* display:none; */
}


#contents-area .news .latest .box  article {
	position:relative;
	width:279px;
	color:#835526;
	padding:17px 7px 0;
	display:table-cell;
	vertical-align:top;
	overflow:hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contents-area .news .latest article a {
	color:#835526;
	width:265px;
	display:block;
}

#contents-area .news .latest article .new {
	position:absolute;
	top:0;
	left:0;
}

#contents-area .news .latest article .img {
	width:265px;
	height:190px;
	text-align:left;
	vertical-align:top;
	display:table-cell;
}

#contents-area .news .latest article .img img {
	width:265px;
	height:180px;
	object-fit: cover;
	vertical-align:bottom;
}

#contents-area .news .latest article .img .new img {
	width:auto;
	height:auto;
}

#contents-area .news .latest article h4 {
	font-size: 17px;
	margin-top:0.3em;
	text-align:left;
	line-height:1.3em;
	letter-spacing: 0.03em;
}

#contents-area .news .latest article p.date,
#contents-area .news .latest article p.time,
#contents-area .news .latest article p.place {
	font-size:16px;
	margin-left:3em;
	text-align:left;
	text-indent:-3em;
	line-height:1.5em;
}

#contents-area .news .latest article p.date {
	color: #ec6d81;
	font-size: 15px;
	font-weight: bold;
	margin-left:0;
	text-align:left;
	text-indent:0;
	line-height:1.5em;
	letter-spacing: 0.05em;
}

#contents-area .news .latest .bt-report {
	position:relative;
	top:10px;
	left:0;
	right:0;
	clear:both;
}

#contents-area .news .pickup h2 {
    position: absolute;
    top: -9px;
    left: 311px;
    z-index: 20;
}

#contents-area .news .pickup h3 {
	top: 59px;
}

#contents-area .news .pickup .box {
	position:relative;
	width:464px;
	height:470px;
	margin:165px auto 0;
	overflow:hidden;
}

#contents-area .news .pickup.biyori .box {
	position:relative;
	width:558px;
	height:300px;
	margin:263px auto 0;
	overflow:hidden;
}

#contents-area .news .pickup .box #slidescroll2 {
	position:absolute;
	top:0;
	left:0;
}

#contents-area .news .pickup .prevnext .prev {
	position:absolute;
	top:321px;
	left:40px;
	z-index:8900;
}

#contents-area .news .pickup .prevnext .next {
	position:absolute;
	top:321px;
	right:40px;
	z-index:8900;
}

#contents-area .news .pickup .pager {
	font-size:0;
}

#contents-area .news .pickup .pager li {
	width:12px;
	height:12px;
	margin:0 6px;
	background-color:#fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	display:inline-block;
	cursor:pointer;
}

#contents-area .news .pickup .pager li.active {
	background-color:#ffa3b2;
}

#contents-area .news .pickup .pager li span {
	display:none;
}


	
#contents-area .news .pickup article {
	position:relative;
	color:#835526;
	width:464px;
	margin:0;
	padding: 17px 35px 0;
	display:table-cell;
	vertical-align:top;
	overflow:hidden;
}

	
	
#contents-area .news .pickup article a {
	color:#835526;
}

#contents-area .news .pickup article .new {
	position:absolute;
	top:0;
	left:21px;
}

#contents-area .news .pickup article .img {
	width:394px;
	height:274px;
	text-align:center;
}

#contents-area .news .pickup article .img img {
	width:394px;
	height:274px;
	object-fit: contain;
}

#contents-area .news .pickup article .img .new img {
	width:auto;
	height:auto;
}

#contents-area .news .pickup article h4 {
	font-size:18px;
	margin-top:0.3em;
	text-align:left;
	line-height:1.47em;
}

#contents-area .news .pickup article p.date,
#contents-area .news .pickup article p.time,
#contents-area .news .pickup article p.place {
	font-size:16px;
	margin-left:3em;
	text-align:left;
	text-indent:-3em;
	line-height:1.66em;
}

#contents-area .news .pickup article p.date {
	color: #ec6d81;
	font-size:15px;
	font-weight: bold;
	margin-top: 0.7em;
	margin-left:0;
	text-align:left;
	text-indent:0;
	line-height:1.5em;
}


#contents-area .news .pickup .comingsoon{
	margin-top:190px;
}

#contents-area .news .pickup .biyori {
    padding-top: 17px;
}
	
#contents-area .news .pickup .biyori .ico {
	width: 56px;
	text-align: left;
	display: table-cell;
	vertical-align: top;
}

#contents-area .news .pickup .biyori h4 {
	font-size:16px;
	margin:0 0 0.5em;
	text-align:left;
	line-height:1.875em;
	display: table-cell;
	vertical-align: middle;
}

#contents-area .news .pickup .biyori p.date,
#contents-area .news .pickup .biyori p.time,
#contents-area .news .pickup .biyori p.place {
	font-size:14px;
	margin-left:3em;
	text-align:justify;
	text-indent:-3em;
	line-height:1.66em;
}
	
	
	
/* みんなのシナモン */
#contents-area .everyone {
	position:absolute;
	top:1884px;
	left:323px;
	width:876px;
	height:876px;
	z-index:10;
}

#contents-area .everyone::before {
	position:absolute;
	top:3px;
	left:3px;
	width:870px;
	height:870px;
	content:"";
	background-color:#ffebeb;
	border-radius:435px;
	-moz-border-radius:435px;
	-webkit-border-radius:435px;
	-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
	z-index:-1;
}

#contents-area .everyone h2 {
	position:absolute;
	top:-95px;
	left:0;
	right:0;
}

#contents-area .everyone h3 {
	position:absolute;
	top:104px;
	left:0;
	right:0;
}
	
#contents-area .everyone .box {
	width: 650px;
	margin: 0 auto;
}
	
#contents-area .everyone .box iframe {
	height: 213px !important;
}

#contents-area .everyone article {
	position:relative;
	color:#835526;
	width:205px;
	margin:260px 16px 0 0;
	background-color:#fff;
	float:left;
}

#contents-area .everyone .box article:nth-child(1) {
	margin-left:108px;
}

#contents-area .everyone .box article:nth-child(4) {
	display:none;
}

#contents-area .everyone article::before {
	position:absolute;
	top:-18px;
	left:89px;
	width:26px;
	height:31px;
	content:url(../common/img/ico_pin.png);
	z-index:100;
}

#contents-area .everyone article a {
	color:#835526;
	padding:23px 0 41px;
	vertical-align:bottom;
	display:inline-block;
}

#contents-area .everyone article .img {
	width:185px;
	height:185px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}

#contents-area .everyone article .img img {
	vertical-align:bottom;
}


#sb_instagram {
	max-width:100% !important;
}

#sb_instagram #sbi_images .sbi_item {
	position:relative !important;
	color:#835526 !important;
	width:205px !important;
	margin:260px 16px 0 0 !important;
	padding:23px 0 41px !important;
	background-color:#fff !important;
	float:left !important;
}

#sb_instagram #sbi_images .sbi_item:nth-child(1) {
	margin-left:108px !important;
}

#sb_instagram #sbi_images .sbi_item:nth-child(4) {
	display:none !important;
}

#sb_instagram #sbi_images .sbi_item::before {
	position:absolute !important;
	top:-18px !important;
	left:89px !important;
	width:26px !important;
	height:31px !important;
	content:url(../common/img/ico_pin.png) !important;
	z-index:100 !important;
}

#sb_instagram #sbi_images .sbi_photo_wrap {
	display:inline-block !important;
}

#sb_instagram #sbi_images .sbi_item a {
	color:#835526 !important;
	width:185px !important;
	height:185px !important;
	vertical-align:middle !important;
	text-align:center !important;
	display:table-cell !important;
}

#sb_instagram #sbi_images .sbi_item a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#sb_instagram #sbi_images .sbi_item .img img {
	vertical-align:bottom !important;
}


#contents-area .everyone .bt-more {
	position:relative;
	top:50px;
	float:none;
	clear:both;
}

#contents-area .everyone .bn-photocontest {
	position:relative;
	top:80px;
	float:none;
	clear:both;
}

#contents-area .everyone .bt-more img,
#contents-area .everyone .bn-photocontest img {
	vertical-align:bottom;
}


/* しながわ観光MAP */
#contents-area .map {
	position: absolute;
	top: 2056px;
	left: 4px;
	width: 1192px;
}

#contents-area .map img {
	vertical-align: bottom;
}

#contents-area .map .box {
	position: relative;
	margin-top: 20px;
}

#contents-area .map .box .spot1 {
	position: absolute;
	top: 110px;
	left: 615px;
}

#contents-area .map .box .spot2 {
	position: absolute;
	top: 385px;
	left: 190px;
}

#contents-area .map .box .spot3 {
	position: absolute;
	top: 478px;
	left: 753px;
}

#contents-area .map .box .dl {
	position: absolute;
	top: 790px;
	left: -43px;
}

#contents-area .map-sp {
	display: none;
}

#contents-area .map area {
	outline: none;
}


/* リンクエリア */
#contents-area .link {
	position: absolute;
	top: 4306px;
	left: 62px;
	width: 1074px;
}

#contents-area .link img {
	vertical-align: bottom;
}

#contents-area .link ul {
	display: flex;
	justify-content: space-between;
}

#contents-area .link .insta {
	margin-top: 40px;
	padding: 0 107px;
	background: url("../img/link_bg.png") center repeat-y;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#contents-area .link .insta h2 {
	margin-bottom: 10px;
}

#contents-area .link .insta h2 .smt {
	display: none;
}




/* 仲良し大作戦 */
#contents-area .nakayoshi {
	position:absolute;
	top:3414px;
	left:200px;
	width:800px;
	height:800px;
	z-index:8895;
}

#contents-area .nakayoshi::before {
	position:absolute;
	top:3px;
	left:3px;
	width:800px;
	height:800px;
	content:"";
	background-color:#FFEBEB;
	border-radius:400px;
	-moz-border-radius:400px;
	-webkit-border-radius:400px;
	-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
	z-index:-1;
}


#contents-area .nakayoshi h2 {
    position: absolute;
    top: -75px;
    left: 311px;
    z-index: 20;
}


#contents-area .nakayoshi h3 {
    position: absolute;
    top: 102px;
    left: 0;
    right: 0;
}

#contents-area .nakayoshi .box {
	position:relative;
	width:464px;
	height:390px;
	margin:222px auto 0;
	overflow:hidden;
}

#contents-area .nakayoshi .box #slidescroll3 {
	position:absolute;
	top:0;
	left:0;
}

#contents-area .nakayoshi .prevnext .prev {
	position:absolute;
	top:365px;
	left:40px;
	z-index:8900;
}

#contents-area .nakayoshi .prevnext .next {
	position:absolute;
	top:365px;
	right:40px;
	z-index:8900;
}

#contents-area .nakayoshi .pager {
	font-size:0;
	padding-bottom: 60px;
}

#contents-area .nakayoshi .pager li {
	width:12px;
	height:12px;
	margin:0 6px;
	background-color:#fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	display:inline-block;
	cursor:pointer;
}

#contents-area .nakayoshi .pager li.active {
	background-color:#ffa3b2;
}

#contents-area .nakayoshi .pager li span {
	display:none;
}


	
#contents-area .nakayoshi article {
	position:relative;
	color:#835526;
	width:464px;
	margin:0;
	padding: 17px 35px 0;
	display:table-cell;
	vertical-align:top;
	overflow:hidden;
}

	
	
#contents-area .nakayoshi article a {
	color:#835526;
}

#contents-area .nakayoshi article .new {
	position:absolute;
	top:0;
	left:21px;
}

#contents-area .nakayoshi article .img {
	width:394px;
	height:274px;
	text-align:center;
}

#contents-area .nakayoshi article .img img {
	width:394px;
	height:274px;
	object-fit: contain;
}

#contents-area .nakayoshi article .img .new img {
	width:auto;
	height:auto;
}

#contents-area .nakayoshi article h4 {
	font-size:18px;
	margin-top:0.3em;
	text-align:left;
	line-height:1.47em;
}

#contents-area .nakayoshi article p.date {
	color: #ec6d81;
	font-size:15px;
	font-weight: bold;
	margin-left:0;
	text-align:left;
	text-indent:0;
	line-height:1.5em;
}



	
.maintenance{
	margin-top: 310px;
    font-size: 18px;
	}



/* Illust */
#i-cinnamon1 {
	position:absolute;
	top:232px;
	left:105px;
	z-index:9000;
}

#i-house1 {
	position:absolute;
	top:65px;
	left:-88px;
	z-index:5555;
}

#i-house1-2 {
	display:none;
}

#i-temple {
	position:absolute;
	top:340px;
	/* right:-94px; */
	right:-99px;
	z-index:8888;
	display:block;
}

#i-temple img {
	vertical-align:bottom;
}

#i-balloon1 {
	position:absolute;
	top:740px;
	left:44px;
	display:block;
	z-index:9001;
}

#i-balloon2 {
	position:absolute;
	top:1040px;
	right:34px;
	display:block;
	z-index:8899;
}

#i-bill {
	position:absolute;
	top:583px;
	/* left:-107px; */
	left:-1000px;
	z-index:8895;
	display:none;
}

#i-beach {
	position:absolute;
	top:1037px;
	/* right:-217px; */
	right:-1000px;
	z-index:8898;
}

/*
#i-beach img.m1 {
	position:absolute;
	top:-30px;
	left:-50px;
	display:block;
	z-index:100;
}

#i-beach img.m2 {
	position:absolute;
	bottom:0;
	right:0;
	display:block;
}

#i-beach img.m2 {
	display: none;
}
*/

#i-beach2 {
	position:absolute;
	top:1028px;
	/* left:-207px; */
	left:-1000px;
	z-index:5555;
	display:none !important;
}

#i-cinnamon2 {
	position:absolute;
	top:1877px;
	right:-101px;
	z-index:9000;
}

#i-cafe {
	position:absolute;
	top:1845px;
	/* left:-183px; */
	left:-1000px;
	z-index:9000;
}

#i-cafe img.m2 {
	position:absolute;
	bottom:31px;
	right:192px;
	/* display:none; */
}

#i-togoshi {
	position:absolute;
	top:3817px;
	/* left:-173px; */
	left:-1000px;
	right:auto !important;
	z-index:9000;
}

#i-cloud1 {
	position:absolute;
	top:40px;
	right:-120px;
	z-index:5555;
}

#i-cloud2 {
	position:absolute;
	top:903px;
	/* left:-141px; */
	left:-1000px;
	z-index:5555;
}

#i-cloud3 {
	position:absolute;
	top:3949px;
	/* right:-154px; */
	right:-1000px;
	z-index:5555;
}

#i-cloud4 {
	position:absolute;
	top:2436px;
	/* right:-154px; */
	right:-1000px;
	z-index:5555;
}

#i-cloud5 {
	position:absolute;
	top:2778px;
	/* right:-154px; */
	left:-1000px;
	z-index:5555;
}

#i-cloud6 {
	position:absolute;
	top:3242px;
	/* right:-154px; */
	right:-1000px;
	z-index:5555;
}


/* banner */
#banner-area {
	position:absolute;
	top:4874px;
	left:0;
	right:0;
	font-size:0;
}

#banner-area li {
	margin:0 4px;
	display:inline-block;
}


}


/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
@media screen and (max-width: 681px) {

.he-bnr img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

#wrapper {
	position:relative;
	min-width:320px;
	background: #bbfffd url(../img/bg_img_sp.png) repeat-x;
	background-position:center top;
	background-size:auto 3385px;
	display:none;
}



/* header */
header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:320px;
	min-height:55px;
	background: url(../common/img/he_bg_sp.png) center top repeat-x;
	background-size:46px 55px;
	z-index: inherit;
}

header .logo {
	position:absolute;
	top:12px;
	left:0;
	right:0;
	z-index:7777;
}

header .logo img {
	width:147px;
}



#contents-area {
	position:relative;
	width:100%;
	min-width:320px;
	min-height:3583px;
	margin:0 auto;
	background: url(../img/bg_star_sp.png) center top no-repeat;
	background-size: 320px;
}

#contents-area #divination {
	position:absolute;
	top:144px;
	right:14px;
	z-index:9000;
}

#contents-area #divination img {
	width:auto;
	height:124px;
}

#divination-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba( 177, 232, 255, 0.8 );
	z-index:99999;
	text-align:center;
	display:none;
	cursor:pointer;
}

#divination-img img {
	vertical-align:bottom;
}


#divination-img .inner {
	position:absolute;
	top:30px;
	left:50%;
	width:100%;
	margin:0 0 0 -302px;
}

#divination-img .img img {
	width:604px;
	height:auto;
}

#divination-img .place {
	position:absolute;
	top:245px;
	left:0;
	right:0;
	color:#835526;
	font-size:18px;
	font-weight:bold;
	width:604px;
	margin:0 auto;
	padding-right:20px;
	display:inline-block;
}

#divination-img .text {
	position:absolute;
	top:312px;
	left:0;
	right:0;
	color:#835526;
	font-size:10px;
	width:240px;
	margin:0 187px;
	text-align:left;
	line-height:1.8em;
	display:inline-block;
}

#divination-img .bt {
	position:absolute;
	top:405px;
	left:0;
	right:0;
	width:604px;
	margin:0 auto;
	display:inline-block;
	text-align:center
}

#divination-img .bt img {
	width:176px;
	height:auto;
}


/* イベント */
#contents-area .news {
	position:absolute;
	top:310px;
	left:0;
	right:0;
	z-index:10;
}

#contents-area .pickup::before,
#contents-area .pickup::after {
	position:absolute;
	top:-372px;
    left: calc(50vw - 204px);
    width: 408px;
    height: 408px;
	content:"";
	background-color:#FFFAB9;
	border-radius:368px;
	-moz-border-radius:368px;
	-webkit-border-radius:368px;
	-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
	z-index:0;
}

#contents-area .pickup::after {
	top:3px;
	background-color:#C8E7E9;
	z-index: 0;
}

#contents-area .latest {
	position:absolute;
	top:0;
	left:0;
	right:0;
/*
	max-width:445px;
*/
	height:415px;
	margin:0 auto;
/*
	background:url(../img/event_meet_bg.png) center top no-repeat;
	background-size:445px auto;
*/
	z-index:20;
}

#contents-area .pickup {
	position:absolute;
	top:375px;
	left:0;
	right:0;
/*
	max-width:446px;
*/
	height:556px;
	margin:0 auto;
/*
	background:url(../img/event_join_bg.png) center top no-repeat;
	background-size:445px auto;
*/
	z-index:19;
}

#contents-area .pickup.biyori {
	position:absolute;
	top:538px;
	left:0;
	right:0;
	max-width:446px;
	height:556px;
	margin:0 auto;
	background:url(../img/event_biyori_bg.png) center top no-repeat;
	background-size:445px auto;
	z-index:20;
}

#contents-area .news h2 {
	position:absolute;
	top:-55px;
	left:0;
	right:0;
	margin:0 auto;
	background-size:446px auto;
	z-index:100;
}

#contents-area .news h2 img {
	width:auto;
	height:85px;
}


#contents-area .news h3 {
	position:absolute;
	top:60px;
	left:0;
	right:0;
}

#contents-area .news .latest h3 img {
	width:221px;
	height:auto;
}


#contents-area .news .biyori h2 {
	position:absolute;
	top:-15px;
	left:0;
	right:0;
	margin:0 auto;
	background-size:446px auto;
	z-index:100;
}

#contents-area .news .biyori h3 {
	position:absolute;
	top:80px !important;
	left:0;
	right:0;
}

#contents-area .news .latest .box {
	position:relative;
	width:298px;
	height:215px;
	margin:120px auto 0;
	overflow:hidden;
}

#contents-area .news .latest .box #slidescroll1 {
	position:absolute;
	top:0;
	left:0;
}

#contents-area .news .latest .prevnext {
	display:none;
}

#contents-area .news .latest .prevnext .prev {
	position:absolute;
	top:357px;
	left:70px;
	z-index:6666;
}

#contents-area .news .latest .prevnext .next {
	position:absolute;
	top:357px;
	right:70px;
	z-index:6666;
}

#contents-area .news .latest .pager {
	font-size:0;
}

#contents-area .news .latest .pager li {
	width:8px;
	height:8px;
	margin:0 4px;
	background-color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:inline-block;
	cursor:pointer;
}

#contents-area .news .latest .pager li.active {
	background-color:#f4a7b3;
}

#contents-area .news .latest .pager li span {
	display:none;
}

#contents-area .news .latest .box article {
	position:relative;
	width:149px;
	color:#835526;
	padding:11px 13px 0;
	display:table-cell;
	vertical-align:top;
	overflow:hidden;
}

#contents-area .news .latest article a {
	color:#835526;
	width:123px;
	display:block;
}

#contents-area .news .latest article .img {
	width:117px;
	height:95px;
	text-align:left;
	vertical-align:top;
	display:table-cell;
}

#contents-area .news .latest article .img img {
	max-width:123px;
	max-height:171px;
	width /***/:auto;
	height /***/:auto;
	vertical-align:bottom;
}

#contents-area .news .latest article .new {
	position:absolute;
	top:0;
	left:5px;
}

#contents-area .news .latest article .new img {
	width:32px;
	height:auto;
}

#contents-area .news .latest article h4 {
	font-size:11px;
	text-align:left;
	line-height:1.47em;
}

#contents-area .news .latest article p.date,
#contents-area .news .latest article p.time,
#contents-area .news .latest article p.place {
	font-size:10px;
	margin-left:3em;
	text-align:left;
	text-indent:-3em;
	line-height:1.66em;
}

#contents-area .news .latest article p.date {
	color: #ec6d81;
	font-size:10px;
	font-weight: bold;
	margin-left:0;
	text-align:left;
	text-indent:0;
	line-height:1.5em;
}

#contents-area .news .latest .bt-report {
	position:relative;
	top:25px;
	left:0;
	right:0;
	clear:both;
}

#contents-area .news .latest .bt-report img {
	width:176px;
	height:auto;
}

#contents-area .news .pickup h2 {
	position:absolute;
	top:35px;
	left:0;
	right:0;
	margin:0 auto;
	background-size:446px auto;
	z-index:100;
}

#contents-area .news .pickup h2 img {
	width:auto;
	height:33px;
}

#contents-area .news .pickup h3 {
	position:absolute;
	top:80px;
	left:0;
	right:0;
	z-index: 100;
}

#contents-area .news .pickup h3 img {
	width:221px;
	height:auto;
}

#contents-area .news .pickup .box {
	position:relative;
	width:240px;
	height:220px;
	margin:140px auto 0;
	overflow:hidden;
	z-index: 100;
}

#contents-area .news .pickup.biyori .box {
	position:relative;
	width:240px;
	height:260px;
	margin:133px auto 0;
	overflow:hidden;
}

#contents-area .news .pickup .box #slidescroll2 {
	position:absolute;
	top:0;
	left:0;
}

#contents-area .news .pickup .prevnext {
	display:none;
}

#contents-area .news .pickup .prevnext .prev {
	position:absolute;
	top:387px;
	left:70px;
	z-index:6666;
}

#contents-area .news .pickup .prevnext .next {
	position:absolute;
	top:387px;
	right:70px;
	z-index:6666;
}

#contents-area .news .pickup .pager {
	position: relative;
	margin-top: 10px;
	font-size:0;
	z-index: 100;
}

#contents-area .news .pickup .pager li {
	width:8px;
	height:8px;
	margin:0 4px;
	background-color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:inline-block;
	cursor:pointer;
}

#contents-area .news .pickup .pager li.active {
	background-color:#f4a7b3;
}

#contents-area .news .pickup .pager li span {
	display:none;
}

#contents-area .news .pickup article {
	position:relative;
	color:#835526;
	width:240px;
	margin:0;
	padding: 11px 0 0;
	display:table-cell;
	vertical-align:top;
	overflow:hidden;
}

#contents-area .news .pickup article a {
	color:#835526;
}

#contents-area .news .pickup article .img {
	width:240px;
	height:115px;
	text-align:center;
}

#contents-area .news .pickup article .img img {
	max-width:240px;
	max-height:115px;
	width /***/:auto;
	height /***/:auto;
	vertical-align:bottom;
}

#contents-area .news .pickup article .new {
	position:absolute;
	top:0;
	left:5px;
}

#contents-area .news .pickup article .new img {
	width:32px;
	height:auto;
	border:none;
}

#contents-area .news .pickup article h4 {
	font-size:11px;
	margin-top:0.5em;
	text-align:left;
	line-height:1.47em;
}

#contents-area .news .pickup article p.date,
#contents-area .news .pickup article p.time,
#contents-area .news .pickup article p.place {
	font-size:10px;
	margin-left:3em;
	text-align:left;
	text-indent:-3em;
	line-height:1.66em;
}

#contents-area .news .pickup article p.date {
    color: #ec6d81;
    font-size: 10px;
    font-weight: bold;
    margin-left: 0;
    text-align: left;
    text-indent: 0;
    line-height: 1.5em;
	margin-top: 15px;
}
	
	
#contents-area .news .pickup .comingsoon{
	margin-top:100px;
}	
#contents-area .news .pickup .comingsoon img{
	width: 300px;
}

	
#contents-area .news .pickup.biyori article a > div {
	padding-top: 5px;
}
	
#contents-area .news .pickup.biyori article .ico {
	width: 36px;
	text-align: left;
	display: table-cell;
	vertical-align: top;
}

#contents-area .news .pickup.biyori article .ico img {
	width: 26px;
	height: auto;
}

#contents-area .news .pickup.biyori article h4 {
	font-size:11px;
	text-align:left;
	line-height:1.47em;
	display: table-cell;
	vertical-align: middle;
}

#contents-area .news .pickup.biyori article p.date,
#contents-area .news .pickup.biyori article p.time,
#contents-area .news .pickup.biyori article p.place {
	font-size:10px;
	margin-left:3em;
	text-align:left;
	text-indent:-3em;
	line-height:1.66em;
}

#contents-area .news .pickup.biyori article p.text {
	font-size:10px;
	text-align:left;
	line-height:1.66em;
}


/* 仲良し大作戦 */
#contents-area .nakayoshi {
	position:absolute;
	top:2141px;
	left:0;
	right:0;
	z-index:10;
}

#contents-area .nakayoshi::before {
	position:absolute;
	top:0;
    left: calc(50vw - 204px);
    width: 408px;
    height: 408px;
	content:"";
	background-color:#FFE9EA;
	border-radius:368px;
	-moz-border-radius:368px;
	-webkit-border-radius:368px;
	-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
	z-index:-1;
}


#contents-area .nakayoshi h2 {
	position:absolute;
	top:-63px;
	left:0;
	right:0;
	margin:0 auto;
	background-size:446px auto;
	z-index:100;
}

#contents-area .nakayoshi h2 img {
	width:auto;
	height:85px;
}

#contents-area .nakayoshi h3 {
	position:absolute;
	top:43px;
	left:0;
	right:0;
}

#contents-area .nakayoshi h3 img {
	width:221px;
	height:auto;
}

#contents-area .nakayoshi .box {
	position:relative;
	width:240px;
	height:190px;
	margin:121px auto 0;
	overflow:hidden;
}

#contents-area .nakayoshi .box #slidescroll3 {
	position:absolute;
	top:0;
	left:0;
}

#contents-area .nakayoshi .prevnext {
	display:none;
}

#contents-area .nakayoshi .prevnext .prev {
	position:absolute;
	top:387px;
	left:70px;
	z-index:6666;
}

#contents-area .nakayoshi .prevnext .next {
	position:absolute;
	top:387px;
	right:70px;
	z-index:6666;
}

#contents-area .nakayoshi .pager {
	font-size:0;
}

#contents-area .nakayoshi .pager li {
	width:8px;
	height:8px;
	margin:0 4px;
	background-color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:inline-block;
	cursor:pointer;
}

#contents-area .nakayoshi .pager li.active {
	background-color:#f4a7b3;
}

#contents-area .nakayoshi .pager li span {
	display:none;
}

#contents-area .nakayoshi article {
	position:relative;
	color:#835526;
	width:240px;
	margin:0;
	padding: 0 0 0;
	display:table-cell;
	vertical-align:top;
	overflow:hidden;
}

#contents-area .nakayoshi article a {
	color:#835526;
}

#contents-area .nakayoshi article .img {
	width:240px;
	height:115px;
	text-align:center;
}

#contents-area .nakayoshi article .img img {
	max-width:240px;
	max-height:115px;
	width /***/:auto;
	height /***/:auto;
	vertical-align:bottom;
}

#contents-area .nakayoshi article .new {
	position:absolute;
	top:0;
	left:5px;
}

#contents-area .nakayoshi article .new img {
	width:32px;
	height:auto;
	border:none;
}

#contents-area .nakayoshi article h4 {
	font-size:11px;
	margin-top:0.5em;
	text-align:left;
	line-height:1.47em;
}


#contents-area .nakayoshi article p.date {
    color: #ec6d81;
    font-size: 10px;
    font-weight: bold;
	margin-top: 15px;
    margin-left: 0;
    text-align: left;
    text-indent: 0;
    line-height: 1.5em;
}
	
#contents-area .nakayoshi .bt-report {
	margin-top: 20px;
}
	
#contents-area .nakayoshi .bt-report img {
	width: auto;
	height: 30px;
}
	
	
	





/* みんなのシナモン */
#contents-area .everyone {
	position:absolute;
	top:1393px;
	left:0;
	right:0;
	max-width:765px;
	height:698px;
	margin:0 auto;
	background:url(../img/everyone_bg.png) center top no-repeat;
	background-size:765px auto;
	z-index:10;
}

#contents-area .everyone h2 {
	position:absolute;
	top:-60px;
	left:0;
	right:0;
}

#contents-area .everyone h2 img {
	width:102px;
	height:auto;
}


#contents-area .everyone h3 {
	position:absolute;
	top:62px;
	left:0;
	right:0;
}

#contents-area .everyone h3 img {
	width:223px;
	height:auto;
}

#contents-area .everyone .box {
	width:253px;
	margin:152px auto 0;
	padding-top: 0 !important;
}
	
#contents-area .everyone .box iframe {
	width: 100% !important;
	height: 200px !important;
}

#contents-area .everyone article {
	position:relative;
	color:#835526;
	width:122px;
	margin:0 9px 20px 0;
	background-color:#fff;
	float:left;
}

#contents-area .everyone article:nth-child(even) {
	margin:0 0 20px 0;
}

#contents-area .everyone article::before {
	position:absolute;
	top:-10px;
	left:53px;
	content:"";
	width:15px;
	height:18px;
	background:url(../common/img/ico_pin.png) no-repeat;;
	background-size:contain;
	z-index:100;
}

#contents-area .everyone article a {
	color:#835526;
	padding:13px 0 24px;
	vertical-align:bottom;
	display:inline-block;
}

#contents-area .everyone article .img {
	width:110px;
	height:110px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}

#contents-area .everyone article .img img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align:bottom;
}



/* しながわ観光MAP */
#contents-area .map {
	display: none;
}


#contents-area .map-sp {
	position: absolute;
	top: 1196px;
	left: 0;
	right: 0;
	width: 290px;
	height: 491px;
	margin: 0 auto;
}

#contents-area .map-sp h2 img {
	width: auto;
	height: 85px;
}

#contents-area .map-sp h3 img {
	width:221px;
	height:auto;
	margin-top: 20px;
}

#contents-area .map-sp img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

#contents-area .map-sp .tab-spot {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	z-index: 10;
}

#contents-area .map-sp .tab-spot li {
	width: 90px;
	height: 41px;
	cursor: pointer;
}

#contents-area .map-sp .box {
	position: relative;
	width: 290px;
	height: 491px;
	margin-top: 30px;
}

#contents-area .map-sp .box > .spot1 {
	position: absolute;
	top: 0;
	left: 0;	
	width: 290px;
}

#contents-area .map-sp .box > .spot2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 290px;
}

#contents-area .map-sp .box > .spot3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 290px;
}

#contents-area .map-sp .box a img {
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	width: 200px;
	height: auto;
	margin: 0 auto;
}

#contents-area .map-sp .dl {
	margin-top: 10px;
}

#contents-area .map-sp .dl img {
	width: 238px;
	height: auto;
}


/* リンクエリア */
#contents-area .link {
	position: absolute;
	top: 2587px;
	left: 0;
	right: 0;
	width: 290px;
	margin: 0 auto;
}

#contents-area .link img {
	width: 100%;
}

#contents-area .link ul li:nth-child(2) {
	margin-top: 22px;
}

#contents-area .link .insta {
	height: 248px;
	margin-top: 33px;
	padding: 30px 0;
	background: url("../img/link_bg_sp.png") center no-repeat;
	background-size: contain;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contents-area .link .insta h2 {
	margin-top: 15px;
}

#contents-area .link .insta h2 .pc {
	display: none;
}

#contents-area .link .insta h2 img {
	width: 263px;
}

#contents-area .link .insta .box p {
	display: none;
}







#sb_instagram #sbi_images .sbi_item {
	position:relative !important;
	color:#835526 !important;
	width:122px !important;
	margin:0 9px 20px 0 !important;
	padding:13px 0 24px !important;
	background-color:#fff !important;
	float:left !important;
}

#sb_instagram #sbi_images .sbi_item:nth-child(even) {
	margin:0 0 20px 0 !important;
}

#sb_instagram #sbi_images .sbi_item::before {
	position:absolute !important;
	top:-10px !important;
	left:53px !important;
	content:"" !important;
	width:15px !important;
	height:18px !important;
	background:url(../common/img/ico_pin.png) no-repeat !important;
	background-size:contain !important;
	z-index:100 !important;
}

#sb_instagram #sbi_images .sbi_photo_wrap {
	display:inline-block !important;
}

#sb_instagram #sbi_images .sbi_item a {
	color:#835526 !important;
	width:110px !important;
	height:110px !important;
	text-align:center !important;
	vertical-align:middle !important;
	display:table-cell !important;
}

#sb_instagram #sbi_images .sbi_item img {
	max-width: 100% !important;
	height: auto !important;
	width /***/:auto !important;
	vertical-align:bottom !important;
}










#contents-area .everyone .bt-more {
	position:relative;
	top:9px;
	float:none;
	clear:both;
}

#contents-area .everyone .bt-more img {
	height: auto;
	width: 176px;
}

#contents-area .everyone .bn-photocontest {
	position:relative;
	top:32px;
	float:none;
	clear:both;
}

#contents-area .everyone .bn-photocontest img {
	width:279px;
	height:auto;
}

#contents-area .everyone .bt-more img,
#contents-area .everyone .bn-photocontest img {
	vertical-align:bottom;
}

.maintenance{
	margin-top: 140px;
    font-size: 14px;
	}
	




/* Illust */
#i-cinnamon1 {
	position:absolute;
	top:91px;
	left:-25px;
	z-index:7780;
}

#i-cinnamon1 img {
	width:auto;
	height:85px;
}

#i-house1 {
	position:absolute;
	top:72px;
	left:-40px;
	z-index:5555;
}

#i-house1 img {
	width:auto;
	height:191px;
}

#i-house1-2 {
	position:absolute;
	top:26px;
	right:-91px;
	z-index:5555;
}

#i-house1-2 img {
	width:auto;
	height:123px;
}

#i-temple {
	position:absolute;
	top:238px;
	/* right:-142px; */
	right:-1000px;
	z-index:5555;
	display:block;
}

#i-temple img.m1 {
	width:auto;
	height:121px;
}

#i-temple img.m2 {
	display:none;
}

#i-balloon1 {
	position:absolute;
	top:814px !important;
	left:11px;
	display:none;
	z-index:9001;
}

#i-balloon2 {
	position:absolute;
	top:78px !important;
	right:29px;
	display:none;
	z-index:8899;
}
	
#i-balloon1 img {
	width: 46px;
	height: auto
}

#i-balloon2 img {
	width: 46px;
	height: auto
}

#i-bill {
	position:absolute;
	top:247px;
	/* left:-78px; */
	left:-1000px;
	z-index:5555;
}

#i-bill img {
	width:auto;
	height:115px;
}

#i-beach {
	position:absolute;
	top:1033px;
	/* right:-106px; */
	right:-1000px;
	z-index:5555;
}

#i-beach img {
	width:218px;
	height:auto;
}

#i-beach img.m2 {
	display:none;
}

#i-beach2 {
	position:absolute;
	top:1050px;
	/* left:-95px; */
	left:-1000px;
	z-index:5555;
}

#i-beach2 img {
	width:auto;
	height:168px;
}

#i-cinnamon2 {
	position:absolute;
	top:1373px;
	right:-103px;
	z-index:9000;
	display: none;
}

#i-cinnamon2 img {
	width:auto;
	height:90px;
}

#i-cafe {
	position:absolute;
	top:3308px;
	/* left:-49px; */
	left:-1000px;
	z-index:9000;
}

#i-cafe img {
	width:auto;
	height:126px;
}

#i-cafe img.m2 {
	display:none;
}

#i-togoshi {
	position:absolute;
	top:3272px;
	/* right:-26px; */
	left:auto !important;
	right:-1000px;
	z-index:9000;
}

#i-togoshi img {
	width:auto;
	height:224px;
}

#i-cloud1 {
	display:none;
}

#i-cloud2 {
	display:none !important;
}

#i-cloud3 {
	position:absolute;
	top:3431px;
	/* right:-76px; */
	right:-1000px;
	z-index:5555;
}

#i-cloud3 img {
	width:auto;
	height:87px;
}

#i-cloud4,
#i-cloud5,
#i-cloud6 {
	display: none;
}


/* banner */
#banner-area {
	position:absolute;
	top:3140px;
	left:0;
	right:0;
	font-size:0;
	width:284px;
	margin:0 auto;
	text-align:left;
}

#banner-area li {
	margin:0 4px 5px 0;
	display:inline-block;
}

#banner-area li:nth-child(even) {
	margin:0 0 5px 0;
}


#banner-area li img {
	width:140px;
	height:auto;
}


}







}