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

/*
Theme Name:はぐくみプラステーマ
Author:更新システム
Description:更新システム専用テーマ
Version: 2.2.1
*/


/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 3.0.0 build: 1549 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0; }
table{ border-collapse:collapse;border-spacing:0; }
fieldset,img{ border:0;vertical-align:bottom}
address,caption,cite,code,dfn,th,var{ font-style:normal;font-weight:normal; }
td,th{font-size:100%;vertical-align:top;}
li { list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal; }
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
.biyori_bottom_pager{clear: both;}
.biyori_pager_li{float:left; margin:5px 5px 5px 5px; border:1px solid #ccc;}
.biyori_pager_li_current{float:left; margin:5px 5px 5px 5px; border:1px solid #ccc; padding:7px 9px;}
.biyori_pager_li a{padding:7px 9px; display:block}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio[controls], canvas, video {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
a{
}

a:hover{
color: #605a58;
text-decoration:none;
}

body{
	 font-family: Arial,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
 	color: #2b2b2b;
}
@media(min-width:641px){
 .view_sp {display:none;}
 div.ictach.mobile{width:350px !important; margin:0px auto 10px}
 }


@media(max-width:640px){
 .view_pc {display:none;}


 .shareHtmlAll{
 font-size: 120%;
     width: 100%;
     margin: 1.5em 0 2.5em 0!important;
     clear: both;
     height: auto;
     position: relative!important;
     bottom: 0!important;
     top: 0!important;
     left: 0!important;
     box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
     border: 1px solid #DADADA;
     border-top: 1px solid #757575;
     border-radius: 4px;
background : #F7F7F7 ;
     }

 .shareHtmlAll-img {
     display: inline;
     margin: 0 0 0 1%;
     border: none;
     position: absolute;
     right: 0;
     top: 0;
 float: right;
     position: static!important;
     }

 .shareHtmlAll a {
     background: #F7F7F7;
     }

 .shareHtmlAll a:hover {
     background : #F7F7F7 ;
     }

 .shareHtmlAll-title {
     width: 100%;
     margin: 0;
     position: static;    }

 .shareHtmlAll-title a {
     display: block;
     padding: 7% 5% 2% 5%;
     line-height: 1.5;
     text-decoration: none;
     font-size: 80%;
     color: #333;
     }

 .shareHtmlAll-title a:before {
     font-family: icomoon;
     content: "合わせて読みたい";
     position: absolute;
     top: -0.4em;
     left: 5%;
     line-height: 1.2;
     background: #bcd3ba;
     letter-spacing: 0.2em;
     color: #fff;
     font-weight: bold;
     padding: 1% 1% 1% 2%;
     }
 .shareHtmlAll:before,
 .shareHtmlAll:after {
     content : "" ;
     display : table ;
     }

 .shareHtmlAll:after {
     clear : both ;
     }
 }
}
.fb-page-width{width:500px; margin:0px auto 10px;}
.fb-page-sp-width{width:300px; margin:0px auto 10px;}
/* -------------------------------------------
	CLEAR-FIX
---------------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	 display:inline-block;
}
/* Hides from IE-mac \*/
* html.clearfix {
 height:1%;
}
.clearfix {
 display:block;
}


/* -------------------------------------------
	色
---------------------------------------------- */

.bu1{color:#1699a3;
     font-size:16px;
}

.red1{color:#ff7f66;
     font-size:16px;
}

.kii1{color:#db9e36;
     font-size:16px;
}




/* -------------------------------------------
	Utility
---------------------------------------------- */

/* Margin
-------------*/
#wrapper .m0{margin:0}
#wrapper .m10{margin:10px}
#wrapper .m15{margin:15px;}
#wrapper .m20{margin:20px;}
#wrapper .mg5{margin:5px;}
#wrapper .mg10{margin:10px;}
#wrapper .mg15{margin:15px;}
#wrapper .mg20{margin:20px;}

#wrapper .mt5{margin-top:5px;}
#wrapper .mt10{margin-top:10px;}
#wrapper .mt15{margin-top:15px;}
#wrapper .mt20{margin-top:20px;}
#wrapper .mt30{margin-top:30px;}
#wrapper .mt50{margin-top:50px;}
#wrapper .mt100{margin-top:100px;}

#wrapper .ml5{margin-left:5px;}
#wrapper .ml8{margin-left:8px;}
#wrapper .ml10{margin-left:10px;}
#wrapper .ml15{margin-left:15px;}
#wrapper .ml20{margin-left:20px;}
#wrapper .ml30{margin-left:30px;}
#wrapper .ml40{margin-left:40px;}
#wrapper .ml50{margin-left:50px;}

#wrapper .mr5{margin-right:5px;}
#wrapper .mr10{margin-right:10px;}
#wrapper .mr15{margin-right:15px;}
#wrapper .mr20{margin-right:20px;}

#wrapper .mb5{margin-bottom:5px;}
#wrapper .mb10{margin-bottom:10px;}
#wrapper .mb15{margin-bottom:15px;}
#wrapper .mb20{margin-bottom:20px;}
#wrapper .mb50{margin-bottom:50px;}
#wrapper .mb100{margin-bottom:100px;}
/* padding
---------------------*/
#wrapper .p5{padding:5px;}
#wrapper .p10{padding:10px;}

#wrapper .pt10{padding-top:10px;}
#wrapper .pt20{padding-top:20px;}
#wrapper .pb20{padding-bottom:20px;}

/* Float
---------------------*/
.fl{float:left}
.fr{float:right;}
.cl{clear:both;}

/* cursor
-------------------*/
.cp{cursor:pointer;}
.fcr{color:#fff;}
.attention{
	color:#f00;
	font-weight:bold;
}
.link-arrow {
	padding-left:20px;
	background:url(images/common/bg_side-list.png) left center no-repeat;
}
/* width
--------------------*/
.w50{width:50px;}
.w100{width:100px;}
.w130{width:130px;}
.w200{width:200px;}
.w220{width:220px;}
.w245{width:245px;}
.w270{width:270px;}
.w300{width:300px;}
.w330{width:330px;}
.w400{width:400px;}
.w500{width:500px;}
.w570{width:570px;}

.w90 input,
.w90 textarea{width:90%;}

/* align
------------------- */
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}

.button a{
/* サイトごとに変更 */
	display:block;
	width:80%;
	margin:10px auto;
	text-align:center;
	padding:10px 0;
	border-radius:5px;
	text-decoration:none;
}
/* -------------------------------------------
	WordPress Editor
---------------------------------------------- */

img.size-auto,
img.size-large,
img.size-full,
img.size-medium {
	max-width: 100%;
	height: auto;
        margin:0px 0 10px 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	border: none;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px;
}
.wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}
.wp-smiley {
	margin: 0;
}

#main .post-content h1{font-size:48px; font-weight:bold;}

#main .post-content h3{font-size:22px; font-weight:bold; border-bottom: 3px solid #ffdc7c !important;margin-bottom:30px;}
#main .post-content h4{font-size:18px; font-weight:bold}
#main .post-content h5{font-size:14px; font-weight:bold}
#main .post-content h6{font-size:12px; font-weight:bold}
#main .post-content h7{font-size:10px; font-weight:bold}
#main .post-content ul,
#main ul.default,
#main .post-content ol{
	padding:10px 0 10px 20px;
}
#main ul.default li,
#main .post-content ul li{
	list-style:disc;
}
#main .post-content ol li{
	list-style:decimal;
}
#main .post-content blockquote{
}

