@charset "UTF-8";
html,body{
	margin: 0px;
	padding: 0px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
h1{
	font-size: 1.8em;
	font-weight: 1200;
	line-height: 1.8;
	letter-spacing: 10px;
	 background: url(img/line_title.png) no-repeat center;
	background-size:550px;
    padding-bottom: 60px;
	margin-bottom:50px;
}
h2{text-align: center;
	font-size: 1.4em;
	font-weight: 1200;
	line-height: 2;
	letter-spacing: 1px;
	padding-top:60px;
	padding-bottom:60px;}
img{
	width: 100%;
}
a:link { 	
	transition-duration:0.4s;
	color: #888888; }
a:visited { color: #888888; }
a:active { color: #888888; }
a:hover{ color: #000000; }

div.header{
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

div.top_logo{
	background-color: #000;
	text-align: center;
	width: 45%;
}
p.logo{
	width: 60%;
	text-align: center;
	margin-top: 25%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15%;
}
p.logoissue{
	width: 30%;
	max-width: 200px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
}
div.top_img{
	text-align: right;
	width: 55%;
	padding: 0;
}
p.topimg{
	text-align: right;
	margin: 0;
	padding: 0;
}
p.topimg img{
	width: 100%;
	margin: 0px;
	display: block;
}
p.titleline{width:80%;
padding-top:-30px;
margin-right:auto;
margin-left:auto;}

div.contents{
	width: 800px;
	text-align: center;
	margin: 30px auto 0;
	clear: both;
}
div.intro{
	text-align: center;
	padding-top: 70px;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 3;
	letter-spacing: 1px;
}
.intro span{font-size: 1em;}
.intro_cap img{margin-top:70px;
	margin-bottom:30px;}
.intro_map img{
	margin-top:0;
padding-top:0;}

div.intro_cap
{width:38%;
text-align:left;
float:left;
display:block;}
div.intro_map
{width:58%;
float:right;
display:block;
margin-left:4%;}

div.contentsline{width:80%;
	clear:both;
margin-left:auto;
	margin-right:auto;
	padding-bottom:80px;
	padding-top:80px;
min-width:780px;
display:block;}

div.shop{width:100%;
	padding-top:40px;
}


div.shop_text
{width:47%;
text-align:left;
float:left;
disolay:block;
	text-align: left;
	font-size: 0.75em;
	font-weight: 300;
	line-height: 2;
	letter-spacing: 0.5px;
}
span.shopname{font-size: 1.1em;
	font-weight: 600;}
p.shopcaption{font-size: 0.8em;
	letter-spacing: 0.1px;
	line-height: 1.8;}

div.shop_img
{width:47%;
float:right;
disolay:block;
margin-left:6%;}

div.shopinfo
{clear:both;
padding-top:50px;}

div.shopinfo_left{
border: solid 1px #000000;
	width:640px;
	padding-top:10px;
	padding-right:0px;
	padding-bottom: 20px;
	padding-left: 20px;
	float:left;
	text-align: left;
	font-size: 0.75em;
	font-weight: 300;
	line-height: 1.9;
	letter-spacing: 0.5px;
}
div.cometeimg{padding-bottom:10px;}

p.comete{
	line-height: 1.5;
	padding-bottom:-21px;
}

.shopinfo_left span{font-size: 1.2em;
	line-height: 1.5;
	font-weight: 600;}
.shopinfo_left img
{width:240px;
float:left;
	display:block;
	padding-top:3px;
margin-top:0;
	margin-bottom:0;
	margin-left:0;
margin-right:20px;}

div.shopinfo_right{
	width:9%;
	float:right;
	text-align:right;
margin-right:0;
margin-left:auto;
	display:block;
}
.shopinfo_right img
{width:100%;
margin-top:30%;
margin-bottom:30%;
margin-right:0;
margin-left:auto;
display:block;}



div.guide_left{
	width:50%;
	float:left;
}
.guide_left img
{width:70%;
 margin-right:auto;
margin-left:auto;}
div.guide_right{
	padding-top:30px;
	padding-bottom:80px;
	width:50%;
	float:right;
	text-align:left;
	display:block;
	font-size: 0.85em;
	font-weight: 600;
	line-height: 2.2;
	letter-spacing: 1.2px;
}

/* fotter */
td.footertd{width:23%;}
.footertd img{width:60%;}
td.footertdsns{width:15%;}
.footertdsns img{width:30%;}
.sp_icon{width:60px;
display:inline-block;}
.sp_logo{width:120px;}

.sp { display: none !important; }

/* フェードイン */
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

/* レスポンシブ */

 @media screen and ( max-width : 480px ){
    /*　画面サイズ 500pxから999pxまで適用　*/
.pc { display: none !important; }
.sp { display: block !important; }
h1{
	font-size: 1.3em;
	letter-spacing: 8px;
	 background: url(img/line_title.png) no-repeat center;
	background-size:100%;
    padding-bottom: 30px;
	margin-bottom:20px;
}
h2{text-align: center;
	font-size: 1.1em;
	font-weight: 1200;
	line-height: 2;
	letter-spacing: 1px;
	padding-top:30px;
	padding-bottom:30px;}

div.header{
		 display:block;
		 width:100%;
		 padding:0;
		 position:relative;
	 }
div.top_logo_sp{
	display:block;
	position:absolute;
	width:63%;
	 top:49%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
	 }
div.logoissue_sp{
	display:block;
	position:absolute;
	width:26%;
	 top:70%;
left: 20%;}
div.logoissue2_sp{
	display:block;
	position:absolute;
	width:26%;
	 top:70%;
left: 54%;}
div.contents{
	width: 90%;
	text-align: center;
	margin-top: 10px;
	margin-right: 5%;
	margin-left: 5%;
	clear: both;
}
div.intro{
	clear:both;
	text-align: center;
	padding-top: 40px;
	font-size: 0.8em;
	font-weight: 600;
	line-height: 3;
	letter-spacing: 1px;
}
div.intro_cap
{width:80%;
text-align:left;
float:none;
display:block;
margin-right:10%;
margin-left:10%;}
div.intro_map
{width:100%;
float:none;
display:block;
	 margin-right:0;
	 margin-left:0;
	 text-align:center;}
	 
.intro_cap img{
	padding-top:0;margin-top:10px;
	margin-bottom:30px;}	 

div.spmap{width:350px;
	height:601px;
	 position:relative;
	 border:0;}

div.spmap_solscoffee_shop{
	position:absolute;
	 left:58px;
	top:177px;
	 width:30%;
	 height:3%;}
div.spmap_koncent_shop{
	position:absolute;
	 top:145px;
	 left:209px;
	 width:25%;
	 height:6%;}
div.spmap_comete_shop{
	position:absolute;
	 left:159px;
	top:101px;
	 width:20%;
	 height:3%;}
div.spmap_camera_shop{
	position:absolute;
	 left:123px;
	top:126px;
	 width:22%;
	 height:3%;}
div.spmap_takashimabutton_shop{
	position:absolute;
	 left:43px;
	top:210px;
	 width:22%;
	 height:7%;}
div.spmap_takashimabutton_name{
	position: absolute;
	left: 42px;
	top: 311px;
	width: 39px;
	height: 237px;
}
div.spmap_solscoffee_name{
	position: absolute;
	left: 96px;
	top: 329px;
	width: 44px;
	height: 205px;
}
div.spmap_camera_name{
	position: absolute;
	left: 152px;
	top: 327px;
	width: 44px;
	height: 205px;
}
div.spmap_comete_name{
	position: absolute;
	left: 203px;
	top: 323px;
	width: 44px;
	height: 205px;
}
div.spmap_koncent_name{
	position: absolute;
	left: 255px;
	top: 316px;
	width: 50px;
	height: 231px;
}

	 
div.contentsline{width:90%;
	min-width:100px;
	clear:both;
	padding-bottom:10px;
	padding-top:10px;
display:block;}

div.shop{
	padding-top:20px;
}

div.shop_text
	 	 {float:none;
	 width:100%;
	 	font-size: 0.8em;
	 padding-bottom:10px;}
p.shopcaption{font-size: 0.8em;
	letter-spacing: 0.5px;
	line-height: 2;}
	 
div.shop_img
	 	 {float:none;
	 	 width:100%;
	 	 margin-left:0%;}
div.shopinfo
	 	 {float:none;
	 	 width:100%;}

	 
div.shopinfo_left{
border: solid 1px #000000;
	width:90%;
	padding-top:10px;
	padding-right:15px;
	padding-bottom: 10px;
	padding-left: 15px;
	 	 float:none;
	text-align: left;
	font-size: 0.6em;
	font-weight: 300;
	line-height: 2;
	letter-spacing: 0.5px;
}
	 div.shopinfo_left p.comete{line-height: 2;}
.shopinfo_left img
{width:100%;
	 	 float:none;
	display:block;
	padding-top:3px;}

	 

div.shopinfo_right{
	 	 float:none;
	width:80%;
	text-align:center;
	padding-bottom:30px;
margin-right:10%;
margin-left:10%;
	display:block;
}
.shopinfo_right img
{width:30%;
	margin-right:10%;
	margin-left:10%;
margin-bottom:0px;
	 	 float:none;
display:inline;}
	 
div.guide_left{
	width:100%;
	float:none;
}
.guide_left img
{width:60%;
 margin-right:20%;
margin-left:20%;
	 padding-bottom:40px;}
div.guide_right{
	padding-top:10px;
	padding-bottom:20px;
	width:90%;
	float:none;
	text-align:left;
	display:block;
	font-size: 0.8em;
	font-weight: 600;
	line-height: 2.2;
 margin-right:5%;
margin-left:5%;
	letter-spacing: 1.2px;
}
}