@charset "utf-8";
/*===============================================
●smart.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width:736px){
	#head {
		width : 960px;
	}
	#site_box {
		width : 960px;
	}
}
	/*===============================================
	●smart.css 画面の横幅が640px以下
	===============================================*/
	@media screen and (max-width:640px){
		#head,#site_box {
			width : 100%;
		}

	/*
	clear fix
	---------------------------------- */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.clearfix {
		min-height: 1px;
	}

	* html .clearfix {
		height: 1px;
		/*¥*//*/
		height: auto;
		overflow: hidden;
		/**/
	}

	img{
	max-width: 100%;
	vertical-align: bottom;
	height: auto;
	width /***/:auto;　
	}
	body {
		width: 100%;
	}

	.sp_hidden {
		display: none;
	}
	.sp_show{
		display: block;
	}

	#head p {
		display: none;
	}
	.sp_ttl {
    border: 1px solid #fff;
    color: #ffffff;
    background-color: #49DAAC;
    text-align: center;
    -webkit-box-shadow: 0 0 3px #666666;
		box-shadow: 0 0 3px #666666;
    padding: 10px 5px;
    font-size: 65%;
		text-align: left;
}
#head .sp_ttl {
	text-align: center;
}

/* ---------------------
 翻訳　セレクトボックス
--------------------- */
#google_translate_element {
	width: 55%;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
}
select.goog-te-combo {
	-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
appearance:none;

	background-color: #3b8ec2;
  overflow: hidden;
    border-width: 0px;
    border: none;
		margin : 0 10px 0 0!important;
		color: #fff!important;
		outline: 0;
		font-size: 14px;
	  height: 29px;
	  padding: 5px;
	  width: 100%;
		border-radius: 3px;
}
#flags {
	width: 41%;
	float: right;
	padding-top: 5px;
}
#flags img {
	border: 1px solid #e4e4e4;
	width: 21%;
	height: auto;
}




#logo img ,#title img {
	margin: 0 auto;
}
#title.p {
	padding: 0;
}
.sp-nav {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}
.sp-nav li {
	padding-left: 5px;
}
.sp-nav li a {
  margin: 2px 0 5px 0;
  border-radius: 3px;
  color: #fff;
  display: block;
  padding: 10px;
  text-decoration: none;
	text-align:center;
}
/* button 色
-----------------------------  */
.btn_pink {
  padding: 3px;
  color: #fff;
  background-color: #FF0081;
  text-align: center;
}
.btn_area1 {
  padding: 5px;
  color: #fff;
  background-color: #ED7600;
  text-align: center;
	font-size: 12px;
}
.color_area1 {
	color:#ED7600;
}
.btn_area2 {
  padding: 5px;
  color: #fff;
  background-color: #1EAA39;
  text-align: center;
	font-size: 12px;
}
.color_area2 {
	color:#1EAA39;
}
.btn_area3 {
  padding: 5px;
  color: #fff;
  background-color: #FF82BA;
  text-align: center;
	font-size: 12px;
}
.color_area3 {
	color:#FF82BA;
}
.btn_area4 {
  padding: 5px;
  color: #fff;
  background-color: #286DBF;
  text-align: center;
	font-size: 12px;
}
.color_area4 {
	color:#7abcff;
}
.btn_area5 {
  padding: 5px;
  color: #fff;
  background-color: #7abcff;
  text-align: center;
	font-size: 12px;
}
.color_area5 {
	color:#8c6d79;
}
.btn_area6 {
  padding: 5px;
  color: #fff;
  background-color: #A8622E;
  text-align: center;
	font-size: 12px;
}
.color_area6 {
	color:#A8622E;
}
.btn_area7 {
  padding: 5px;
  color: #fff;
  background-color: #00938D;
  text-align: center;
	font-size: 12px;
}
.color_area7 {
	color:#00938D;
}
.btn_area8 {
  padding: 5px;
  color: #fff;
  background-color: #723790;
  text-align: center;
	font-size: 12px;
}
.color_area8 {
	color:#723790;
}
.btn_area9 {
  padding: 5px;
  color: #fff;
  background-color: #f27961;
  text-align: center;
	font-size: 12px;
}
.color_area9 {
	color:#f27961;
}
.btn_area10 {
  padding: 5px;
  color: #fff;
  background-color: #B74E84;
  text-align: center;
	font-size: 12px;
}
.color_area10 {
	color:#B74E84;
}
.btn_area11 {
  padding: 5px;
  color: #fff;
  background-color: #E8464E;
  text-align: center;
	font-size: 12px;
}
.color_area11 {
	color:#E8464E;
}
.btn_area12 {
  padding: 5px;
  color: #fff;
  background-color: #00A27B;
  text-align: center;
	font-size: 12px;
}
.color_area12 {
	color:#00A27B;
}