#wrapper img {
	max-width:100%;
	height:auto;
}
#wrapper #galleria img {
	max-width:none;
}
.pc,
.mobile{
	display:none;
}

.pr-content{
	margin-bottom:30px;
}
@media all and (min-width:641px){
/*ここから*/
.zasshi{
	width:740px;
	margin-top:30px;
}
.zasshi li{
	width:220px;
	float:left;
	margin-bottom:30px;
	font-size:120%;
}

.zasshi li:nth-child(2),
.zasshi li:nth-child(5){
    margin: 0 3%;
}

.zasshi li:nth-child(1),
.zasshi li:nth-child(4){
    margin-left:2%;
clear: both;
}

.zasshi li span{
	display:block;
	line-height:1.2;
}
.zasshi li .miniTitle{
	display:block;
	font-size:80%;
	margin-top:10px;
}
.zasshiList.sing{
	margin:50px auto 20px;
}
}
@media screen and (max-width:640px){
/*ここから*/
.zasshi{
	width:100%;
	margin:20px auto 0;
}
.zasshi li{
	width:48%;
	float:left;
	margin-bottom:30px;
	font-size:100%;
}
.zasshi li:nth-child(2n-1){
	clear:left;
}
.zasshi li:nth-child(2n){
	float:right;
	clear:right;
}
.zasshi li span{
	display:block;
	line-height:1.2;
}
.zasshi li .miniTitle{
	display:block;
	font-size:90%;
	margin-top:10px;
}
.zasshiList{
	background-color:#f3f0df;
	padding:10px 15px 0px;
	margin:20px auto;
	position:relative;
	z-index:0;
}
.zasshiList.sing{
	margin:50px auto 20px;
}
.zasshiList:before{
	position:absolute;
	z-index:0;
	content:"";
	top:-10px;
	left:0;
	width: 100%;
	height: 10px;
	background-size:auto 30px;
	-moz-background-size:auto 30px;
	-webkit-background-size:auto 30px;
	-o-background-size:auto 30px;
	-ms-background-size:auto 30px;
	background-repeat:repeat-x;
	background-image: url(images/mobile/back_top.png);
}
.zasshiList:after{
	position:absolute;
	z-index:0;
	content:"";
	bottom:-10px;
	left:0;
	width: 100%;
	height: 30px;
	background-size:auto 30px;
	-moz-background-size:auto 30px;
	-webkit-background-size:auto 30px;
	-o-background-size:auto 30px;
	-ms-background-size:auto 30px;
	background-repeat:repeat-x;
	background-image: url(images/mobile/back_under.png);
}
#container #main h2{
	margin-bottom:20px !important;
	font-size: 25px !important;
/*	border-bottom: #ffef85 solid 5px !important;*/
	font-weight: bold !important;
}
}
@media all and (min-width:641px){
/* ------------------------------------------
	PC用のスタイル記述
--------------------------------------------- */
a:hover img{
	opacity:0.8;
	-moz-opacity:0.8; /*Firefox*/
	filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#wp_rp_first li:nth-child(3) a:hover img,
#wp_rp_first li:nth-child(4) a:hover img{
	opacity:1;
	-moz-opacity:1; /*Firefox*/
	filter: alpha(opacity=100);
}



/*ここから*/

.column-right .sidebar{
	float:left;
	width:210px;
}
.column-left #main{
	margin:0 0 0 30px;
	width:690px;
	float:right;
}
.column-left .sidebar{
	float:left;
	width:240px;
}
.column-one{

}

