@charset "utf-8";
/*
Theme Name: mahinamain2_responsive_2014
Theme URI: http://beauty.mahinamain.com/
Description: mahinamain2_responsive_2014
Version: 1.0
Author: Yuuka NEMOTO
Author URI: http://design.heart-relay.com/
last update: 20150423

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/**** Clearfix ****/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
nav .panel:before,nav .panel:after, nav#contentNav:before,nav#contentNav:after, .newsTitle:before,.newsTitle:after, #footerInfo:before,#footerInfo:after{content: ""; display: table;}
nav .panel:after,nav#contentNav:after,.newsTitle:after,#footerInfo:after{clear: both;}
nav .panel,nav#contentNav,.newsTitle,#footerInfo{zoom: 1;}

/*-----------------------------------------------------
全体共通
-----------------------------------------------------*/
body{
font:93%  Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #434343;
background:#FFFFFF;
line-height:175%;
}
img{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.wp-caption-text{
	text-align:center;
	font-size:12px;
}
hr{
	margin-top:20px;
	margin-bottom:20px;
    height: 30px;
    border-style: solid;
    border-color: #eacbda;
    border-width: 1px 0 0 0;
}
h1, h2, h3, h4, h5{
	clear:both;
}

/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#d4007e;
}
a,a:hover {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
a:hover, a:active{
outline: none;
color:#d2508e;
text-decoration:underline;
}
a img:hover{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
/*-----------------------------------------------------
margin padding
-----------------------------------------------------*/
.m00 {margin: 0px !important;}
.m05 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.mtb05 {margin-top: 5px !important; margin-bottom: 5px !important;}
.mtb10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.mtb15 {margin-top: 15px !important; margin-bottom: 15px !important;}
.mtb20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mtl05 {margin-top: 5px !important; margin-left: 5px !important;}
.mb01 {margin-bottom: 2px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
/* --padding --*/
.p05 { padding: 5px !important}
.p10 { padding: 10px !important}
.ptb05 {padding-top: 5px !important; padding-bottom: 5px !important; }
.ptb05 {padding-top: 10px !important; padding-bottom: 10px !important; }
.pt05 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}

/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea, input[type="email"], input[type="tel"], input[type="date"]{
vertical-align:middle;
max-width:90%;
line-height:20px;
height:20px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
font-size:100%;
color:#555;
background:#fff ;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
color:#fff;
background: #d2508e;
border:0;
border-radius:3px;
font-size:100%;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	opacity:0.8;
}

span.contactform,
p.contactform{
	font-size:80%;
}

/* レイアウト
------------------------------------------------------------*/
div.header_wrapper{
width:100%;
position: relative;
overflow: hidden;
background:#d2508e;
border-bottom:solid 3px #ffffff;
}

#header {
width: 980px;
height:112px;
margin: 0 auto 0;
overflow: hidden;
position: relative;
color:#ffffff;
}

.inner{
margin: 0 auto;
padding-bottom:10px;
width: 980px;
}

#nav{
width: 980px;
margin: 0 auto;
}

#slide {
width: 980px;
margin: 0 auto 30px;
background: none;
position: relative;
}

#wrapper{
width: 980px;
margin: 0 auto;
padding: 0;
min-height: 663px;
overflow: hidden;
zoom: 1;
}


#content {
float:right;
width:680px;
margin: 0 0 20px;
padding: 0;
}

#sidebar{
width: 240px;
float: left;
margin: 0px 0 20px;
padding: 0;
line-height: 1.4;
}

#footer {
clear:both;
padding-top: 30px;
text-align: center;
color: #ffffff;
background-color:#d2508e;

}

/* ヘッダー
*****************************************************/
/* サイト説明文
----------------------------------*/
#header h1 {
padding: 5px 0 0 0;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
}

/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2 {
float: left;
width: 110px;
height:59px;
margin: 20px auto 0px 0px;
}

#header h2 img:hover {
	opacity:1.0;
}

/* ヘッダーインフォメーション
----------------------------------*/
#headerInfo {
float: right;
padding: 10px 0px 0px 0;
text-align: right;
line-height:150%;
width:360px;
overflow: hidden;
margin-right:10px;
}
#headerInfo a#reserveB {
	width:45%;
	display: block;
	float: left;
}
#headerInfo a#reserveB img{
	width:100%;
}
#headerInfo div.header_tel{
	width:54%;
	float: right;
	white-space: nowrap;
}

#headerInfo div.header_tel span.tel_info01{
	padding-left:12px;
	background:url(images/common/icon_tel.png) 0 0 no-repeat;
	-webkit-background-size :10px auto;
	background-size:10px auto;
	
}
#headerInfo div.header_tel span.tel{
	font-size:160%;
}

#headerInfo a{
	color:#FFFFFF;
}
#headerInfo a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

/* トップナビゲーション
*****************************************************/
nav#mainNav{
clear:both;
padding-top:0px;
margin-bottom:0px;
position:relative;
overflow:hidden;
background:#d2508e;
border-bottom:solid 10px #ffffff;
}

/*--------------------*/
.panel ul li{
float: left;
position: relative;
padding:10px 0;
}

