@charset "utf-8";
/* CSS Document */

/*基本cssここから*/
*{
	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	}
p,h2,h4{
	cursor:text;
	}
	
ul,li{list-style:none;}

p{
	font-size:13px;
	margin-bottom:10px;
	}
h2{
	font-size:14px;
	margin:30px auto 20px auto;
	}
h1{
	margin:0;
	font-size:10px;
	text-align:center;
	padding: 3px 25px;
	background-image:url(../img/bg_pink.jpg);
	background-repeat:repeat;
	}

h3{
	margin-top:40px;
}

a img:hover{
	opacity:0.6;
	}
	
/* ダイエット診断＆タイトルロゴ */	
.logo{
	display:block;
	margin:20px auto;
	}
.pagetop{
	text-align:right;
	margin-right:10px;
	}
.shopname{
	font-size:18px;
	font-weight:bold;
	}
.shopdate ul{
	list-style-type:circle;
	font-size:12px;
	list-style-position: inside;
	}
.panel {
	background-color:#fff;
	border:3px solid rgba(181, 0, 46, 0.54);
	border-radius:5px;
	margin:20px 10px auto 10px;
	}
/*パンクズここから*/
.pankuzu {
	float: left;
	color:#666;
	margin-bottom: 0;
	font-size: 12px;
	}
	
.pankuzu .pkztext{
	color: #000;
	display: inline-block;
	}

.pankuzu a {
	color: #666;
}
.pankuzu a:hover {
	text-decoration: underline;
}
/*パンクズここまで*/
/*ヘッダーここから*/
.nasse {
	width:100%;
	padding: 5px;
	margin-bottom: 0px;
}
.nasse img {
	float: left;
}

.nasselogo {
	width:135px;
}
	
/*ヘッダーここまで*/
/*パンクズここから*/
.pankuzu{
	/*opacity:0.6;*/
	font-size:12px;
	list-style:none;
	}
/*パンクズここまで*/

/*店舗情報ここから*/
.area{
  font-size: 11px;
  background:#FFF;
  padding: 2px 6px;
  display: inline-block;
  border-radius: 5px;
  margin-bottom:5px;
	}

.shopname,
.shopnamesub{
	font-weight:bold;
	}
.shopnamesub{
	margin-bottom:-3px;
	}
.shopname{
	margin-bottom:5px;
	}