.pc{
	display:block;
}
.cont-fl,
.cont-fr{
	overflow:hidden;
}
.cont-fl img{
	float:left;
	margin:0 15px 0 0;
}
.cont-fr img{
	float:right;
	margin:0 0 0 15px;
}

body{
	font-size:100%;
	line-height:1.6;
}
#wrapper{
	margin:0 auto;
	width:100%;
	font-size:0.8em;
}
/* Header
------------------------------------ */

#header h1{
	margin-bottom:20px;
	font-size:0.8em;
}
#header .inner{
	margin:0 auto 20px;
	width:960px;
	position:relative;
	overflow:hidden;
}
#logo{
	float:left;
}
#tel{
	float:right;
}

/* Navigation
------------------------------------ */
#header nav #globalnavi{
	width:960px;
	margin:0 auto;
}

#globalnavi li{
}
#globalnavi li a{
/* サイトごとに変更 */
	width:159px;
	text-decoration:none;
	display:block;
	padding:12px 0;
	text-align:center;
	float:left;
}

#globalnavi li:last-child a{
	width:158px;
}


#openmenu2,
#openmenu{
	display:none;
}

/*#main-image{
	text-align:center;
	padding:20px 0 0;
}*/

/* Contents
------------------------------------ */
#breadcrumb{
	margin:20px auto 10px;
	width:960px;
	font-size:0.9em;
}
#container{
	margin:30px auto 20px;
	width:1000px;
}

#main{
}

#main h2{
	margin-bottom:1.5em;
	font-size: 25px;
	border-bottom: #ffef85 solid 5px;
	font-weight: bold;
}
#main section{
	margin-bottom:60px !important;
}
/* Sidebar
------------------------------------ */

.sidebar{
}


.sidebar .widget{
	margin-bottom:30px;
}

.sidebar .widget li a{
/* サイトごとに変更 */
	text-decoration:none;
	display:block;
	padding:8px;
}

/* Footer
------------------------------------ */
#pagetop{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
#pagetop a{
/* サイトごとに変更 */
	display:block;
	width:120px;
	float:right;
	padding:10px;
	text-align:center;
	text-decoration:none;
	border-radius:10px 10px 0 0;
}

#footer{
/* サイトごとに変更 */
	text-align:center;
	padding:30px 0 10px;
}
#footer .inner ul{
	margin-bottom:20px;
}
#footer .inner li{
	display:inline;
	padding:3px 20px;
}
#footer .inner li:last-child{
	border-right:none;
}
#footer #f-txt{
	margin:0 0 20px;
}
#footer #copy{
	font-size:0.8em;
}





/* ------------------------------------------
	PC用の下層ページスタイル記述
--------------------------------------------- */