.panel ul li a{
display: block;
text-align: center;
_float:left;
color:#ffffff;
}

.panel ul li.current{
	opacity:0.8;
}
.panel ul li a:hover{
	text-decoration:none;
	color:#f9ecf3;
}
.panel ul li.nav_about {
	width: 183px;
}

.panel ul li.nav_lesson {
	width: 131px;
}

.panel ul li.nav_schedule {
	width: 195px;
}

.panel ul li.nav_join {
	width: 148px;
}
.panel ul li.nav_voice {
	width: 104px;
}
.panel ul li.nav_access {
	width: 97px;
}

.panel ul li.nav_contact {
	width: 122px;
}
/*--------------------*/
#mainNav li {
	margin: 0 auto;
	display:block;
	float:left;
}
#mainNav ul li.nav_home{
	display:none;
}


/* トップページ
*****************************************************/

/*-----------------------------------------------------
スライダー
-----------------------------------------------------*/
#slide{
border-radius: 10px;
}
/*-----------------------------------------------------
トップページ　
-----------------------------------------------------*/
/*-----------------------------------------------------
New Infomation
-----------------------------------------------------*/
.box {
	margin: 0 0 20px;
	padding: 0;
	border: none;
}

.boxNoneB {
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
	clear: both;
	border: none;
}

.blogtopics {
	margin: 0 0 5px;
	padding: 0;
}

#content div.box .blogtopics ul li.topcs {
	margin: 0;
	padding: 0px 5px 0px 20px;
	clear :both;
	overflow: hidden;
	border-bottom: 1px dotted #D1C285;
	background:url(http://beauty.mahinamain.com/wp-content/themes/mahinamain2_theme/images/common/arrow_01.png) 5px 7px no-repeat;
	-webkit-background-size :10px auto;
	background-size:10px auto;
}

.time {
	margin: 0 0 0 10px;
	padding: 0 0 0 14px;
	font-size: 0.7857em;
	color: #999;
}
.blogtopics dd {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	border: none !important;
}
div.blogtopics h4 {
	padding: 0 0 0 22px;
	font-weight: normal;
	color: #292929;
}

.blogtxt {
	margin: 30px 0 20px;
	font-size: 12px !important;
	line-height: 2.0em;
}

.blogtxt h3 {
	margin: 1em 0 1em !important;
}

.blogtxt p {
	margin: 0 0 2em;
	font-size: 13px !important;
	line-height: 2em;
}

/*-----------------------------------------------------
トップページ　コンテンツ
-----------------------------------------------------*/
.home section{
	clear:both;
	margin-bottom:20px;
}

div.contents_right{
	width:55%;
	float:right;
}

p.readmore{
	text-align:right;
	
}
p.readmore a{
	color:#FFFFFF;
	background:#d2508e;
	border-radius:20px;
	padding:8px 10px 6px;
	margin-bottom:10px;
}
p.readmore a:hover{
	text-decoration:none;
}

/* 検索
*****************************************************/
#searchHead input{
margin-top:15px;
line-height:30px;
}

#searchHead input.searchBox[type="text"]{
vertical-align:top;
width:140px;
}

/* タイポグラフィ
*****************************************************/
.title {
	margin: 0 0 15px !important;
	font-size: 200% !important;
	color: #666;
	line-height: 1.4;
	border: none !important;
}
	div.post:first-child .title {
	margin-top: 0 !important;
}
	.title a {
	text-decoration: none;
}
h2.title_info{
	width:100%;
	margin: 0 0 15px !important;
	padding: 0 0 0 2%;
	font-size: 1.619em !important;
	color: #d2508e;
	line-height: 100%;
	border-bottom: solid 1px #eacbda;
}

h2.title {
	height:auto;
	margin: 0 0 15px !important;
	font-size: 1.619em !important;
	color: #d2508e ;
  	background: #f9ecf3;
  	line-height: 1;
  	padding: 13px 5px 10px 10px;
    border-radius: 3px ;
}

h2.top_title{
	height:auto;
	margin: 15px 0 15px !important;
	font-size: 1.619em !important;
	color: #d2508e ;
  	background: #f9ecf3;
  	line-height: 1;
  	padding: 13px 5px 10px 10px;
    border-radius: 3px ;
}
span.sub_title{
	font-size:80%;
}
/*お悩み別*/
h2.top_title2 {
    position: relative;
    color: #d2508e;
    background: #ffffff;
    font-size: 16pt ;
    border: 1px solid #d4007e;
    margin: 15px 0px 21px 0px;
    padding: 13px 5px 10px 15px;
    border-radius: 3px;
    box-shadow:0px 3px 7px 0px  #c7c7c7  ;
}
h2.top_title2:after, h2.top_title2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
h2.top_title2:after {
    left: 40px;
    border: 10px solid transparent;
    border-top: 10px solid #ffffff;
}
h2.top_title2:before {
    left: 39px; 
    border: 11px solid transparent;
    border-top: 11px solid #d4007e;
}


h3.top_title3{
	color:#d2508e;
	font-size: 140%;
	border-bottom:solid 1px #eacbda;
	margin-top:20px;
}


