/*
Theme Name:Template-theme
Author:更新システム
Description:更新システム専用テーマ
Version: 2.0.2
*/


/* 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; letter-spacing: 1px;} 
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:bold; } 
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%; }  

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{
	text-decoration:none;
}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
body{
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "Osaka－等幅", Osaka-mono, monospace;
}
/* -------------------------------------------
	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;
}

.tableIto th,
.tableIto td{padding:5px;}
/* -------------------------------------------
	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 .mb30{margin-bottom:30px;}
#wrapper .mb40{margin-bottom:40px;}
#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:#D10003;
	font-weight:bold;
}
.attention002{
	color:#D10003;
	font-size: 14px
}
.attention002 strong{font-size:16px;}

.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;
}

/* フォントサイズ */
.fsbig{	font-size: 1.35rem;}
/* -------------------------------------------
	WordPress Editor
---------------------------------------------- */

img.size-auto,
img.size-large,
img.size-full,
img.size-medium {
	max-width: 100%;
	height: auto;
}
.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 h2{font-size:36px; font-weight:bold}
#main .post-content h3{font-size:24px; font-weight:bold}
#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 .post-content ol{
	padding:10px 0 10px 20px;
}
#main .post-content ul li{
	list-style:disc;
}
#main .post-content ol li{
	list-style:decimal;
}
#main .post-content blockquote{
	margin:10px 20px;
	font-style:italic;
}

#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){
/* ------------------------------------------
	PC用のスタイル記述
--------------------------------------------- */
.column-right #main{
	margin:0 30px 0 0;
	float:left;
	width:690px;
}
.column-right .sidebar{
	float:right;
	width:240px;
}
.column-left #main{
	margin:0 0 0 30px;
	width:690px;
	float:right;
}
.column-left .sidebar{
	float:left;
	width:240px;
}

.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.5;
}
#wrapper{
	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;
}

#tel .emergency{
	font-size: 27px;
	color: #009df7;
}
.headBnr{
margin:-30px 0 0 450px;
text-align:center;
}

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

#globalnavi li{
}
#globalnavi li a{
/* サイトごとに変更 */
	width:136px;
	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:960px;
}

#main{
}
#main p{
	margin-bottom:15px;
}
#main h2{
	margin-bottom:20px;
}
#main section{
	margin-bottom:20px;
}
/* Sidebar
------------------------------------ */

.sidebar{
}
.sidebar p{
	margin-bottom:20px;
}
	
.sidebar .side-img-st{
	margin:0;
	width: 100%;
}
.sidebar .side-img-st img{
	width: 100%;
	margin: 0 auto 4px;
	-webkit-backface-visibility: hidden;
}
	
.sidebar .widget{
	margin-bottom:30px;
}

.sidebar .widget li a{
/* サイトごとに変更 */
	text-decoration:none;
	display:block;
	padding:8px;
}
.sidebar #sideEnglishBox{
border:2px solid #009df7;
padding:20px 0 10px;
background:#fff url(images/common/sidebnr-english-bg.png) top center no-repeat;
margin-bottom:20px;
}
.sidebar #sideEnglishBox h3{
text-align: center;
margin-bottom:80px;
}
.sidebar #sideEnglishBox p{
margin:0 10px;
}

/* 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
----------------------------- */

	
.cont03{
	margin-bottom:20px;
	overflow:hidden;
}
.cont03 li{
	margin-right:15px;
	width:220px;
	float:left;
	position:relative;
}
.cont03 li:last-child{
	margin-right:0;
}
.cont03 li .button a{
	position:absolute;
	bottom:0;
	left:12%;
}

#facebookLikeBox{
	margin:30px 0;
	background-color:#fff;
	overflow:hidden;
}
	
#top-introduction {
  list-style: none;
  display: flex;
	justify-content:space-around;
}
 
#top-introduction li {
  width: 48%;
  text-align: left;
  margin-right: 2%;
	justify-content: center;
	margin-bottom: 10px;
}


#top-introduction li img {
  width: 100%;
}	
	

/* ブログ
----------------------------- */
/*
#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{
}
.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
}
/* 問い合わせ
----------------------------- */
.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{
	width:200px;
}
.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 h3{
color:#0083ce;
font-weight:bold;
font-size:120%;
}