/* INDEX
----------------------------- */

.cont02{
	margin-bottom:20px;
	overflow:hidden;


/* 1カラム用スタイル */
.column-one .cont02{
	width:980px;
	margin-right:-20px;
}
.column-one .cont02>ul>li{
	margin-right:20px;
	width:470px;
}
.column-one .cont02>ul>li .inner-cont02{
	width:490px;
	margin-right:-20px;
	overflow:hidden;
}
.column-one .cont02>ul>li .inner-cont02>li{
	margin-right:20px;
	width:225px;
	float:left;
}
.column-one .cont04{
	overflow:hidden;
}
.column-one .cont04>ul{
	margin-right:-20px;
	width:980px;
}
.column-one .cont04>ul>li{
	margin-right:20px;
	width:225px;
	float:left;
}



#facebookLikeBox{
	margin:30px 0;
	background-color:#fff;
	overflow:hidden;
}

/* ブログ
----------------------------- */
/*
#page-main-image {  メイン画像
	margin-bottom:20px;
}
*/

#blog-top{ /* ブログトップページフリーエリア */
	margin-bottom:20px;
}

.article{ /* 記事ボックス */
	padding:20px;
	margin-bottom:50px;
	border-radius:5px;
}
.article .post-title{ /* 記事タイトル */
	margin-bottom:20px;
}
.article .post-content{ /* 記事本文 */
	margin-bottom:10px;
	padding-bottom:50px;
	position:relative;
	overflow:hidden;
}
.wp_social_bookmarking_light{
	position:absolute;
	right:0;
	bottom:10px;
}
.article .post-meta{ /* 記事メタ情報 */
	text-align:right;
	font-size:0.85em;
}
.wp-pagenavi{ /* ページ送り */
	margin:50px 0 20px;
	text-align:center;
	font-size:0.8em;
}
#single-paging{/* 詳細ページ送り */
}

#signature-block{ /* ブログ署名欄 */
	clear:both;
	padding:50px 0 0;
}
/* コメント部分
----------------------------- */
.blog .comment-area{
	margin:10px;
	text-align:left;
}

#com h3{/* コメントタイトル */
	margin:10px 0;
	padding:5px;
}
#com .compost{ /* コメント本文 */
	margin:10px;
	padding:10px;
	line-height:1.5em;
}
#comment{ /* テキストエリア */
	width:60%;
	height:80px;
}
#commentform p{
	margin:10px;
}
.cominfo{ /* コメントメタ */
	text-align:right;
	margin-top:30px;
	font-size:0.85em;
}
/* よくある質問
----------------------------- */
.page-faq{
	margin-bottom:50px;
}

#main .faq-article{
	margin-bottom:30px;
	padding:15px;
	border:1px solid #ccc;
}
#main .faq-article h3{/* Qの背景はここで指定 */
	padding:5px 0 15px 40px;
	background:url(images/pages/faq/bg_q.png) no-repeat left 0px;
}

#main .faq-comment{/* Aの背景はここで指定 */
	padding-left:40px;
	padding-bottom:20px;
	background:url(images/pages/faq//bg_a.png) no-repeat left 0px;
}

/* 店舗・会社案内
----------------------------- */
#table_information{ /* テーブル部分 */
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	width:430px;
}

#container .img-no{ /* 横に画像が無い場合 */
	width:100%;
}
#table_information th,
#table_information td{
	padding:7px;
	vertical-align:top;
}
#table_information th{
	width:140px;
	text-align:left;
}
#table_information td{
	width:290px;
}
.image-information{
	float:left;
	width:240px;
}
.image-information img{
	margin-bottom:10px;
}
#container .info-image-list{
	overflow:hidden;
}
#container .info-image-list li{
	list-style:none;
	background:none;
	float:left;
	width:30%;
}
#container .pr-limit{
	clear:both;
	text-align:right;
	font-size:0.85em;
	color:#f00;
}
#container .info-gallery-txt{
	margin:0 20px 30px;
	clear:both;
	overflow:hidden;
}

/* ギャラリースワップイメージ */
#swapUD,
#swapLR{
	margin:20px 0 50px;
}
/*上下*/
#swapUD #swapimage-l{
	text-align:center;
	max-width:100%;
	height:auto;
}
#container .info-swapimage-list {
	text-align:center
}
#container .info-swapimage-list li{
	list-style:none;
	margin:8px;/* サイトごとに調整ください */
	padding:0;
	width:90px;/* サイトごとに調整ください */
	float:left
}
/*左右*/

