@charset "utf-8";

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

mt調整

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

.mt-image-none{
	margin:10px 0;
	}

em{
	font-style: normal;
	}


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

blogshopname

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


.blog .blogshopname{
	width: 1120px;
	height: auto;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	}
@media screen and (max-width: 480px) {
.blog .blogshopname{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: none;
	}
	}

.blog .blogshopname p{
	font-size: 21px;
	font-weight: 300;
	}
@media screen and (max-width: 480px) {
.blog .blogshopname p{
	font-size: 17px;
	}
	}

.blog .blogshopname p.eng{
	font-size: 21px;
	font-weight: normal;
	font-weight: 300;
	}
@media screen and (max-width: 480px) {
.blog .blogshopname p.eng{
	font-size: 12px;
	}
	}

/*--↑インデックスの時-------------------------*/
.blogindex .blog .blogshopname{
	width: 1120px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 40px;
	border-bottom: none;
	}
@media screen and (max-width: 480px) {
.blogindex .blog .blogshopname{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 20px;
	border-bottom: none;
	}
	}
/*------------*/



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

インデックスページ

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

.map_info{
	float: left;
	width: 700px;
	height: auto;
	margin: 0 auto;
	padding: 0 0;
	}
@media screen and (max-width: 480px) {
.map_info{
	float: none;
	width: 100%;
	}
	}

.map_info #map{
	width: 720px;
	height: 450px;
	}
@media screen and (max-width: 480px) {
.map_info #map{
	width: 100%;
	height: 200px;
	}
	}

.map_info #map p{
	font-size: 12px;
	margin: 20px 0 20px;
	line-height: 1.8;
	font-weight: normal;
	font-weight: 400;
	}


.map_info p{
	font-size: 13px;
	margin: 20px 0 20px;
	line-height: 2;
	font-weight: normal;
	font-weight: 400;
	}
@media screen and (max-width: 480px) {
.map_info p{
	font-size: 12px;
	line-height: 1.8;
	}
	}


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

shopdata_top

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

.shopdata_top{
	float: right;
	width: 320px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	border-top: none;
	}
@media screen and (max-width: 480px) {
.shopdata_top{
	float: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	border-top: none;
	}
	}

.shopdata_top p{
	font-size: 12px;
	line-height: 1.8;
	color: #333;
	padding: 0;
	margin: 0 0 20px;
	}

.shopdata_top p.ttl{
	font-size: 12px;
	font-weight: bold;
	font-weight: 700;
	margin: 0;
	}

.shopdata_top p.photo{
	padding: 0;
	width: 320px;
	height: auto;
	overflow: hidden;
	}
@media screen and (max-width: 480px) {
.shopdata_top p.photo{
	padding: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	}
	}

.shopdata_top p.photo img{
	width: 318px;
	height: auto !important;
	}
@media screen and (max-width: 480px) {
.shopdata_top p.photo img{
	width: 100%;
	height: auto;
	}
	}

.shopdata_top  img.shop_sns{
	width: 35px;
	height: auto;
	margin: 10px 0 0;
	padding: 0;
	}

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

index_shopblog

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

.shoptopblog{
	padding-top: 40px;
	}
@media screen and (max-width: 480px) {
.shoptopblog{
	padding-top: 30px;
	}
	}


.shoptopblog .title{
	font-size: 16px;
	font-weight: 300;
	letter-spacing: .1em;
	margin-bottom: 40px;
	padding-left: 40px;
	}
@media screen and (max-width: 480px) {
.shoptopblog .title{
	font-weight: 300;
	text-align: center;
	letter-spacing: .1em;
	padding-left: 0;
	}
	}


.index_shopblog{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	border-top: 1px solid #333;
	}