/* メニュー一覧表示
----------------------------- */
#item-list{
}
#main #item-list li{
	margin:6px;
	padding:10px;
	border-radius:10px;
	list-style:none;
	background:none;
	width:195px;
	float:left;
}
#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{
}


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

}
@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;
}
.headBnr{
display:none;
}
#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 5%;
	width:90%;
}
#main-image{
	margin-bottom:10px;
}
#main p{
	margin-bottom:10px;
}
#main{
	margin-bottom:50px;
}
#main h2{
	margin-bottom:20px;
}

.sidebar {
	margin-bottom:50px;
}
.sidebar p{
	margin-bottom:10px;
	text-align:center;
}
	
.sidebar .side-img-st{
	margin:0;
	width: 100%;
}
.sidebar .side-img-st img{
	width: 100%;
	margin: 0 auto 4px;
	-webkit-backface-visibility: hidden;
}	
	
.sidebar .widget {
	margin-bottom:20px;
}
#main h2,
.sidebar .widget h3{
/* サイトごとに変更 */
	padding:10px;
}
.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 li a{
	display:block;
	padding:15px 10px;
	background:url(images/mobile/icon-list.gif) no-repeat 97% center;
}
#footer #copy{
	padding:20px 0;
	text-align:center;
	font-size:12px;
}
#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;
}
#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{
	width:30%;
}
#table_information th,
#table_information td{
	padding:5px;
}
.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;
}

/* ブログ
----------------------------- */
.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;
}
/* 問い合わせ
----------------------------- */
.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{
	margin:0 10px 10px 0;
	float:left;
	width:120px;
}
.page-menu .post_box .image_box_r{ 
	margin:0 0 10px 10px;
	float:right;
	width:120px;
}
.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;
}

}

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

/* 全体 */
html{ color:#6c6b6b;background:#fff;}
legend{ color:#6c6b6b; } 

a{
	color:#2c9cde;
}
a:hover{
	color:#4eb1ec;
	text-decoration:none;
}


/* テキストボタン */
.button a{
	background-color:#0b80c3;
	color:#fff;
}
.button a:hover{
	background-color:#2b98d6;
}

/* メイン画像 */
#main-image{
	text-align:center;
	padding:20px 0 0;
}


/* タイトルパターン */
#main h2,
.sidebar .widget h3{
	padding-bottom:8px;
	border-bottom:3px solid #009df7;
}

#main h3{
	border-bottom:double #4eaee5;
	margin-bottom:10px;
	padding-bottom:8px;
}

/* -------------------------------------------
	WordPress Editor
---------------------------------------------- */
.wp-caption {
	background: #f1f1f1;
	color: #888;
}

#main .post-content blockquote{
	color:#999;
}



@media all and (min-width:641px){
/* ------------------------------------------
	PC用のスタイル記述
--------------------------------------------- */

/* Navigation 
------------------------------------ */

#header nav{
	background-color:#009df7;
}


#globalnavi li{
}
#globalnavi li a{
	border-left:1px solid #99d1f2;
	color:#fff;
}

#globalnavi li:last-child a{
	border-right:1px solid #99d1f2;
}
#globalnavi a:hover{
background-color:#5fbef5;
}


/* Sidebar
------------------------------------ */
.sidebar .widget li a{
	border-bottom:1px dotted #999;
	color:#6c6b6b;
}
.sidebar .widget a:hover{
	background-color:#4eb7f4;
	color:#fff;
}

/* Footer
------------------------------------ */
#pagetop a{
	background-color:#0b80c3;
	color:#fff;
}
#pagetop a:hover{
	background-color:#2193d4;
	color:#fff;
}
#footer{
	background-color:#0b80c3;
	color:#fff;
}
#footer .inner li{
	border-right:1px solid #fff;
}


#footer a{
	color:#fff;
}



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

/* ブログ
----------------------------- */

.article{ /* 記事ボックス */
	border:1px solid #ccc;
	background-color:#fff;
	box-shadow:0 0 3px #ccc;
}

.article .post-content{ /* 記事本文 */
	border-bottom:1px dotted #ccc;
}

/* コメント部分 
----------------------------- */
#com h3{/* コメントタイトル */
	border-bottom:1px solid #999;
	background-color:#eee;
}
#com .compost{ /* コメント本文 */
	border-bottom:1px dotted #ddd;
}

/* よくある質問
----------------------------- */

#main .faq-article h3{/* Qの背景はここで指定 */
}

#main .faq-comment{/* Aの背景はここで指定 */
}


/* 店舗・会社案内
----------------------------- */
#table_information th,
#table_information td{
	border-bottom:1px dotted #ccc;
}

#table_information td{
}