.btn_new {
	width: 52px;
  padding: 2px;
  color: #fff;
  background-color: #DC2000;
  text-align: center;
}

.sp_btn_area1 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fed84f+1,ed7600+100 */
	background: #fed84f; /* Old browsers */
	background: -moz-linear-gradient(top,  #fed84f 1%, #ed7600 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fed84f 1%,#ed7600 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fed84f 1%,#ed7600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed84f', endColorstr='#ed7600',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area2 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c2deb1+1,1eaa39+100 */
	background: #c2deb1; /* Old browsers */
	background: -moz-linear-gradient(top,  #c2deb1 1%, #1eaa39 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c2deb1 1%,#1eaa39 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c2deb1 1%,#1eaa39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2deb1', endColorstr='#1eaa39',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area3 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd4ec+1,ff82ba+100 */
	background: #ffd4ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd4ec 1%, #ff82ba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffd4ec 1%,#ff82ba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffd4ec 1%,#ff82ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd4ec', endColorstr='#ff82ba',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area4 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9bbffe+1,286dbf+100 */
	background: #9bbffe; /* Old browsers */
	background: -moz-linear-gradient(top,  #9bbffe 1%, #286dbf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #9bbffe 1%,#286dbf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #9bbffe 1%,#286dbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bbffe', endColorstr='#286dbf',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area5 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4b6b9+1,8c6d79+100 */
	background: #c4b6b9; /* Old browsers */
	background: -moz-linear-gradient(top,  #c4b6b9 1%, #8c6d79 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c4b6b9 1%,#8c6d79 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c4b6b9 1%,#8c6d79 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4b6b9', endColorstr='#8c6d79',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area6 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9bc9d+1,a8622e+100 */
	background: #d9bc9d; /* Old browsers */
	background: -moz-linear-gradient(top,  #d9bc9d 1%, #a8622e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d9bc9d 1%,#a8622e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d9bc9d 1%,#a8622e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9bc9d', endColorstr='#a8622e',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area7 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9cd1cb+0,00938d+100 */
	background: #9cd1cb; /* Old browsers */
	background: -moz-linear-gradient(top,  #9cd1cb 0%, #00938d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #9cd1cb 0%,#00938d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #9cd1cb 0%,#00938d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cd1cb', endColorstr='#00938d',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area8 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5afd3+0,723790+100 */
	background: #c5afd3; /* Old browsers */
	background: -moz-linear-gradient(top,  #c5afd3 0%, #723790 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c5afd3 0%,#723790 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c5afd3 0%,#723790 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5afd3', endColorstr='#723790',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area9 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7d7ca+1,f27961+100 */
	background: #f7d7ca; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7d7ca 1%, #f27961 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f7d7ca 1%,#f27961 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f7d7ca 1%,#f27961 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d7ca', endColorstr='#f27961',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area10 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddbacb+1,b74e84+100 */
	background: #ddbacb; /* Old browsers */
	background: -moz-linear-gradient(top,  #ddbacb 1%, #b74e84 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ddbacb 1%,#b74e84 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ddbacb 1%,#b74e84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddbacb', endColorstr='#b74e84',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area11 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcece4+1,e8464e+100 */
	background: #fcece4; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcece4 1%, #e8464e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcece4 1%,#e8464e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcece4 1%,#e8464e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcece4', endColorstr='#e8464e',GradientType=0 ); /* IE6-9 */
}
.sp_btn_area12 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a3d5c1+1,00a27b+100 */
	background: #a3d5c1; /* Old browsers */
	background: -moz-linear-gradient(top,  #a3d5c1 1%, #00a27b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a3d5c1 1%,#00a27b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a3d5c1 1%,#00a27b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d5c1', endColorstr='#00a27b',GradientType=0 ); /* IE6-9 */
}

.area1 .sp_btn_area1 a,
.area2 .sp_btn_area2 a,
.area3 .sp_btn_area3 a,
.area4 .sp_btn_area4 a ,
.area5 .sp_btn_area5 a ,
.area6 .sp_btn_area6 a ,
.area7 .sp_btn_area7 a ,
.area8 .sp_btn_area8 a ,
.area9 .sp_btn_area9 a ,
.area10 .sp_btn_area10 a ,
.area11 .sp_btn_area11 a ,
.area12 .sp_btn_area12 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
	background: #b5bdc8; /* Old browsers */
	background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
	pointer-events: none;
}
.line_area1 {
	border-top: 2px solid #ED7600;
	border-bottom: 2px solid #ED7600;
}
.line_area2 {
	border-top: 2px solid #1EAA39;
	border-bottom: 2px solid #1EAA39;
}
.line_area3 {
	border-top: 2px solid #FF82BA;
	border-bottom: 2px solid #FF82BA;
}
.line_area4 {
	border-top: 2px solid #286DBF;
	border-bottom: 2px solid #286DBF;
}
.line_area5 {
	border-top: 2px solid #8c6d79;
	border-bottom: 2px solid #8c6d79;
}
.line_area6 {
	border-top: 2px solid #A8622E;
	border-bottom: 2px solid #A8622E;
}
.line_area7 {
	border-top: 2px solid #00938D;
	border-bottom: 2px solid #00938D;
}
.line_area8 {
	border-top: 2px solid #723790;
	border-bottom: 2px solid #723790;
}
.line_area9 {
	border-top: 2px solid #f27961;
	border-bottom: 2px solid #f27961;
}
.line_area10 {
	border-top: 2px solid #B74E84;
	border-bottom: 2px solid #B74E84;
}
.line_area11 {
	border-top: 2px solid #E8464E;
	border-bottom: 2px solid #E8464E;
}
.line_area12 {
	border-top: 2px solid #00A27B;
	border-bottom: 2px solid #00A27B;
}
#prime_shop .sp_ttl {
margin-bottom: 5px;
}

#prime_shop li {
	width: 100%;
	margin: 5px 0 0;
}

.s_box {
	display: -webkit-inline-flex;
	display: inline-flex;
}

.inner-box {
width: 40%;
display: -webkit-inline-flex;
display: inline-flex;
}

.inner-box .s_left,.inner-box .s_right {
	width: 50%;
}

.s_box .info_p {
	width: 58%;
	padding: 0 1%;
	font-size: 12px;
	line-height: 1.8;
}

.top_lead {
    padding: 0 3px;
    background: #f8d2be;
    color: #e40012;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
}

#rss_area {
	margin-bottom: 15px;
}
#rss_area li {
	padding: 3px;
	font-size: 12px;
	line-height: 1.5em;
	border-bottom: #999999 1px dotted;
}
#rss_area li a {
	color: #006AF9;
	text-decoration: none;
}
#rss_area li a .Rside{
	font-size: 11px;
	line-height: 1.5em;
	text-align: right;
}
#rss_area li p .sz01 {
	font-size: 10px;
	display: block;
}
.ads {
	margin-bottom: 10px;
}
#newShopsList_sp li  {
	line-height: 1.5;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