.dateLabel{
margin:-10px 0 10px;
text-align:right;
font:1em;
}

.home #content ul li,
.page-id-308 #content ul li{
margin-bottom:5px;
padding-left:15px;
background: url(images/common/icon_circle01.png) 2px 5px no-repeat;
-webkit-background-size :10px auto;
background-size:10px auto;
}

			/*後ほど削除*/
			.page-id-381 #content ul li{
			margin-bottom:5px;
			padding-left:15px;
			background: url(images/common/icon_circle01.png) 2px 5px no-repeat;
			-webkit-background-size :10px auto;
			background-size:10px auto;
			}

	
/*サブページ*/

.post p{padding-bottom:15px;}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background: url(images/common/icon_circle01.png) 2px 5px no-repeat;
-webkit-background-size :10px auto;
background-size:10px auto;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding-left:26px;
font-size:140%;
}

.post h2, .post h3, .post h4, .post h5, .post h6 {
	clear:both;
	margin:10px 0 10px;
	}
.post h2 {
	font-size: 160%;
}
.post h3{
	color:#d2508e;
	font-size: 130%;
	border-bottom:solid 1px #eacbda;
	margin-top:20px;
}
h3.post_header{
padding:15px;
border:#D1C285 1px solid;
border-radius: 5px;
box-shadow: 0px 0px 1px #cccccc;
background:#FFF;
}
.post h4 {
font-size: 110%;
color:#96734B;
line-height: 1.4;
font-weight:bold;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

.post .arrow {
	margin: 0;
	padding: 3px 15px;
	background:url(http://beauty.mahinamain.com/wp-content/themes/mahinamain2_theme/images/common/header_arrow.png) 2px 6px no-repeat;
	-webkit-background-size :10px auto;
	background-size:10px auto;
}
.post .note{
	font-size:85%;
	color:#96734B;
}
p.nocomments{
	display:none;
}

/*テーブル*/
/*問い合わせ、申し込みフォーム各種*/

div#trust-form table {
border: 1px solid #ccc;
}
div#trust-form table td ul li{
	background:none;
}
div.contact-form-finish p #message-container-confirm{
	border:2px solid #d2508e;
}
/*レッスンスケジュール*/
table.tbl_calendar {
	padding: 0px;
	margin: 10px 0px 20px;
	border: none;
	width:96%;
	border-collapse: collapse;
	font-size: 11px;
}
table.tbl_calendar tr {
	padding: 0px;
	margin: 0px;
	border: none;
}
table.tbl_calendar th {
	padding: 0px;
	height: 40px;
	border: none;
	line-height: 1.5em;
	vertical-align: middle;
	text-align: center;
	font-size: 9px;
	background: #EEFFFF;
}
table.tbl_calendar td {
	margin: 0px 0px;
	padding: 0px;
	width: 102px;
	height: 40px;
	border: none;
	vertical-align: middle;
	font-size: 9px;
	line-height: 1.3em;
	text-align: center;
	/*line-height: 60px;*/
}
table.tbl_calendar, table.tbl_calendar th, table.tbl_calendar td {
	border: 1px solid #DEDEDE;
}
/*料金、入会案内*/
table.tbl_join {
	padding: 0px;
	margin: 10px 0px 5px;
	border: none;
	width: 99%;
	border-collapse: collapse;
	font-size: 11px;
}
table.tbl_join tr {
	padding: 0px;
	margin: 0px;
	border: none;
}
table.tbl_join th {
	padding: 7px;
	border: none;
	line-height: 1.5em;
	text-align: center;
	background: #FCC;
	color: #505050;
}
table.tbl_join td {
	margin: 0px 0px;
	padding: 5px 3px 5px;
	border: none;
	text-align: center;
}
table.tbl_join, table.tbl_join th, table.tbl_join td {
	border: 1px solid #FFAAAA;
}

table.tbl_pricelist {
	padding: 0px;
	margin: 10px 0px 10px;
	width: 100%;
	color: #404040;
	border: none;
	border-collapse: collapse;
}
table.tbl_pricelist tr {
	padding: 0px;
	margin: 0px;
	border: none;
}
table.tbl_pricelist th {
	padding: 7px 10px;
	border: none;
	line-height: 1.5;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
}
table.tbl_pricelist td {
	margin: 0px 0px;
	padding: 7px 10px;
	border: none;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.5em;
}

table.tbl_pricelist, table.tbl_pricelist th, table.tbl_pricelist td {
	border: 1px solid #DEDEDE;
}
/*レンタルスタジオ*/
table.tbl_rental {
	padding: 0px;
	margin: 10px 0px 20px;
	border: none;
	width:96%;
	border-collapse: collapse;
	font-size: 11px;
}
table.tbl_rental tr {
	padding: 0px;
	margin: 0px;
	border: none;
}
table.tbl_rental th {
	padding: 0px;
	height: 40px;
	border: none;
	line-height: 1.5em;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	background: #EEFFFF;
}
table.tbl_rental td {
	margin: 0px 0px;
	padding: 0px;
	height: 40px;
	border: none;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.3em;
	text-align: center;
}
table.tbl_rental, table.tbl_rental th, table.tbl_rental td {
	border: 1px solid #DEDEDE;
}
/*テーブル end*/