#swapLR #swapimage-l{
	max-width:60%;
	height:auto;
	float:left;
}
#container #swapLR .info-swapimage-list {
	max-width:38%;
	float:right;
}
#container #swapLR .info-swapimage-list li{
	margin:5px;/* サイトごとに調整ください */
	width:70px;/* サイトごとに調整ください */
	float:left
}
/* FlexSlider */
#main .flexslider {
	padding:10px;
	background:none;
}
#main .flexslider img{
	margin:0 auto;
	max-height:450px;
	width:auto;
}
#main .flex-control-nav{
}
#main .flex-control-paging li a{
	background:none repeat scroll 0 0 rgba(122, 122, 122, 0.5);
}
#main .flex-control-paging li a.flex-active{
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
	box-shadow:0 0 3px #fff;
}



/* 問い合わせ
----------------------------- */
.form_box .mailform-tbl{
	clear:both;
	margin-bottom:20px;
	width:100%;
}
.form_box .mailform-tbl th,
.form_box .mailform-tbl td{
	padding:10px;
}
.form_box .mailform-tbl th{
}
.form_box .mailform-tbl td label{
	margin:0 3px 3px 0;
	display:inline-block;
}

input ,select{
	margin-right:3px;
}

#submit-button{
	text-align:center;
}
#submit-button input{
	padding:5px;
	cursor:pointer;
}

.page-contact{
	margin-bottom:30px;
}

/* コース案内
----------------------------- */
.common-content{
	margin-bottom:30px;
}

.page-course{}

.course-cf dl{/* 各ブロック */
	margin:10px 5px;
	padding:10px;
	width:313px;
	float:left;
	border-radius:10px;
}
.course-cf dt{
	margin-bottom:10px;
}
.course-cf dd .course-price{
	text-align:right;
}
.course-cf .course-content02{/* 下部コメント */
}


/* メニュー1行表示
----------------------------- */

#main #cat-taxo-info{ /* カテゴリの説明文のエリア */
	padding:10px;
}

.page-menu .post_box{
	margin-bottom:20px;
}

.page-menu .post_box .image_box_l{ /* CFイメージ画像左配置 */
	float:left;
	width:240px;
}
.page-menu .post_box .image_box_r{ /* CFイメージ画像右配置 */
	float:right;
	width:240px;
}
.page-menu .post_box .content_box_l{ /* 左配置の本文 */
	width:430px;
	float:left;
}
.page-menu .post_box .content_box_r{ /* 右配置の本文 */
	width:430px;
	float:right;
}
.page-menu .post_box .content_box_none{ /* CFイメージ画像がない場合の本文 */
	width:100%;
}

.page-menu .post_box .content_box_r .button a,
.page-menu .post_box .content_box_l .button a{
	width:60%;
}
.page-menu .post_box .content_box_none .button a{
	width:40%;
}
/* メニュー一覧表示
----------------------------- */
#item-list{
}
#main #item-list li{
	margin:6px;
	padding:10px;
	border-radius:10px;
	list-style:none;
	background:none;
	width:195px;
	float:left;
}
.page-menu .post_box .image_box_none{
	display:none;
}
#main #item-list li h3{ /* 1行を超える前に[・・・]で省略 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#main #item-list .list-image{
	margin-bottom:10px;
	min-height:150px;
	text-align:center;
}

#main #item-list .list-comment{
}


/* 商品メニュー詳細
----------------------------- */
.swap-comment{/*コメント部分*/
	margin-bottom:30px;
}
#imagewrap img{
	box-shadow:0 0 3px #aaa;
}

#imagewrap {
	margin-bottom:60px;
}
#imagewrap ul li {
	background:none;
	margin:0;
	padding:0;
	list-style:none;
}
/* 下にサムネイル＆スワップイメージなし */
.swap01,
.noswap{
	width:100%;
}
.swap01 .large-image,
.noswap .large-image{
	text-align:center;
}
#main .swap01 #large,
#main .noswap #large{
	margin:0 auto;
	text-align:center;
	max-height:500px;
}
#main .swap01 ul,
#main .noswap ul{
	margin:10px auto;
	width:90%;
}
#main .swap01 li,
#main .noswap li{
	margin:5px;
	width:31%;
	float:left;
	text-align:center;
}
#main .swap01 li img,
#main .noswap li img{
	max-height:140px;
}
/* 右にサムネイル */
.swap02{
	width:100%;
}
.swap02 .large-image{
	width:450px;
	float:left;
	text-align:center;
}
.swap02 .large-image img{
	max-height:400px;
}