/* 問い合わせ
----------------------------- */

.form_box .mailform-tbl th,
.form_box .mailform-tbl td{
	border:1px solid #ccc;
}
.form_box .mailform-tbl th{
	background-color:#f0f0f0;
}

.form_box .mailform-tbl td{
	background-color:#fff;
}

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

.course-cf dl{/* 各ブロック */
	border:1px solid #ccc;
}
.course-cf dt{
	border-bottom:1px solid #ccc;
	padding-bottom:7px;
}
.course-cf dd .course-price{
}
.course-cf .course-content02{/* 下部コメント */
}



/* メニュー一覧表示
----------------------------- */
#main #item-list li{
	box-shadow:0 0 3px #ccc;
	border:1px solid #ccc;
}




/* 商品メニュー詳細
----------------------------- */

#imagewrap img{
	box-shadow:0 0 3px #aaa;
}

/* タクソノミーTAB風一覧 */
#container #gallery-taxonomy-list{
	border-bottom:2px solid #0b80c3;
}

#container #gallery-taxonomy-list li a{
	background-color:#0b80c3;
	color:#fff;
}
#container #gallery-taxonomy-list li.current-cat a{
}
#container #gallery-taxonomy-list li a:hover{
	background-color:#2b98d6;
}


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

}
@media screen and (max-width:640px){
/* ------------------------------------------
	スマホ用のスタイル記述
--------------------------------------------- */
/* メイン画像 */
#main-image{
	padding:0;
}


#globalnavi li a{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #333333));
	background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
	background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
	background: -o-linear-gradient(top, #333333 0%, #000000 100%);
	background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
	background: linear-gradient(top, #333333 0%, #000000 100%);
	border-bottom:1px solid #333;
	text-decoration:none;
	color:#fff;
	display:block;
	padding:15px 10px;
}
#openmenu2{
	background-color:#000;
	color:#fff;
}
.open_menu #openmenu2{
	background:url(images/mobile/icon-list-up.gif) no-repeat 98% center #000;
}

#main h2,
.sidebar .widget h3{
/* サイトごとに変更 */
}
.sidebar .widget li a{
/* サイトごとに変更 */
	border-bottom:1px dotted #999;
	color:#6c6b6b;
}


/*footer*/
#pagetop a{
	background-color:#0b80c3;
	color:#fff;
}

#footer{
	background-color:#0b80c3;
	color:#fff;
}
#footer li a{
	background:url(images/mobile/icon-list.gif) no-repeat 97% center;
	border-bottom:1px solid #58a4cf;
	color:#fff;
	text-decoration:none;
}
#footer #copy{
}
#footer-bottom{
	background-color:#000;
}
#footer-bottom a{
	color:#fff;
	border:1px solid #666;
}
#footer-bottom #f-map a{
}
/* ------------------------------------------
	スマホ用の下層ページスタイル記述
--------------------------------------------- */
/* INDEX
------------------------------------ */
.cont03 li{
	border-bottom:1px solid #ccc;
}

/* よくある質問
----------------------------- */

#main .faq-article h3{
	background-color:#999;
	color:#fff;
}
#main .faq-comment{
	border:1px solid #ccc;
	border-radius:0 0 5px 5px;
}

/* 店舗・会社案内
----------------------------- */

#table_information th,
#table_information td{
	border-bottom:1px dotted #ccc;
}


/* ブログ
----------------------------- */
.article{
	border:1px solid #ccc;
	background-color:#fff;
	box-shadow:0 0 3px #ccc;
}

/* 問い合わせ
----------------------------- */
.form_box .mailform-tbl{
}
.form_box .mailform-tbl th,
.form_box .mailform-tbl td{
	border:1px solid #ccc;
}
.form_box .mailform-tbl th{
	background-color:#f0f0f0;
}



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

.course-cf dl{/* 各ブロック */
	border:1px solid #ccc;
	border-radius:10px;
}
.course-cf dt{
	border-bottom:2px solid #ccc;
	padding-bottom:7px;
}
.course-cf .course-content02{/* 下部コメント */
}


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


/* メニュー一覧表示
----------------------------- */
#item-list{
}
#main #item-list li{
	border:1px solid #ccc;
}
#main #item-list li h3{ /* 1行を超える前に[・・・]で省略 */
}




/* 商品詳細
------------------------------------ */


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

#gallery-taxonomy-list li a{
	color:#fff;
	background:#0b80c3;
	border-radius:5px;
}

}