/*写真*/
img.aligncenter {
clear:both;
display: block;
margin:5px auto;
padding:4px;
}

img.alignright, img.alignleft{
clear:both;
padding:0px;
display:inline;
}
img.alignright{margin:0 0 15px 5px;}
img.alignleft{margin: 0 5px 15px 0;}

div.post div.aligncenter{
margin:5px auto;
padding:4px;
}
/*配置*/
.aligncenter{text-align:center;}
.alignright{float:right;}
.alignleft{float: left;}

/*-----------------------------------------------------
   パンくずリスト
-----------------------------------------------------*/
#breadcrumb{
	padding: 0;
}

#breadcrumb ul li{
	display:inline;
	padding:0 0.5em;
	font-size:10px;
}
/*-----------------------------------------------------
   SNSボタン
-----------------------------------------------------*/
div.wp_social_bookmarking_light{
	clear:both;
	float:right;
}

/*-----------------------------------------------------
    Blog info
-----------------------------------------------------*/
div.blog_info {
	zoom: 1; /* IE */
	color: #666;
	font-size:85%;
	padding: 5px;
	margin: 0 0 20px;
	overflow:hidden;
	}
div.blog_info ul {
	margin: 0;
}
div.blog_info li {
	margin: 0 15px 0 5px !important;
	padding-left: 20px;
	float: left;
}
div.blog_info li a {color: #666}
div.blog_info li a:hover {color: #666}
div.blog_info li.cal {
	background: url(images/common/icon_circle01.png) no-repeat 2px 5px;
	-webkit-background-size :10px auto;
	background-size:10px auto;
}

/*-----------------------------------------------------
    category page
-----------------------------------------------------*/
body.category div.news article{
	margin-bottom:10px;
	padding-left:15px;
	background:url(images/common/arrow_right.png) no-repeat 0 6px;
	-webkit-background-size :12px auto;
	background-size:12px auto;
}

/*-----------------------------------------------------
    lesson page
-----------------------------------------------------*/
div.RecommendBox{
	background:#fff;
	border-top:solid #d2508e 2px;
	border-bottom: solid #d2508e 2px;
	padding:1em;
	margin-bottom:1em;
}

div.RecommendBox h3 {
color: #d2508e;
font-size: 130%;
border-bottom: none;
margin-top: 0px;
}

span.bold_pink{
	color:#d2508e;
	font-weight:normal;
}

.post ul li ul{
	margin:0 0 0 5px;
}

.post ul li ul li{
	background:none;
	padding-left:0px;
}

/*-----------------------------------------------------
access page
-----------------------------------------------------*/

div.ishikawa-st{
	width:46.5%;
	float:left;
	border: 1px solid #DEDEDE;
	padding:1%;
}
div.motomachi-st{
	width:46.5%;
	float:left;
	border: 1px solid #DEDEDE;
	padding:1%;
	margin-left:1%;
}
div.ishikawa-st img,
div.motomachi-st img{
	width:96%;
	height:auto;
	margin:1%;
}
div.motomachi-st02 img{
	width:44%;
	height:auto;
	float:left;
}

/*-----------------------------------------------------
mailmagazine page
-----------------------------------------------------*/
#sp {
   text-align: center;
   border: solid 1px #C5C5C5;
}
#sp p {
   font-size: 11px;
   color: #666666;
   line-height: 130%;
   border: 0px;
   margin: 0px;
   padding-top: 0px;
   padding-bottom: 4px;
}
#sp th {
   color: #FFFFFF;
   background-color: #d2508e;
   text-align: left;
   font-size: 12px;
}
#sp td {
   background-color: #FFFFFF;
}
#sp input{
	margin:5px;
}


/* sidebar　
*****************************************************/
#sideContents {
	margin: 0;
	padding: 0;
}

#sideContents li {
	margin: 0 0 2px;
}

#sideContents li a {
	margin: 0 0 2px;
	display: block;
	/*overflow: hidden;*/
}

#sideContents .banner {
	margin: 0  0;
	padding: 0;
}

#sideContents .banner li {
	margin: 0  0 5px !important;
	padding: 0;
	width:240px;
	border-radius:3px;
	float: left;
	text-align: center;
	margin-bottom: 4px;
	margin-right: 4px;
	font-size: 18px;
}
#sideContents .banner li a:hover{
	opacity:0.7;
	text-decoration:none;
}
#sideContents .banner .bnr_title{
display: table-cell;
padding: 0px 10px 0px 0px;
vertical-align: middle;
font-weight: normal;
text-align: right;
}

#sideContents .banner li.bnr_trial,
#sideContents .banner li.bnr_members{
	background:#d2508e;
}
#sideContents .banner li.bnr_trial a,
#sideContents .banner li.bnr_members a{
	color:#FFFFFF;
}

#sideContents .banner li.bnr{
	background:#f9ecf3;
	/*border:2px solid #FFFFFF;*/
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
	