#newShopsList_sp li .lead {
	background: #F9D8DC;
	padding: 5px;
	margin-bottom: 5px;
}
#newShopsList_sp .subarea {
	padding-left:5px ;
}
#newShopsList_sp .btn_area1,
#newShopsList_sp .btn_area2,
#newShopsList_sp .btn_area3,
#newShopsList_sp .btn_area4
#newShopsList_sp .btn_area5
#newShopsList_sp .btn_area6
#newShopsList_sp .btn_area7
#newShopsList_sp .btn_area8
#newShopsList_sp .btn_area9
#newShopsList_sp .btn_area10
#newShopsList_sp .btn_area11
#newShopsList_sp .btn_area12
 {
	padding: 2px;
}
#newShopsList_sp img {
	width: 85%;
	display: block;
	margin: 0 auto;
}
#newShopsList_sp .s_name {
	font-size: 14px;
	font-weight: bold;
	margin-top: 3px;
	padding-left:5px ;
}
#newShopsList_sp .kind {
	margin-bottom: 5px;
	padding-left:5px ;
}
#gallery .sp_ttl {
	margin-bottom: 5px;
}
#galleryList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}
#galleryList li  {
	line-height: 1.5;
	text-align: center;
	width: 50%;
	list-style: none;
}
#galleryList li p.g_name {
	color: #e3007f;
	font-weight: bold;
}
.pr_sp {
	margin-bottom: 5px;
}
#area_info #breadcrumb {
	display: none;
}
#interval_ads {
	text-align: center;
	display: -webkit-inline-flex;
	display: inline-flex;
	color: #fff;
	background: #ff0000;
	padding: 10px 0 0 0;
	width: 100%;
}
#interval_ads #mark {
	font-size:62px;
	width: 25%;
}
#interval_ads #text {
	width: 75%;
}
.triangle-bottom:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 6vh solid #ff0000;
    border-left: 49vw solid transparent;
    border-right: 49vw solid transparent;
}
#interval_ads #line1 {
	color: #ffff00;
	font-size:35px;
	font-weight: bold;
}
#interval_ads #line2 {
	border-top: 1px solid #fff;
	padding-top:5px;
}
/* =======================
フッター
=========================*/
#footer {
	color: #ffffff;
	width: 100%;
}
#footer_menu li {
margin-bottom: 2px;
margin: 2px;
}
#footer_menu li a{
	display: block;
	padding-left: 5px;
  line-height: 2;
	color: #ffffff;
	background-color: #262626;

  border-top: #7a7a7a 1px solid;
  border-right: #121212 1px solid;
  border-bottom: #010101 1px solid;
  border-left: #787878 1px solid;
	text-decoration: none;
}
#copyright {
	margin: 2px 5px ;
	background-color: #262626;
	border-top: #7a7a7a 1px solid;
  border-right: #121212 1px solid;
	font-size: 10px;
	font-style: normal;
	padding: 10px;
}
#copyright p {
	padding-top: 5px;
	font-size: 14px;
	text-align: center;

}
/* =======================
第一下層
=========================*/
#area_info h2 {
	margin-bottom: 5px;
}
#area_info .pay #shop_top_area {
	background: #f8d2be;
  color: #e40012;
	padding: 5px 7px;
	border-top: #231815 1px solid;
	border-bottom: #b713a4 2px solid;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 2px;
	line-height: 1.8;
}
#area_info .free #shop_top_area {
	background: #ccc;
  color: #e40012;
	padding: 5px 7px;
	border-top: #231815 1px solid;
	border-bottom: #b713a4 2px solid;
	line-height: 1.8;
	margin-bottom: 10px;
	margin: 0 2px;

}
#area_info .pay h3 a {
	display: block;
	line-height: 1.8;
	color: #e40012;
}
#area_info .free h3 a {
	display: block;
	line-height: 1.8;
	color: #333;
}
#area_info .free #exp {
	display: none;
}