#main .swap02 ul{
	width:240px;
	float:left;
}
#main .swap02 li{
	margin:0 5px 5px 5px;
	width:45%;
	float:left;
	text-align:center;
}
#main .swap02 li img{
	max-height:110px;
	min-height:80px;
}
/* BeforeAfter */
#main .ba-image{
	margin-bottom:30px;
}
#main .ba-image ul li{
	width:47%;
	float:left;
	background:none;
	padding:0;
	margin:0;
	text-align:center;
}
#main .ba-image ul li:first-child{
	padding-right:5%;
	background: url(images/pages/faq/allow.png) no-repeat right center;/*矢印はここに*/
}
#main .no-use ul li:first-child{
	background:none;
}
#main .noarrow ul li:first-child{
	padding-right:5%;
	background: none;/*矢印はここに*/
}

#main .ba-image li img{
	max-height:240px;
}
.single-menu_list .button a{
	width:30%;
}

/* タクソノミーTAB風一覧 */
#container #gallery-taxonomy-list{
	margin:0 0 20px;
	overflow:hidden;
}
#container #gallery-taxonomy-list li{
	background:none;
	margin:0;
	padding:0;
	float:left;
}
#container #gallery-taxonomy-list li a{
	margin:1px 2px 0 0;
	display:inline-block;
	padding:5px 15px;
	border-radius:5px 5px 0 0;
	text-decoration:none;
}
#container #gallery-taxonomy-list li.current-cat a{
}
#container #gallery-taxonomy-list li a:hover{
}


/*PC*/
}
@media screen and (max-width:768px)
 and (min-width:641px){
/* ------------------------------------------
	タブレット用ポートレート表示のスタイル記述
--------------------------------------------- */
body{

}

/* Navigation
------------------------------------ */
#header nav #globalnavi{
	width:100%;
	margin:0 auto;
}

#globalnavi li{
}
#globalnavi li a{
/* サイトごとに変更 */
	width:16%;
	text-decoration:none;
	display:block;
	padding:12px 0;
	text-align:center;
	float:left;
}

#globalnavi li:last-child a{
	width:16%;
}


#header .inner{
	margin:0 auto 20px;
	width:100%;
}
#breadcrumb{
	margin:20px auto 10px;
	width:96%;
}

#container{
	width:100%;
}
.column-right #main,
.column-left #main{
	margin:0 auto;
	float:none;
	width:96%;
}
.column-right .sidebar,
.column-left .sidebar{
	margin:0 auto;
	width:96%;
	float:none;
}
#pagetop{
	margin:0 auto;
	width:96%;
	text-align:right;
}
.side-banner {
	margin:20px 0;
	overflow:hidden;
}
.side-banner p{
	float:left;
	margin:0 1%;
	max-width:30%;
	height:auto;
}
/* index */
.cont03{
	margin-bottom:20px;
	overflow:hidden;
}
.cont03 li{
	margin-right:0;
	width:30%;
	padding-bottom:50px;
	float:left;
	position:relative;
}
.cont03 li:last-child{
	margin-right:0;
}
.cont02>ul>li{
	margin-right:0;
	width:47.5%;
	padding-bottom:50px;
	float:left;
	position:relative;
}
/* 1カラム用スタイル */
.column-one .cont02{
	width:100%;
}
.column-one .cont02>ul>li{
	margin:0 2%;
	width:46%;
}
.column-one .cont02>ul>li .inner-cont02{
	width:100%;
	overflow:hidden;
}
.column-one .cont02>ul>li .inner-cont02>li{
	width:100%;
}
.column-one .cont04{
	overflow:hidden;
}
.column-one .cont04>ul{
	width:100%;
}
.column-one .cont04>ul>li{
	margin:0 1%;
	width:23%;
	float:left;
}

/* コース案内 */
.course-cf dl{
	width:44%;
}
}
@media screen and (max-width:640px){
/* ------------------------------------------
	スマホ用のスタイル記述
--------------------------------------------- */
.mobile{
	display:block;
}
.m-ctr{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:15px;
	text-align:center;
}
body{
	font-size:16px;
	line-height:1.5em;
}
#header h1{
	font-size:12px;
}
#breadcrumb{
	margin:0 5% 10px;
	width:90%;
	font-size:0.8em;
}


#globalnavi{
	display:none;
	position:absolute;
	top:0;
	width:100%;
}
#globalnavi.open_menu{
	display:block;
}
#sp-left{
	float:left;
	width:80%;
}
#tel{
	display:none;
}
#openmenu{
	width:50px;
	float:right;
}
#header .inner{
	margin-bottom:20px;
	overflow:hidden;
}