#sideContents .banner li span.icon{
	display: table-cell;
}
#sideContents .banner li span.icon01 img{
	width:91px;
	height:auto;	
	padding: 0 15px 0 5px;
}
#sideContents .banner li span.icon02 img{
	width:50px;
	height:auto;
	padding: 10px 50px 5px 10px;
}

.widget-area h3 {
	margin: 10px 0 0;
	padding: 0 0 0 30px;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	color: #FFF;
	font-weight: normal;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #E58585;
	background: url(http://beauty.mahinamain.com/wp-content/themes/mahinamain2_theme/images/side/side_h3bg.png) no-repeat top left;
	}
	#side li:first-child h3 {
	margin-top: 0;
}

.widget-container a {
	text-decoration: none;
}

.widget-container ul {
	margin: 0 0;
	padding: 5px 3px 5px 7px;
	border: 1px solid #EEE;
}

.widget-container ul li {
	margin: 0 0 0.5em;
	padding: 0 0 4px 18px;
	list-style: none;
	font-size: 11px;
	line-height: 16px;
	background: url(http://beauty.mahinamain.com/wp-content/themes/mahinamain2_theme/images/side/side_libg.png) no-repeat top left;
	border-bottom: 1px dotted #DEDEDE;
}


/* ページ上部へ戻る
*****************************************************/
#pagetop{
width:100%;
background:#f9ecf3;
clear:both;
display:block;
overflow:hidden;
padding-top:10px;
}

#pagetop a{
text-align:center;
display:block;
padding:5px 15px 2px;
background: #f9ecf3;
color:#d2508e;
}

#pagetop a:hover, #pagetop a:active{
text-decoration:none
}



/* フッター
*****************************************************/
#footer{
	background: #d2508e;
}

#footer ul{
text-align:center;
font-size:95%;
padding-bottom:20px;
width:940px;
margin: 0 auto;
}

#footer ul ul{padding-bottom:0;}

#footer ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:5px 0;
background:url(images/common/footer_arrow.png) no-repeat 0 12px;
-webkit-background-size : 10px auto ;
background-size : 10px auto ;
}

#footer ul li a{
display:block;
padding:0 20px 0 12px;
overflow:hidden;
color:#ffffff;
}
#footer ul li a:hover{
	text-decoration:none;
}

#footer ul li li{
display:block;
padding:0;
margin-left:3px;
}

address{
	font-size:80%;
}

address a{
	color:#FFFFFF;
}
address a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#copyright{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:70%;
color:#ffffff;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#666;
text-align:center;
}
/*** Bottom Navigation, Comment Navigation ***/
div.nav-below {
	margin: 40px 0 0;
	overflow: auto;
}

div.navigation {
	overflow: auto;
}
	div.navigation a {margin-bottom: 10px}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a {
	font-size: 85%;
	text-decoration: none;
}
		.nav-previous a:hover, .nav-next a:hover,
		div.navigation .alignleft a:hover, div.navigation .alignright a:hover {
			text-decoration:underline;
			}
			
	.nav-previous a, div.navigation .alignleft a {
	padding: 3px 10px 2px 20px;
	float: left;
	color: #96734B;
	background: url(images/common/arrow_left.png) no-repeat left 8px;
	-webkit-background-size : 14px auto ;
	background-size : 14px auto ;
}
	.nav-next a, div.navigation .alignright a {
	padding: 3px 20px 2px 10px;
	float: right;
	color: #96734B;
	text-align: right;
	background: url(images/common/arrow_right.png) no-repeat right 8px;
	-webkit-background-size : 14px auto ;
	background-size : 14px auto ;
}

/*****************************************************
/* LP追加分
*****************************************************/
#LP_content .pc{
  display:none;
  }
#LP_content .sp{
  display:block;
  }
#LP_content del {
    color: #f00;
}
#LP_content span {
    color: #333;
}     
#header h1.LP_h1 {
    padding: 5px 0 0 0;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    display:none;
}
#header h2.LP_h2 {
    float: left;
    width: 20%!important;
    height:auto;
    margin: 5px 0 0 2%;
}
#header h2.LP_h2 img {
    width: 100%;
}
#LP_headerInfo {
   float: right;
   padding: 12px 0px 0px 0;
   padding: 1.2rem 0px 0px 0;
   text-align: left;
   width: 70%;
}
#LP_headerInfo p {
   font-size:1.4rem;
   line-height:150%;
}
#LP_headerInfo div.header_tel{
	width:54%;
	white-space: nowrap;
	margin:0 23%;
}

#LP_headerInfo div.header_tel span.tel_info01{
	padding-left:12px;
	background:url(images/common/icon_tel.png) 0 0 no-repeat;
	-webkit-background-size :10px auto;
	background-size:10px auto;
	
}
#LP_headerInfo div.header_tel span.tel{
	font-size:160%;
}

#LP_headerInfo a{
	color:#FFFFFF;
}
#LP_headerInfo a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#LP_content {
float:left;
width: 96%;
margin: 0 2% 20px;
padding: 0;
font-size: 110%;
}