#area_info #shop_top_area .top_info p {
	font-size: 13px;
}

#areaShops img {
	width: 90%;
	display: block;
	margin: 2vh auto;
}

#area_info .sp_parts {
	padding: 0px 7px ;
}

#area_info .sp_parts .lead {
	color: #ea326e;
  font-size: 16px;
  font-weight: bold;
	line-height: 1.5;
}
#area_info .sp_parts table {
	width:90%;
	margin: 0 auto 10px ;
}
#area_info .sp_parts table td {
	font-size: 65%;
	border: 1px solid #333;
	padding: 5px;
}
#area_info .sp_parts table th {
	font-size: 100%;
	width: 30%;
	background: #ddd;
	vertical-align: middle;
	border: 1px solid #333;
	padding: 5px;
}
/* =======================
第二下層
=========================*/
#shop_info #shop_view #Shop_logo {
    width: 90%;
    display: block;
    margin: 2vh auto;
}
#shop_info #shop_text {
    margin: 0 0 10px;
    padding: 0 2px 2px;
    background-color: #f7f7f7;
    border-top: #9e9e9f 2px solid;
    border-bottom: #9e9e9f 2px solid;
}
#shop_info #shop_text p {
    padding: 3px 10px;
    font-size: 11px;
}
#shop_info #shop_text #shop_lead {
	border-top: #9e9e9f 1px solid;
  color: #e3004f;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
	background: #f7f7f7;
}
#shop_info #shop_text #shop_comment {
	padding: 3px 10px;
  border-top: #9e9e9f 1px solid;
  font-size: 11px;
  line-height: 16px;
}
#links {
	text-align: center;
	margin-bottom: 20px;
}
#links a {
width: 40%;
}
/* ボタンでざいん
-----------------------------  */
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButton_red {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButton_red:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}
.myButton_red:active {
	position:relative;
	top:1px;
}
.flex_img {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	list-style: none;
	padding: 10px 0;
	background: #f7f7f7;
}
.flex_img li {
	width: 50%;
	text-align: center;
}
.flex_img  li p {
    font-size: 12px;
    color: #006AF9;
    font-weight: bold;
		padding: 10px;
}
#info {
	margin: 0 2%;
}
#info h3 {
	margin: 3px 5px 5px;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: #666666 2px solid;
}
#info dl dd a {
	color: #e4004f;
}
#info dl {
	font-size: 13px;
	line-height: 1.5;
	display: -webkit-flex;
	display: flex;

}
#info dl dt {
	width: 19%;
	padding: 5px 5px;
	font-weight: bold;
	margin: 1px 0;
}
#info dl dd {
	width: 79%;
	padding: 5px 5px;
}
#info dl dd iframe {
	width: 100%;
}
#price h3 {
	font-size: 14px;
}
#price table {
	margin: 5px 0 20px;
	border-collapse: collapse;
	border: #333333 1px solid;
	font-size: 13px;
}
#price table th{
	width: 39%;
	padding: 5px;
	border: #333333 1px solid;
	background: #e5e5e5;
	text-align: left;
}
#price table td{
	width: 59%;
	padding: 5px;
	border: #333333 1px solid;
}
/* =======================
掲載について
=========================*/
#guide1,#guide2 {
	text-align: center;
	margin-bottom: 10px;
}
#guide2 img{
	text-align: center;
	margin-bottom: 10px;
}
#about #arroArea  {
	position: relative;
}