.index_shopblog .shoulder{
	width: 1040px;
	height: 40px;
	margin: 0 auto;
	padding: 40px 0;
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url(https://tomorrowland.jp/_data/images/storeblog.svg);
	background-size: 24%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
@media screen and (max-width: 480px) {
.index_shopblog .shoulder{
	width: 100%;
	height: 40px;
	background-size: 63%;
	padding: 10px 0;
	border-bottom: none;
	}
	}

.index_shopblog .viewall{
	position: absolute;
	top: 45px;
	right: 30px;
	width: 120px;
	height: auto;
	z-index: 2;
	}
@media screen and (max-width: 480px) {
.index_shopblog .viewall{
	position: absolute;
	top: 20px;
	right: 0;
	width: 90px;
	height: auto;
	z-index: 2;
	}
	}

.index_shopblog .viewall img{
	width: 100%;
	height: auto;
	/*-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;*/
	}

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

latestblog

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

.index_shopblog .latestblog{
	display: block;
	width: 1040px;
	height: auto;
	margin: 0 auto;
	position: relative;
	padding: 0;
	border-bottom: none;
	}
@media screen and (max-width: 480px) {
.index_shopblog .latestblog{
	width: 100%;
	}
	}

.index_shopblog .latestblog .photo{
	float: left;
	width: 300px;
	height: auto;
	overflow: hidden;
	border: 10px solid #333;
	position: relative;
	/*background-color:#333;*/
	}
@media screen and (max-width: 480px) {
.index_shopblog .latestblog .photo{
	float: none;
	width: 93%;
	height: auto;
	}
	}

.index_shopblog .latestblog .photo img{
	width: 100%;
	height: auto;
	/*-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;*/
	}

.index_shopblog .latestblog .textrui{
	float: right;
	width: 680px;
	height: auto;
	overflow: hidden;
	position: relative;
	}
@media screen and (max-width: 480px) {
.index_shopblog .latestblog .textrui{
	float: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	}
	}

.index_shopblog .latestblog .textrui p{
	font-size: 13px;
	line-height: 1.8;
	padding: 10px 0 0;
	text-align:justify;
	text-justify:inter-ideograph; 
	}
@media screen and (max-width: 480px) {
.index_shopblog .latestblog .textrui p{
	font-size: 12px;
	line-height: 1.5;
	}
	}

.index_shopblog .latestblog .textrui p.newstitle{
	font-size: 17px;
	font-weight: bold;
	font-weight: 700;
	text-align: left;
	}
@media screen and (max-width: 480px) {
.index_shopblog .latestblog .textrui p.newstitle{
	font-size: 14px;
	font-weight: bold;
	font-weight: 700;
	text-align: left;
	}
	}

.index_shopblog .latestblog .textrui p.readmore{
	font-weight: bold;
	font-weight: 700;
	text-decoration: underline;
	}


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

instagram

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

.instagram{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 30px;
	position: relative;
	background-color: #333;
	background-image: url(https://tomorrowland.jp/_data/images/instagram.svg);
	background-size: 100px;
	background-position: 40px 27px;
	background-repeat: no-repeat;
	}
@media screen and (max-width: 480px) {
.instagram{
	padding: 0 0 20px ;
	background-size: 80px;
	background-position: center 20px;
	}
	}

.instagram p.instname{
	width: auto;
	height: 80px;
	margin: 0 0 0 160px;
	padding: 0 0 0;
	position: relative;
	font-size: 14px;
	font-weight: normal;
	font-weight: 400;
	line-height: 80px;
	color: #fff;
	}
@media screen and (max-width: 480px) {
.instagram p.instname{
	display: none;
	}
	}

.instagram p.instname a{
	color: #fff;
	text-decoration: underline;
	}

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

.instagram .latest{
	width: 1040px;
	height: auto;
	margin: 0 auto;
	position: relative;
	}
@media screen and (max-width: 480px) {
.instagram .latest{
	width: 90%;
	}
	}

.instagram .latest .one{
	float: left;
	width: 320px;
	height: auto;
	margin: 0 40px 0 0;
	padding: 0;
	position: relative;
	}
@media screen and (max-width: 480px) {
.instagram .latest .one{
	float: none;
	width: 100%;
	height: auto;
	padding: 60px 0 0 0;
	margin: 0 0;
	}
	}

.instagram .latest .one:nth-child(2){
	}
@media screen and (max-width: 480px) {
.instagram .latest .one:nth-child(2){
	display: none;
	}
	}

.instagram .latest .one:nth-child(3){
	float: right;
	margin: 0 0 0 0;
	}
@media screen and (max-width: 480px) {
.instagram .latest .one:nth-child(3){
	display: none;
	}
	}

.instagram .latest .one img{
	width: 100%;
	height: auto;
	/*-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;*/
	}

.instagram p.instname_sp{
	display: none;
	}
@media screen and (max-width: 480px) {
.instagram p.instname_sp{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	}
	}

.instagram p.instname_sp a{
	color: #fff;
	text-decoration: underline;
	}

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


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

power

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

.power{
	width: 1120px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 40px 0;
	}
@media screen and (max-width: 480px) {
.power{
	width: 100%;
	padding: 0 0 20px 0;
	}
	}

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

詳細ページ

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

.product{
	float: left;
	width: 700px;
	height: auto;
	margin: 0 auto;
	padding: 0 0;
	}
@media screen and (max-width: 480px) {
.product{
	float: none;
	width: 100%;
	}
	}

.product p{
	font-size: 13px;
	margin: 20px 0 20px;
	line-height: 2;
	font-weight: normal;
	font-weight: 400;
	}
@media screen and (max-width: 480px) {
.product p{
	font-size: 11px;
	line-height: 1.8;
	}
	}

.product p.dayarea{
	font-size: 12px;
	margin-top: 0;
	font-weight: normal;
	font-weight: 400;
	}
@media screen and (max-width: 480px) {
.product p.dayarea{
	font-size: 10px;
	}
	}

.product p.title{
	font-size: 21px;
	margin-top: 20px;
	line-height: 1.8;
	font-weight: bold;
	font-weight: 700;
	}
@media screen and (max-width: 480px) {
.product p.title{
	font-size: 16px;
	margin-top: 10px;
	line-height: 1.5;
	}
	}

.product img{
	width: auto;
	max-width: 100%;
	height: auto;
	}
@media screen and (max-width: 480px) {
.product img{
	width: 100%;
	height: auto;
	}
	}

.product p.info{
	font-size: 11px;
	margin: 0;
	line-height: 2;
	font-weight: bold;
	}

.product ul{
	padding: 0;
	margin: 10px 0 0;
	}


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

share

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

.product p.share{
	font-size: 12px;
	margin: 30px 0 30px;
	}

.product p.share img{
	width: 30px;
	height: auto;
	margin: 10px 5px 0 0;
	border: none;
	}


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

localnavi

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

.localnavi{
	display: table;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	}

.localnavi p.nextpost{
	display: table-cell;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	}

.localnavi p.nextpost img{
	width: 60px;
	height: auto;
	border: none;
	}

.localnavi p.prevpost{
	display: table-cell;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: right;
	}

.localnavi p.prevpost img{
	width: 60px;
	height: auto;
	border: none;
	}


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

backshoptop

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

.backshoptop{
	width: 100%;
	margin-top: 30px;
	padding-top: 30px;
	}
@media screen and (max-width: 480px) {
.backshoptop{
	padding-top: 20px;
	}
	}

.backshoptop p{
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url(https://tomorrowland.jp/_data/images/arrowback.svg);
	background-size: contain;
	padding-left: 40px;
	}
@media screen and (max-width: 480px) {
.backshoptop p{
	padding-left: 30px;
	}
	}



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

shopdata

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

.shopdata{
	float: right;
	width: 320px;
	height: auto;
	margin: 0 auto;
	padding: 50px 0 0 0;
	font-weight: normal;
	}
@media screen and (max-width: 480px) {
.shopdata{
	display: none;
	}
	}

.blogindex .shopdata{
	float: right;
	width: 320px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
	border-top: none;
	}

.shopdata p{
	font-size: 12px;
	line-height: 1.8;
	color: #333;
	padding: 0;
	margin: 0 0 20px;
	}

.shopdata p.ttl{
	font-size: 12px;
	font-weight: bold;
	font-weight: 700;
	}

.shopdata p.photo{
	padding: 0;
	width: 320px;
	height: auto;
	overflow: hidden;
	}

.shopdata p.photo img{
	width: 320px;
	height: auto !important;
	/*-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;*/
	}

.shopdata p.shoppage{
	width: 100%;
	height: auto;
	border-top: 1px solid #ccc;
	}

.shopdata p.shoppage img{
	padding: 25px 0 0;
	width: 110px;
	height: auto;
	border: none;
	}