#LP_content h2{
  text-align:center;
  line-height:2.5em;
  margin: 30px 0 15px;
  margin: 3.0rem 0 1.5rem;
}
#LP_content h2.text_l{
  text-align:left;
}
#LP_content h3{
  font-size: 140%;
  line-height: 1.8em;
}
#LP_content .red{
   color: #cc0000;
}
#LP_content .osusumeBox{
  display:block;
  float:left;
  padding: 2% 2% 1% 2%;
  width:86%;
  margin: 2% 5% 3% 5%;
  background : #FFFBE8; 
}
#LP_content .osusumeBox p{
  display:block;
  float:left;
  width:100%;
}
#LP_content .osusumeBox p img{
  width: 100%;
}
#LP_content .osusumeBox ul{
  display:block;
  float:left;
  width:96%;
  margin:0;
  padding:2%;
}
#LP_content .osusumeBox ul li{
  display:block;
  float:left;
  width: 100%;
}
#LP_content .containBox{
  display:block;
  float:left;
  padding: 2% 0 ;
  width:96%;
  margin: 2% 0;
  background: url(images/LP/LP1.png) no-repeat right bottom;  
  background-size: 30%;
}

#LP_content .containBox dl{
  display:block;
  float:left;
  width:100%;
  margin:0;
  padding:0;
}
#LP_content .containBox dl dt{
  clear:both;
  display:block;
  float:left;
  width: 20%;
  margin-bottom:10px;
  text-align:right;
}
#LP_content .containBox dl dd{
  display:block;
  float:right;
  width: 76%;
  margin-bottom:10px;
  padding-bottom:0;
}
#LP_content .containBox2{
  display:block;
  float:left;
  padding: 2%;
  width:90%;
  margin: 0 3% ;
}
#LP_content img.alignleft{margin: 0 2% 15px 0;}

#LP_content .voiceBox{
  display:block;
  float:left;
  padding: 2%;
  width:90%;
  margin: 10px 3% ;
  margin: 1.0rem 3% ;
  border: 1px solid #99CCFF;
  border-radius: 10px;
}
#LP_content .learge{
  font-size: 120%;
  line-height:2.0;
}
#LP_content .sceduleBox{
  display:block;
  float:left;
  padding: 0%;
  width:90%;
  margin: 0 5% ;
  border: 1px solid #ccc;
}

#LP_content .sceduleBox dl{
  display:block;
  float:left;
  width:100%;
  margin: 0 ;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
#LP_content .sceduleBox dl dt{
  display:block;
  float:left;
  width: 96%;
  padding :2%;
  background: #f7f7f7;
}
#LP_content .sceduleBox dl dd{
  display:block;
  float:right;
  width: 96%;
  padding :2%;
}
#LP_content .imageBox{
  display:block;
  float:left;
  padding: 2%;
  width:96%;
  margin: 0;
}

#LP_content .imageBox ul{
  display:block;
  float:left;
  width:100%;
  margin:0;
  padding:0;
}
#LP_content .imageBox ul li{
  display:block;
  float:left;
  width: 97%;
  margin: 1% 1.5%; 
  list-style-type:none;
  padding:0;
}
#LP_content .imageBox ul li img{
  width: 100%;
}
#LP_content h5{
   font-size: 110%;
   color: #FF6666;
}
#LP_content #footer .tel{
   color: #fff!important;
}
  #LP_content .float_right{
    display:block;
    float:left;      
}

/* Minimum width of 786 pixels.
 *
 * Width including the scroll bar of the browser.
 */
@media screen and (min-width: 786px) {
#LP_content .pc{
  display:block;
  }
#LP_content .sp{
  display:none;
  }   
    #header h1.LP_h1 {
      padding: 5px 0 0 0;
      font-size: 11px;
      font-weight: normal;
      color: #FFFFFF;
      display:block;
    }
#header h2.LP_h2 {
    float: left;
    width: 110px;
    height:59px;
    margin: 5px 0 0 0;
    margin: 10px auto 0px 0;
    padding: 10px 0 0 0;
}
#header h2.LP_h2 img {
    width: 55%;
    height: auto;
}
   #LP_headerInfo {
     float: right;
     padding: 10px 0px 0px 0;
     text-align: right;
     line-height:150%;
     width:360px;
     display:none;
   }
   #LP_headerInfo div.header_tel{
   	width:54%;
   	white-space: nowrap;
   	margin:0;
   }  
   #LP_content {
     float:left;
     width: 100%;
     margin: 0 0 20px;
     padding: 0;
     font-size: 110%;
   }
   #LP_content .osusumeBox p{
     display:block;
     float:right;
     width:32%;
   }
  #LP_content .osusumeBox ul{
    display:block;
    float:left;
    width:60%;
    margin:0;
    padding:2%;
  }   
   #LP_content .containBox{
     display:block;
     float:left;
     padding: 2%;
     width:90%;
     margin: 0 3% ;
     background: url(images/LP/LP1.png) no-repeat right 10%;  
     background-size: 30%;
   }

   #LP_content .containBox dl{
     display:block;
     float:left;
     width:100%;
     margin:0;
     padding:2%;
   }
   #LP_content .containBox dl dt{
     display:block;
     float:left;
     width: 10%;
     margin-bottom:10px;
   }
   #LP_content .containBox dl dd{
     display:block;
     float:right;
     width: 86%;
     margin-bottom:10px;
     padding-bottom:0;
   }
   #LP_content .sceduleBox dl{
     background:#f7f7f7;
   }    
   #LP_content .sceduleBox dl dt{
     display:block;
     float:left;
     width: 16%;
     padding :2%;
   }
   #LP_content .sceduleBox dl dd{
     display:block;
     float:right;
     width: 76%;
     padding :2%;
     background:#fff;
   } 
  #LP_content .imageBox ul li{
    display:block;
    float:left;
    width: 30%;
    margin: 1% 1.5%; 
    list-style-type:none;
    padding:0;
  } 
  #LP_content .float_right{
    display:block;
    float:right;
    width: 25%;
  }        
}





