.clearfix:after {
	clear:both;
	content:" ";
	display:block;
}
#main_cp .sp {display:none;}
body {}

/*
* Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }



#main_cp {
	padding:120px 0 0 0;
	font-size:15px;
	font-family: 'Noto Sans Japanese', "メイリオ", 'ＭＳ Ｐゴシック', Helvetica, Verdana, Arial, sans-serif;
}
#main_cp img {
	width:100%;
}
#main_cp a img {
	transition:0.5s;
}
#main_cp a img:hover {
	opacity:0.8;
}


#main_cp #col01_sec,
#main_cp #col02_sec,
#main_cp #col03_sec,
#main_cp #col04_sec,
#main_cp #col_howto_sec {
	margin:-170px 0 0 0;
	padding:170px 0 0 0;
}

/* ------------------

 mainimg
 
------------------ */
#main_cp .mainimg {
	background:url(../img/mainimg_bg01.png);
}
#main_cp .mainimg .mainimg_in {
	position:relative;
	width:1002px;
	height:1042px;
	margin:0 auto;
}
#main_cp .mainimg .mainimg_in h1 {
	padding:48px 0 0 0;
	text-align:center;
}
#main_cp .mainimg .mainimg_in h1 img {}
#main_cp .mainimg .mainimg_in .mainimg_btn {
	position:absolute;
	width:201px;
	height:201px;
	right:0;
	bottom:126px;
	background:url(../img/mainimg_btn_over.png) no-repeat;
	background-size:contain;
}
#main_cp .mainimg .mainimg_in .mainimg_btn span {
	display:none;
}
#main_cp .mainimg .mainimg_in .mainimg_btn a {
	display: block;
	width:201px;
	height:201px;
}
#main_cp .mainimg .mainimg_in .mainimg_btn a:hover img {
	opacity:0;
}
#main_cp .mainimg .mainimg_in .mainimg_date {
	padding:30px 0 0 0;
	text-align:center;
}

#main_cp .mainimg #menu {
	padding:0 0 50px 0;
	background:linear-gradient(rgba(0,0,0,0) 50%, rgba(152,215,225,1) 50%);
}
#main_cp .mainimg #menu .menu_in {
	position:relative;
	width:1002px;
	margin:0 auto;
}
#main_cp .mainimg #menu ul {}
#main_cp .mainimg #menu ul li {
	float:left;
	width:237px;
	margin:0 18px 0 0;
}
#main_cp .mainimg #menu ul li:last-child {
	margin:0;
}
#main_cp .mainimg #menu .menu_in .c_img01 {
	position:absolute;
	width:147px;
	top:-110px;
	right:-10px;
	z-index:+1;
}



/* ------------------

 topnav_wrap
 
------------------ */
#topnav {
	margin:0 3% 0 0;
}
#topnav a {
	color: #ffffff;
	text-decoration: underline;
}
#topnav .inner {
	background-size: 150% auto;
}
#topnav .inner p {
	padding: 15px 0 10px;
}
#topnav ul {
	overflow: hidden;
}
#topnav ul li {
	float: left;
	margin: 0 0 -3px 0;
	width: 50%;
}
#topnav ul li img {
	width: 100%;
}



/* ------------------

 col01
 
------------------ */
#main_cp .col01_bg {
	padding:0 0 98px 0;
	background:url(../img/col01_bg.png);
}
#main_cp #col01 {
	width:1100px;
	margin:0 auto;
}
#main_cp #col01 .col01_in {
	border-top:1px solid #fde4df;
}
#main_cp #col01 .col01_in h2 {
	margin:-12px 0 0 0;
	padding:0 0 0 0;
}
#main_cp #col01 .col01_notice_in {
	position:relative;
	width:902px;
	margin:0 auto;
	padding:0 0 60px 0;
}
#main_cp #col01 .col01_notice_in ul {
	width:640px;
	margin:2em 0 0 0;
}
#main_cp #col01 .col01_notice_in ul li {
	margin:0 0 0 1em;
	text-indent:-1em;
}
#main_cp #col01 .col01_notice_in .c_img02 {
	position:absolute;
	width:326px;
	bottom:0;
	right:-100px;
	z-index:+1;
}

/* col01_drink */
#main_cp #col01 .col01_drink {
	width:904px;
	margin:0 auto;
}
#main_cp #col01 .notice {
	position:absolute;
	margin:-22px auto 0 auto;
	font-size:90%;
	text-align:center;
}
#main_cp #col01 .img {
	position:relative;
	width:904px;
	margin:0 auto;
}
#main_cp #col01 .img p {
	position:absolute;
	width:100%;
	top:1em;
	text-align:center;
}
#main_cp #col01 .col01_drink .c_img02 {
	position:absolute;
	width:200px;
	right:28px;
	bottom:68px;
}