#openmenu2{
	padding:10px;
}
.open_menu #openmenu2{
}
#container{
	margin:0 2%;
	width:96%;
}
#main-image{
	margin-bottom:10px;
}
#main p{
	margin-bottom:10px;
}
#main{
	margin-bottom:50px;
}
#main #container h2{
	margin-bottom:20px !important;
	font-size: 25px !important;
	border-bottom: #ffef85 solid 5px !important;
	font-weight: bold !important;
}

.sidebar {
	margin-bottom:50px;
}
.sidebar p{
	margin-bottom:10px;
	text-align:center;
}
.sidebar .widget {
	margin-bottom:20px;
}


.sidebar .widget li a{
/* サイトごとに変更 */
	text-decoration:none;
	display:block;
	padding:10px;
}
#pagetop{
	overflow:hidden;
}
#pagetop a{
	margin:0 auto;
	display:block;
	width:120px;
	padding:10px;
	text-align:center;
	text-decoration:none;
	border-radius:10px 10px 0 0;
}

#footer{
	padding-bottom:50px;
}

#footer #copy{
	padding:20px 0;
	text-align:center;
	font-size:12px;
}
#footer-bottom{
	background-color:#000;
}
#footer-bottom a{
	color:#fff;
	border:1px solid #666;
}

#footer-bottom{
	width:100%;
	overflow:hidden;
	padding:5px;
	position:fixed;
	bottom:0;
	text-align:center;
}
#footer-bottom a{
	margin:0 5px;
	display:inline-block;
	padding:10px;
	border-radius:5px;
	text-decoration:none;
	text-align:center;
}
#footer-bottom #f-map a{
}
/* ------------------------------------------
	スマホ用の下層ページスタイル記述
--------------------------------------------- */

/* INDEX
------------------------------------ */
.cont03 li{
	margin-bottom:10px;
	padding-bottom:10px;
}
.cont02{
	margin-bottom:30px;
}
.cont04>ul>li{
	border-bottom:1px solid #ccc;
	padding:10px 0;
}

#wrapper .fb-like-box iframe{
}
#facebookLikeBox{margin:0 10px;}
#facebookLikeBox .fbcomments,
#facebookLikeBox .fb_iframe_widget,
#facebookLikeBox .fb_iframe_widget[style],
#facebookLikeBox .fb_iframe_widget iframe[style],
#facebookLikeBox .fbcomments iframe[style],
#facebookLikeBox .fb_iframe_widget span{
display:none !important
/*
    width: 100% !important;
    height:450px !important;
*/
}
/* よくある質問
----------------------------- */
.page-faq{
	margin-bottom:50px;
}

#main .faq-article{
}
#main .faq-article h3{
	margin-bottom:0;
	border:none;
	padding:5px;
	text-decoration:none;
}
#main .faq-comment{
	margin-bottom:50px;
	border-radius:0 0 5px 5px;
	padding:10px;
}

/* 店舗・会社案内
----------------------------- */
#table_information {
	margin:10px 0;
	width:100%;
}
#table_information th,
#table_information td{
	padding:5px;
}
#table_information th{
     width:30%;
}

.image-information{
	text-align:center;
}
#swapUD #swapimage-l,
#swapLR #swapimage-l{
	text-align:center;
	max-width:100%;
	height:auto;

}
#container .info-swapimage-list{
	margin:10px 0;
	overflow:hidden;
}
#container .info-swapimage-list li{
	width:70px;
	float:left;
}

.info-gallery-txt{
	margin-bottom:30px;
}
/* FlexSlider */
#main .flexslider {
	padding:10px;
	background:none;
}
#main .flexslider img{
	margin:0 auto;
	max-height:220px;
	width:auto;
}
#main .flex-control-nav{
}
#main .flex-control-paging li a{
	background:none repeat scroll 0 0 rgba(122, 122, 122, 0.5);
}
#main .flex-control-paging li a.flex-active{
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
	box-shadow:0 0 3px #fff;
}



/* ブログ
----------------------------- */
.article{
	padding:20px;
	margin-bottom:50px;
	border-radius:5px;
}

.article .post-meta{ /* 記事メタ情報 */
	text-align:left;
	font-size:0.8em;
}
.wp-pagenavi{ /* ページ送り */
	margin:50px 0 20px;
	text-align:center;
	font-size:0.8em;
}
#single-paging{/* 詳細ページ送り */
}