#about #arroArea #guideText p ,
#about #arroArea #contact_box p {
	font-size: 14px;
	font-weight: bold;
	color: #3f3e3e;
	text-align: center;
	margin-bottom: 20px;
}
#about #arroArea #contact_box p {
	margin: 0;
}
#about #arroArea .sankaku{
	width: 0;
	height: 0;
	border: 120px solid transparent;
	border-top: 80px solid #8BB9EA;
	margin: 0 auto;
}
#contact_box {
    width: 100%;
		position: absolute;
		top: 23vh;
		left: 0;
}
#contact_btn {
	display: block;
	width: 90%;
	padding: 10px;
	font-size:20px;
	margin: 0 auto 10px auto;
	text-align: center;
}
#contact_btn:hover {
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.btn_pr{
	-moz-box-shadow:inset 0px 1px 0px 0px #fff0f8;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff0f8;
	box-shadow:inset 0px 1px 0px 0px #fff0f8;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa5d4), color-stop(1, #ff33a7));
	background:-moz-linear-gradient(top, #ffa5d4 5%, #ff33a7 100%);
	background:-webkit-linear-gradient(top, #ffa5d4 5%, #ff33a7 100%);
	background:-o-linear-gradient(top, #ffa5d4 5%, #ff33a7 100%);
	background:-ms-linear-gradient(top, #ffa5d4 5%, #ff33a7 100%);
	background:linear-gradient(to bottom, #ffa5d4 5%, #ff33a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa5d4', endColorstr='#ff33a7',GradientType=0);
	background-color:#ffa5d4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ff249c;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ff40a9;
}
.flex_bnr {
  display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	list-style: none;
	padding: 10px 0;
}
.flex_bnr li {
	width: 16%;
	padding: 2%;
	text-align: center;
}
.heading h3 {
      position: relative;
      font-size: 16px;
      line-height: 1.4;
      margin: 30px 0 20px 0;
      padding: 14px 5px 5px 20px;
      border-bottom: 2px solid #ff82ba;
      color: #333;
}
.heading h3:before {
    content: "";
    position: absolute;
    background-color: #CF002F;
    top: -3px;
    left: 8px;
    height: 15px;
    width: 15px;
    -moz-transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
}
.heading h3:after {
    content: "";
    position: absolute;
    background-color: #ff82ba;
    top: 10px;
    left: 2px;
    height: 10px;
    width: 10px;
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
}
#privacy,#siterule {
	margin: 10px;
}
#privacy p ,#siterule p {
	margin-bottom: 15px;
}
#privacy ul ,#siterule ul {
	padding-left: 22px;
	margin-bottom: 15px;
}

/* =======================
Topへ戻るボタン
=========================*/
#page-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
    font-size: 40px;
    font-weight: bold;
}
#page-top a {
    background: #666666;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity:0.6;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 5px;
    text-align: center;
    display: block;
    border-radius: 50px;
}
#page-top a:hover {
    border-style: none;
    background: #999999;
}