/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 981px){
nav div.panel{
display:block !important;
float:left;
}
a#menu{display:none;}
}


@media only screen and (max-width:980px){

/* レイアウト
------------------------------------------------------------*/
#header {
width:100%;
height:auto;
margin: 0px auto 0px;
}
#nav{
width:100%;
}
#slide {
width: 100%;
}

#wrapper{
width:96%;
margin: 0 auto;
padding: 0;
min-height: 663px;
overflow: hidden;
zoom: 1;
}

#top_content {
width:100%;
margin: 0 0 20px;
padding: 0;
}

#content {
width: 70%;
margin: 0 1% 20px 1%;
}

#sidebar{
	width:25%;
	margin: 0px 0% 20px 1%;
}

#sideContents .banner li {
	width:100%;
}

#sideContents .banner li a img{
	width:96%;
}

#footer ul{
max-width:940px;
width:96%;
}

#footer ul{
padding:15px;}

/* サイト説明文
----------------------------------*/
#header h1{

font-size:10px;
padding: 5px 0 0 5px;
}

/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2 {
margin: 10px auto 0px 20px;
}


/*メインメニュー*/
.inner {
padding-bottom: 0px; 
}
#mainNav .panel ul li span.gnav {
display: block;
}
#mainNav li{
padding:0px;
}
#mainNav ul li.nav_home{
	display:block;
}
#mainNav .panel ul li.nav_home,
#mainNav .panel ul li.nav_about,
#mainNav .panel ul li.nav_lesson,
#mainNav .panel ul li.nav_schedule,
#mainNav .panel ul li.nav_join,
#mainNav .panel ul li.nav_voice,
#mainNav .panel ul li.nav_access,
#mainNav .panel ul li.nav_contact{
width:100%;
}
#mainNav .panel ul li.nav_home img,
#mainNav .panel ul li.nav_about img,
#mainNav .panel ul li.nav_lesson img,
#mainNav .panel ul li.nav_schedule img,
#mainNav .panel ul li.nav_join img,
#mainNav .panel ul li.nav_access img,
#mainNav .panel ul li.nav_contact img{
display: none;
}
nav#mainNav{
background:#d2508e;
border:0;
padding:0;
margin-bottom: 5px;
width:100%;
}

nav#mainNav a.menu{
width:100%;
display:block;
height:40px;
line-height:40px;
font-weight: normal;
text-align:left;
color:#fff;
background: #d2508e;
background: url(http://beauty.mahinamain.com/wp-content/themes/mahinamain2_theme/images/common/menuOpen.png) no-repeat 1em 50%;
-webkit-background-size : 20px auto ;
background-size : 20px auto;
-webkit-transition:none;
transition:none;
}

nav#mainNav a#menu span{
padding-left:3em; 
}

nav#mainNav a.menuOpen{
background: url(images/common/menuClose.png) no-repeat 1em 50%;
-webkit-background-size : 20px auto ;
background-size : 20px auto ;
}
nav#mainNav a.menuOpen:hover{
text-decoration:none;
}
nav#mainNav a#menu:hover{cursor:pointer;
text-decoration:none;
-webkit-transition:none;
transition:none;}

nav .panel{
display: none;
width:100%;
position: relative;
right: 0;
top:0;
z-index: 1;
border-bottom:1px solid #FFFCF2;
}

.panel ul{margin:0;padding:0;}

.panel ul li{
float: none;
clear:both;
width:100%;
height:auto;
line-height:1.4;
}

.panel ul li a,.panel ul li.current-menu-item li a{
display: block;
width:100%;
padding:1em 0;
height:auto;
text-align: left;
color:#96734B;
background: #f9ecf3;
border-bottom:1px solid #FFFCF2;
}

.panel ul li a span{
padding-left:1em;
}

.panel ul li.current-menu-item a,.panel ul li a:hover,.panel ul li.current-menu-item a,.panel ul li a:active, .panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover, .panel ul li.current-menu-item li a:active{
color:#d2508e;
text-decoration:none;
}

nav div.panel{float:none;}

body.home #content img.alignleft {
display: block;
float:none;
margin: 5px auto;
}

div.contents_right {
margin: 5px 10px 5px;
width: 100%;
float:none;
}

#pagetop .inner{
	width:100%;
}