/* ------------------

 col02
 
------------------ */
#main_cp .col02_bg {
	position:relative;
	padding:0 0 60px 0;
	background:url(../img/col02_bg.png);
	z-index:+1;
}
#main_cp #col02 {
	width:1001px;
	margin:0 auto;
}
#main_cp #col02 .col02_in {
	position:relative;
	border-top:1px solid #cedff2;
}
#main_cp #col02 .col02_in h2 {
	margin:-126px 0 0 0;
}
#main_cp #col02 .col02_in .btn {
	position:absolute;
	width:130px;
	top:265px;
	left:140px;
}
#main_cp #col02 .col02_in .c_img03 {
	position:absolute;
	width:141px;
	bottom:-39px;
	left:-40px;
	z-index:+1;
}


/* ------------------

 col_howto
 
------------------ */
#main_cp #col_howto {
	width:904px;
	margin:70px auto 0 auto;
	padding:20px 0;
	border:4px solid #f57e74;
	border-radius:30px;
	box-sizing:border-box;
}
#main_cp #col_howto dl {
	display:table;
	width:800px;
	margin:0 auto;
}
#main_cp #col_howto dl dt {
	display:table-cell;
	width:260px;
	vertical-align:middle;
}
#main_cp #col_howto dl dt p {
	margin:1.8em 0 0 1em;
	text-indent:-1em;
	text-align:justify;
	text-justify:inter-ideograph;
}
#main_cp #col_howto dl dd {
	display:table-cell;
	text-align:right;
}
#main_cp #col_howto dl dd img {
	width:90%;
}


/* ------------------

 col_date
 
------------------ */
#main_cp #col_date {
	width:904px;
	margin:48px auto 0 auto;
}
#main_cp #col_date p {
	margin:1em 0 0 0;
	text-align:center;
}


/* ------------------

 col_outline
 
------------------ */
#main_cp #col_outline {
	width:1006px;
	margin:90px auto 0 auto;
}
#main_cp #col_outline h3 {
	background:#5993d2;
	text-align:center;
}
#main_cp #col_outline h3 img {
	width:auto;
	height:59px;
}
#main_cp #col_outline .outline_in {
	overflow-y:scroll;
	height:610px;
	padding:0 3%;
	background:#fff;
	border:4px solid #5993d2;
	border-top:0;
	box-sizing:border-box;
	font-size:90%;
}
#main_cp #col_outline .outline_in .article {
	margin:2em 0 5px 0;
	color:#5993d2;
	font-size:120%;
	font-weight:700;
}
#main_cp #col_outline .outline_in ul {}
#main_cp #col_outline .outline_in ul li {
	margin:0 0 0 1em;
	text-indent:-1em;
}
#main_cp #col_outline .outline_in a {
	color:#707999;
	text-decoration:underline;
}


/* ------------------

 entry_btn
 
------------------ */
#main_cp #entry_btn {
	width:502px;
	margin:45px auto 0 auto;
}
#main_cp #entry_btn a {
	display:block;
	width:502px;
	height:187px;
	background:url(../img/entry_btn_over.png) no-repeat;
	background-size:contain;
	opacity:1;
}
#main_cp #entry_btn a:hover img {
	opacity:0;
}


/* ------------------

 col03
 
------------------ */
#main_cp #col03 {
	padding:70px 0 100px 0;
	background:url(../img/col03_bg.png);
}
#main_cp #col03 .col03_in {
	width:1060px;
	margin:0 auto;
}
#main_cp #col03 .col03_in h2 {}
#main_cp #col03 .col03_in p.lead {
	margin:36px 0 0 0;
	font-size:32px;
	font-weight:700;
	line-height:1.4;
	text-align:center;
}
#main_cp #col03 .col03_in .date {
	width:1002px;
	margin:20px auto 0 auto;
}
#main_cp #col03 .col03_in h3 {
	width:1002px;
	margin:50px auto 0 auto;
}
#main_cp #col03 .col03_in ul.flow {
	width:1002px;
	margin:28px auto 0 auto;
}
#main_cp #col03 .col03_in ul.flow li {
	float:left;
	width:25%;
}
#main_cp #col03 .col03_in ul.flow li p {
	width:80%;
	margin:1em auto 0 auto;
	text-align:justify;
	text-justify:inter-ideograph;
}
#main_cp #col03 .col03_in ul.sns {
	margin:40px auto 0 auto;
	text-align:center;
}
#main_cp #col03 .col03_in ul.sns li {
	display:inline-block;
	width:300px;
	margin:0 4%;
}
#main_cp #col03 .col03_in .img {
	width:1002px;
	margin:45px auto 0 auto;
}