#paging {
    margin-top: 20px;
}

/* twitter-list */

#twitter-box {
	margin: 10px auto 20px auto;
	width: 85%;
  padding: 0;
}
#twitter-box li {
	overflow: hidden;
  position: relative;
  width: 150px;
  height: 150px;
	border: solid 3px #49daae;
  z-index: 1;
	margin-bottom: 5px;
}
#twitter-box li:nth-child(2n+1) {
	float: left;
	margin-right: 5px;
}
#twitter-box li:nth-child(2n) {
	float: left;
}
#twitter-box li:nth-child(9) {
	display: none;
}

#twitter-box li .tw_shop {
	position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 10px;
  color: #49daae;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
  background: #fff;
  border-top-right-radius: 5px;
}
#twitter-box li .tw_name {
  width: 100px;
  background: #fff;
  color: #49daae;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -22px;
  text-transform: uppercase;
  transform: rotate(315deg);
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  z-index: 5;
}
.opacity_color {
    background-color: #000;
}

/* .viewer
------------------------- */
#specialshops  {
	margin-bottom: 20px;
}

.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
	width: 100%;
}


} //media
@media screen and (max-width:640px){
	/*===============================================
	萌本 scraping
	===============================================*/
	.moemoto ul {
		display: block;
		margin-bottom: -10px;
	}
	.moemoto ul li {
		padding: 5px;
		box-sizing: border-box;
	}
	.moemoto ul li.item a .moe_title{
		color: #000;
		font-size: 15px;
		line-height: 1.2;
		padding-top: 5px;
		text-decoration: none;

	}
	.moemoto a:hover{
		text-decoration: none;
	}
	.moemoto a.next {
		color: #fff;
	display: inline-block;
		float: right;

	}
	.moemoto a.next:hover{
		text-decoration: none;
	}

	.moemoto .slick-prev:before,
	.moemoto .slick-next:before {
			color: black;
	}
	.moemoto .slick-prev {
	     left: 0px;
			 z-index: 1;
			 top:40%;
	}
	.moemoto .slick-next {
	     right: 0px;
			 top:40%;

	}
	.moemoto .slick-dots li button:before {
	    font-size: 50px!important;
	}
	.moemoto .slick-prev:before {
		font-family: 'FontAwesome';
	    content: '\f053'!important;
	}
	.moemoto .slick-next:before {
		font-family: 'FontAwesome'!important;
	    content: '\f054'!important;
	}

} /*@media screen and (max-width:640px) */
@media only screen and (max-width:480px) and (orientation:landscape) {
   .moemoto {
      display: none;
   }
}