.shoplink{
	margin-top:-15px;
	font-size:16px;
}
.shoplink a:link{color:#C36;}
.shoplink a:hover{color:#C69;}


.catch{
	margin-bottom:20px;
	}
.price-kikan{
	margin-top:5px;
	clear:both;
	overflow:hidden;
	}
.kikan{
	float:left;
	background-color:#FC0;
    color: #000 !important;
    padding: 3px;
    display: inline-block;
    margin:0;
	}
.price{
    color:#C00 !important;
    font-size: 14px;
    font-weight: bold;
    margin: 5px auto;
	text-align:right;
	}
	
/*申し込みボタン*/
.en_btn{
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    margin: 20px auto 0 auto;
    color: #fff;
    padding: 20px 0;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 5px solid #1B6D8C;
    background: #11A2D9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #11A2D9), color-stop(0.00, #078DBF));
    background: -webkit-linear-gradient(top, #11A2D9 0%, #078DBF 100%);
    background: linear-gradient(top, #11A2D9 0%, #078DBF 100%);
	}
.en_btn:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00,#078DBF ), color-stop(0.00, #11A2D9));
    background: -webkit-linear-gradient(top, #11A2D9 0%, #11A2D9 100%);
    background: linear-gradient(top, #11A2D9 0%, #078DBF 100%);
	color:#fff;
	}
.en_btn:active{
	color:#fff;
	border-bottom:none;
	margin:15px auto 0 auto;
	}
/*申し込みボタンここまで*/

/*ボタン*/
.btn{
	display:inline-block;
	background:#C36;
	border-radius:5px;
	text-align:center;
	width:100%;
    margin-top:10px;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	line-height:40px;
	}
.btn:hover{
	opacity:0.6;
	color:#fff;
	}


/*店舗情報ここまで*/


/*ナビバー*/
.menu li{
	    border-left: 1px solid rgba(212,20,90,1);
		}
.has-dropdown{
	border-left:none !important;
	}
.top-bar.expanded .toggle-topbar a span {
    -webkit-box-shadow:none;
    box-shadow: none;
}
.top-bar a:hover{
	text-decoration:none;
	}
.top-bar,
.top-bar.expanded .title-area{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea1717+0,ba0303+100 */
background: #ff3b59; /* Old browsers */
background: -moz-linear-gradient(top,  #ff4ca4 0%, #ff3b59 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff4ca4 0%, #ff3b59 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff4ca4 0%, #ff3b59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4ca4', endColorstr='#ff3b59',GradientType=0 ); /* IE6-9 */

}
.top-bar-section li:not(.has-form) a:not(.button):hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3b59; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3b59 0%, #b02b40 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3b59 0%,#b02b40 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3b59 0%,#b02b40 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3b59', endColorstr='#b02b40',GradientType=0 ); /* IE6-9 */
}
.top-bar-section li:not(.has-form) a:not(.button){
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea1717+0,ba0303+100 */
background: #ff3b59; /* Old browsers */
background: -moz-linear-gradient(top,  #ff4ca4 0%, #ff3b59 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff4ca4 0%, #ff3b59 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff4ca4 0%, #ff3b59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4ca4', endColorstr='#ff3b59',GradientType=0 ); /* IE6-9 */

}
.top-bar-section .dropdown li {
    border-bottom: 1px solid #ff3b59;
}
.top-bar.expanded .title-area a{
	color:#fff;
	}
.navline{
	margin-top:25px;
    margin-bottom: 10px;
    border: 2px solid #d4145a;
    border-radius: 2px;
    z-index: 100;
	}
.top-bar-section ul {
    background: #ff3b59;
}
/*ナビバーここまで*/


/*アコーディオン
-------------------------------------*/
.acordion_tree li{
	font-size:13px;
	}
.acordion li,
.acordion dd{
	margin-bottom:3px;}
.acordion{
	    margin-top: 10px;
 background:#fff;
 box-shadow: 0 0 10px rgba(0,0,0,0.3);
 border-radius:5px;
 margin-bottom:10px;
}
 
.trigger{
    padding:10px 10px 10px 15px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    border-radius:5px;
	font-size: 13px;
}
 
.trigger.active{
    border-radius:5px 5px 0 0;
    border-bottom:1px solid #cfcfcf;
}
 
.acordion_tree{
    padding:15px;
    font-size:75%;
}
 
.open-close {
    float:right;
    text-indent:-9999px;
    display:block;
    margin-top:3px;
    height:11px;
    width:20px;
    background:url(../img/open.png) no-repeat;
    -webkit-background-size:20px 11px;
}
 
.trigger.active .open-close{
    background:url(../img/close.png) no-repeat;
    -webkit-background-size:20px 11px;
}
/*アコーディオンここまで
-------------------------------------*/
/*その他おすすめリンク*/
.osusume {
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.72);
	border-radius: 10px;
}
.osusume img {
	border: 1px solid #ccc;
}
.osusumelink {
	margin: 10px 0;
	font-size: 12px;
}
.tokusyulink p {
	font-size: 12px;
}
/*その他おすすめリンクここまで*/
/*フッターここから*/
.footer{
	width:100%;
	padding:30px;
	background-color:rgba(255, 255, 255, 0.76);
	}
address{
	color:#666;
	font-style:normal;
	font-size:12px;
	text-align:center;
	}
/*フッターここまで*/

/*基本cssここまで*/

/*限定デザインここから*/
@media only screen and (max-width: 640px){
.tel span{
	display:block;
	}
.aboutbuy {
	margin:0;
	}
}
/*限定デザインここまで*/