/* ------------------

 col_outline2
 
------------------ */
#main_cp #col_outline2 {
	width:1002px;
	margin:38px auto 0 auto;
}
#main_cp #col_outline2 h3 {
	background:#d3a867;
	text-align:center;
}
#main_cp #col_outline2 h3 img {
	width:auto;
	height:59px;
}
#main_cp #col_outline2 .outline2_in {
	overflow-y:scroll;
	height:370px;
	padding:3%;
	background:#fff;
	border:4px solid #d3a867;
	border-top:0;
	box-sizing:border-box;
	font-size:90%;
}
#main_cp #col_outline2 .outline2_in .article {
	margin:2em 0 5px 0;
	color:#d3a867;
	font-size:120%;
	font-weight:700;
}
#main_cp #col_outline2 .outline2_in ul {}
#main_cp #col_outline2 .outline2_in ul li {
	margin:0 0 0 1em;
	text-indent:-1em;
}
#main_cp #col_outline2 .outline2_in a {
	color:#707999;
	text-decoration:underline;
}


/* ------------------

 col_gallery
 
------------------ */
#main_cp #col_gallery {
	padding:95px 0 0 0;
}
#main_cp #col_gallery .gallery_in {
	width:1062px;
	margin:50px auto 0 auto;
}


/* ------------------

 col04
 
------------------ */
#main_cp .col04_bg {
	padding:0 0 90px 0;
	background:#98d7e1;
}
#main_cp #col04 .col04_in {
	position:relative;
	width:979px;
	margin:0 auto;
	padding:90px 0 0 0;
}
#main_cp #col04 .col04_in .btn {
	position:absolute;
	width:100%;
	bottom:48px;
	text-align:center;
}
#main_cp #col04 .col04_in .btn img {
	width:422px;
}


/* ------------------

 col_contact
 
------------------ */
#main_cp #col_contact {
	background:#fff;
}
#main_cp #col_contact .contact_in {
	position:relative;
	width:900px;
	margin:0 auto;
	padding:50px 0 45px 0;
	color:#7e634c;
	text-align:center;
}
#main_cp #col_contact .contact_in h3 {
	width:630px;
	margin:0 auto;
	padding:2px 0;
	font-size:150%;
	border:1px solid #7e634c;
}
#main_cp #col_contact .contact_in p {
	width:630px;
	margin:0 auto;
	font-weight:700;
	text-align:center;
}
#main_cp #col_contact .contact_in p.article {
	margin-top:6px;
	font-size:150%;
}
#main_cp #col_contact .contact_in p.tel {
	margin-top:6px;
	padding:0 0 15px 0;
	border-bottom:1px solid #7e634c;
	line-height:1.4;
}
#main_cp #col_contact .contact_in p.copy {
	margin-top:10px;
	font-size:80%;
	font-weight:700;
}
#main_cp #col_contact .contact_in .c_img06 {
	position:absolute;
	width:53px;
	left:0;
	bottom:-2px;
	z-index:+1;
}
#col_pagetop {
	position:fixed;
	right:10px;
	bottom:10px;
	width:240px;
	z-index:+1;
}
#col_pagetop img {
	transition:0.5s;
}
#col_pagetop img:hover {
	opacity:0.8;
}
#hamaFooter {margin-top:0 !important;}


/* ------------------

 cp_nav
 
------------------ */
#main_cp #cp_nav {
	position:fixed;
	width:382px;
	right:-301px;
	top:210px;
	font-size:0;
	z-index:+11;
}
#main_cp #cp_nav #cp_nav_btn {
	float:left;
	width:81px;
	cursor:pointer;
}
#main_cp #cp_nav #cp_nav_btn.active {}
#main_cp #cp_nav ul {
	float:left;
	width:301px;
}
#main_cp #cp_nav a,
#main_cp #cp_nav a img:hover {
	opacity:1 !important;
}
#main_cp #cp_nav_bg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	z-index:+10;
}


/* ------------------

 SNS_gallery
 
------------------ */
#ss_list_area,
#timeline {
	width:90% !important;
	max-width:1000px !important;
	margin:0 auto !important;
}





/* ------------------

owly
 
------------------ */
.ownlyUgcWidget_block .ownlyUgc {
    margin: 0 -10px 0 auto !important;
}
.ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
	padding: 0 !important;
}
.ownlyUgcsetListItems {
    width: calc(25% - 10px) !important;
}
.ownlyUgcSlide {
    width: 100% !important;
}
.ownlySlideListItem {
    width: 100% !important;
}
.ownlyUgcWidget_block .ownlyUgcsetPostPhoto {
    width: 100% !important;
}