/* 959px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
#wrapper, #header, .inner{width:100%;}
#header h1{padding-left:10px;}
#header h2{padding:0;}
.panel ul, .thumbWrap, .thumbWrap_PR{margin:0 auto;}
.panel ul ul{padding:0;}
nav div.panel,#searchHead{float:none;}
#searchHead{text-align:center;margin:0 auto;}
p#mainImg img{width:100%;height:auto;}

h2.title_info{
width:92%;
height:auto;
margin: 0 0 15px !important;
padding: 10px 5px 10px 10px;
font-size: 1.4em !important;
}

h2.title {
height:auto;
margin: 0 0 15px !important;
font-size: 1.4em !important;
}	
#content{
clear:both;
float:none;
width:95%;
margin:0 auto;
padding:10px 0;
}

#sidebar{
 clear:both;
 width: 94%;
 margin:0 3%;
 }

#sidebar li.bnr_trial{
	 display:none;
 }
 
#sidebar br.sp_br{
	display:none;
}

div#fbTomoko{
	display:none;
}

div#fbPage{
	clear:both;
}

#sideContents .banner li.blogbnr{
	width:25%;
}

#sideContents .banner li.bnr{
	margin-bottom: 4px;
	margin-right: 4px;
}

#sideContents .banner li.bnr_members{
	padding-top: 15px;
	padding-bottom: 15px;
}
#sideContents .banner li.bnr_members span.icon02{
	display:none;
}
#sideContents .banner li.bnr_members span.bnr_title{
	display:inline;
	text-align:center;
	padding:0;
}

#sideContents .banner li.bnr_voice,
#sideContents .banner li.bnr_napkin,
#sideContents .banner li.bnr_event{
	width:50%;
}

#sideContents .banner li.bnr_mailmagazine{
	float:none;
	clear:both;
	display:block;
}
#sideContents .banner li.bnr_mailmagazine a img{
	width:240px;
}

#sideContents .banner li.bnr_trainingcourse,
#sideContents .banner li.bnr_contact,
#sideContents .banner li.bnr_faq{
	width:100%;
	clear:both;
}

br.pc_br{
	display:none;
}


#footer{margin:0;text-align:center;}

#footerInfo, #footer ul{
float:none;
width:90%;
text-align:center;
}

#pagetop a{margin-right:15px;}
}

/* 幅768px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 768px){
#header{text-align:center;}
#header h2{}
#headerInfo p, #footerInfo p{font-size:90%;}
#headerInfo p.tel, #footerInfo p.tel{font-size:200%;}
img.alignright, img.alignleft{display: block;	margin:5px auto;}
.alignright,.alignleft{float:none;}
#footer ul{text-align:left;padding:15px;}
#footer ul ul{padding:0;}
#wrapper, #header{width:100%;}
#header{margin: 0 auto 10px;}
#header h1{
padding-left:5px;
line-height:120%;}
#headerInfo{

}
nav#mainNav{
	margin-bottom:0;
}
p#contentImg img{width:100%;height:auto;}


#footer {
padding-top: 15px;
}
.footer_info{
padding:15px 18%;
}

p.readmore{
	text-align:center;
}

#pagetop{
	padding-bottom:7px;
}

#pagetop a{margin-right:15px;}

table{ overflow-y: scroll; }

}
/* 幅480px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 480px){

/*-----------------------------------------------------
top page
-----------------------------------------------------*/
img.divider01{
	display:none;
}

div.top_usp, div.top_usp2{
	float:none;
	width:90%;
	font-size:11px;
	margin:10px auto;
}

h3.top_usp_h3{
	font-size:15px;
	margin:10px auto;
}

div.contents_right {
margin: 5px 0 5px 0;
width: 100%;
float: none;
}
#header h2{
	padding:10px 0 0 0;
	margin:0;
	text-align: center;
	width:auto;
	float: none;
	height:auto;
}
#header h2 img{
	max-width:100px;
}
#headerInfo{
	width:auto;
	padding: 10px 10px 0 10px;
}
#headerInfo div.header_tel{
	font-size:90%;
}
/*-----------------------------------------------------
トップページ　Facebook Box
-----------------------------------------------------*/
.fb_box iframe{
	width:100%;
	height:400px;
}

/*-----------------------------------------------------
sidebar
-----------------------------------------------------*/

#sideContents .banner li.blogbnr{
	width:49%;
}

/*-----------------------------------------------------
footer
-----------------------------------------------------*/
#footer{margin:0;text-align:center;}

#footerInfo, #footer ul{
float:none;
width:auto;
text-align:center;
}
#footer ul li{
	display:block;
}
}
/* 幅380px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 380px){

#header h2 {
}
.footer_info {
padding: 15px 10%;
}
/*.footer_info_left{
	background:url(images/common/icon_tel.png) 0px 50% no-repeat;
	-webkit-background-size :22px auto;
	background-size:22px auto;
}

.footer_info_right{
	background:url(http://beauty.mahinamain.com/wp-content/themes/mahinamain2_theme/images/common/icon_mail.png) 0px 50% no-repeat;
	-webkit-background-size :42px auto;
	background-size:42px auto;
}*/
}