#signature-block{ /* ブログ署名欄 */
	clear:both;
	padding:50px 0 0;
	word-wrap: break-word;
}
/* 問い合わせ
----------------------------- */
.form_box .mailform-tbl{
	clear:both;
	margin-bottom:20px;
	width:100%;
}
.form_box .mailform-tbl th,
.form_box .mailform-tbl td{
	padding:10px;
	display:block;
}
.form_box .mailform-tbl th{
}
.form_box .mailform-tbl td{
}
.form_box .mailform-tbl td label{
	margin:0 3px 3px 0;
	display:inline-block;
}
.form_box .mailform-tbl td input,
.form_box .mailform-tbl td textarea{

}
#submit-button{
	text-align:center;
}
#submit-button input{
	padding:5px;
	cursor:pointer;
}


/* コース案内
----------------------------- */
.page-course{}

.course-cf dl{/* 各ブロック */
	margin:10px 5px;
	padding:10px;
	width:90%;
	border-radius:10px;
}
.course-cf dt{
	margin-bottom:10px;
}
.course-cf .course-content02{/* 下部コメント */
}
#wrapper .course-content img,
#wrapper .course-content02 img{
     display:block;
     float:none;
}

/* メニュー1行表示
----------------------------- */

#main #cat-taxo-info{ /* カテゴリの説明文のエリア */
	padding:10px;
}

.page-menu .post_box{
	margin-bottom:30px;
	overflow:hidden;
}
.page-menu .post_box .button a{
	clear:both;
}

.page-menu .post_box .image_box_l,
.page-menu .post_box .image_box_r,
.page-menu .common-content img{
	margin-bottom:10px;
	float:none;
	display:block;
	text-align:center;
}
.page-menu .post_box .content_box_none{ /* CFイメージ画像がない場合の本文 */
	width:100%;
}

/* メニュー一覧表示
----------------------------- */
#item-list{
}
#main #item-list li{
	margin-bottom:20px;
	border-radius:5px;
	padding:10px;
	overflow:hidden;
}
#main #item-list li h3{ /* 1行を超える前に[・・・]で省略 */
}
#main #item-list .list-image{
	margin:0 10px 10px 0;
	width:75px;
	float:left;
}
#main #item-list li .button a{
	clear:both;
}



/* 商品詳細
------------------------------------ */
.large-image{
	text-align:center;
}
#imagewrap ul{
	margin:0;
	padding:0;
	overflow:hidden;
}
#imagewrap ul li{
	margin:5px;
	list-style:none;
	width:30%;
	text-align:center;
	float:left;
}
#imagewrap li img{
	max-width:100%;
	height:auto;
}






/* タクソノミータブ
------------------------------------ */

#gallery-taxonomy-list{
	margin:20px 0;
	overflow:hidden;
	border:none;
}
#gallery-taxonomy-list li{
	border:none;
	display:inline-block;
}

#gallery-taxonomy-list li a{
	margin:0 5px 5px;
	display:inline-block;
	padding:5px;
	text-decoration:none;
	border-radius:5px;
}

}


/*フォーム用スタイル
---------------------------------*/
/*B6DF75*/
.wpcf7-submit{padding: 5px 20px !important; font-size: 1.2em; background-color:#ffef85;}
.hahanohi input{margin:10px 0 10px 3px; padding:5px;}

/*関連リンク
---------------------------------*/
.shareHtmlAll{
    clear : both ;
    width : 75% ;
    height : auto ;
    margin : 3em 0 4em 2em ;
    box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
    border: 1px solid #DADADA;
    border-top: 1px solid #757575;
    border-radius: 4px;
    position : relative ;
    zoom : 1 ;
    }

.shareHtmlAll-img {
    float : right ;
    }

.shareHtmlAll a {
    color : #333 ;
    }

.shareHtmlAll a:hover {
    background : #F7F7F7 ;
    }

.shareHtmlAll-title {
    font-size : 60% ;
    width : 100% ;
    margin : 0 ;
    }

.shareHtmlAll-title a {
    display : block ;
    padding : 7% 5% 2% 5% ;
    line-height : 1.5 ;
    font-size : 120% ;
    text-decoration : none ;
    }

.shareHtmlAll-title a:before {
    content : "合わせて読みたい" ;
    position : absolute ;
    top : 10% ;
    left : 5% ;
    line-height : 1.2 ;
    font-size : 135% ;
    background : #bcd3ba;
    letter-spacing : 0.2em ;
    color : #fff ;
    font-weight : bold ;
    padding : 1% 0 1% 1% ;
    top : -0.4em ;
    }

.shareHtmlAll:before,
.shareHtmlAll:after {
    content : "" ;
    display : table ;
    }

.shareHtmlAll:after {
    clear : both ;
}
	/*wpcf7*/