/*
Theme Name:     Theme-Child
Author:更新システム
Description:更新システム専用子テーマ
Template:       cloudtpl_385
Version: 1.5.2
*/
/*@import url('../cloudtpl_831/style.css');/* 親テーマのCSSをimportしてオーバーライド。親テーマとして使用するテーマのフォルダ名 */
@import url('extend.css');/* 拡張CSS。親テーマのCSSを上書きするのに使ってください */

/* ------------------------------------

	このCSSの構成
	※オーバーライドするために、最初に「#main」がついていますが、テーマによって#mainが使われていなければ適時変更の必要があるかもしれません
	※同様に「#container」が「#wrapper」などになっている場合もあります。
	※IE8などで、横幅の値によってはheightが機能しない場合がありますので注意が必要
	
	1.お知らせ
	2.店舗・会社案内 (サイトに合わせて幅を変更)
	3.メニュー1行表示 (サイトに合わせて幅を変更)
	4.メニュー一覧表示 (サイトに合わせて幅を変更)
	5.メニュー1行表示 (詳細なし)
	6.詳細スワップイメージ表示 (サイトに合わせて幅を変更)
	7.お問合せ
	8.よくある質問
	9.コース案内
	10.ブログ
	11.Facebookページ
	12.ギャラリーページ

--------------------------------------- */
ol,ul{
	/*margin-left:2em;*/
}
input,textarea,img{
	max-width:100%;
	height:auto;
	width:expression(document.body.clientWidth > 100% "100%" : "auto");
}
#galleria img{
	max-width:none;
}
#container h2{
	margin-bottom:15px;
}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
/*
#container a,
#container a img{
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
}*/
/* サイドバーにSNSアイコンつけるならこれを利用
#sidebar{
	padding-top:30px;
	position:relative;
}
#sidebar .fb-like{
	position:absolute;
	top:0px;
	left:0px;
}
#sidebar .tw-button{
	position:absolute;
	top:0px;
	left:120px;
}
*/
/* Editor Style 
エディター用スタイルがない場合はこれを使う */
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 {
	background: #f1f1f1;
	border: none;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #888;
	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;
}

/* 営業カレンダー
------------------------------------------ */
#isp-business-calendar{}

#isp-business-calendar thead th{}

table#isp-business-calendar td{}

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

/* 共通 - ページタイトル下のthe_content() */
.common-content{
	padding:10px;
}
#breadcrumb{ /* パンくずリスト */
	margin-bottom:30px;
	font-size:10px;
}

/* --------------------------
	1.お知らせ
----------------------------- */
.page-news{
	margin-bottom:50px;
}
#main .pr-content{
	margin:20px 0px;
	padding:10px;
	border:1px solid #ccc;
	border-radius:10px;
	box-shadow:0 0 3px #aaa;
}
.news-article{
	margin-bottom:20px;
	padding:15px;
	border:1px solid #ccc;
}
.news-article h3{/* NEWSタイトル */

}

.news-comment{/* NEWS本文 */

}
/* お知らせ詳細 */

.news-single-article{
	margin-bottom:40px;
	padding:15px;
	border:1px solid #ccc;
}

.news-single-content{}


/* --------------------------
	2.店舗・会社案内 (サイトに合わせて幅を変更)
----------------------------- */
#table_information{ /* テーブル部分 */
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	width:60%;
}
#container .img-no{ /* 横に画像が無い場合 */
	width:100%;
}
#table_information th,
#table_information td{
	padding:5px;
	border-bottom:1px dashed #ccc;
	vertical-align:top;
}
#table_information th{
	width:25%;
	text-align:left;
}
#table_information td{
}
.image-information{
	float:left;
	width:37%;
}
.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
}

/* --------------------------
	3.メニュー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:35%;
}
.page-menu .post_box .image_box_r{ /* CFイメージ画像右配置 */
	float:right;
	width:35%;
}
.page-menu .post_box .content_box_l{ /* 左配置の本文 */
	width:62%;
	float:left;
}
.page-menu .post_box .content_box_r{ /* 右配置の本文 */
	width:62%;
	float:right;
}
.page-menu .post_box .content_box_none{ /* CFイメージ画像がない場合の本文 */
	width:100%;
}

.btn-back {
    margin: 0 auto;
    width: 180px;
}

.btn-back02 {
    margin-top: 20px;
    width: 180px;
}

.btn-back a, .btn-back02 a {
    background-color: #2aa738;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

.btn-back a:hover, .btn-back02 a:hover {
    background-color: #47b153;
}

/* --------------------------
	4.メニュー一覧表示 (サイトに合わせて幅を変更)
----------------------------- */
#item-list{
}
#main #item-list li{
	margin:10px 5px;
	padding:5px;
	border-radius:10px;
	box-shadow:0 0 3px #ccc;
	list-style:none;
	background:none;
	width:28%;
	float:left;
	border:1px solid #ccc;
}
#main #item-list li h3{ /* 1行を超える前に[・・・]で省略 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#main #item-list .list-image{
	margin-bottom:10px;
	text-align:center;
}

#main #item-list .list-comment{
}
/* --------------------------
	5.メニュー1行表示 (詳細なし)
----------------------------- */
.page-menu02 .post_box{
	margin-bottom:20px;
}

.page-menu02 .post_box .image_box_l{ /* CFイメージ画像左配置 */
	float:left;
	width:35%;
	margin-top:8px;
}
.page-menu02 .post_box .image_box_r{ /* CFイメージ画像右配置 */
	float:right;
	width:35%;
	margin-top:8px;
}
.page-menu02 .post_box .content_box_l{ /* 左配置の本文 */
	width:62%;
	float:left;
}
.page-menu02 .post_box .content_box_r{ /* 右配置の本文 */
	width:62%;
	float:right;
}
.page-menu02 .post_box .content_box_none{ /* CFイメージ画像がない場合の本文 */
	width:100%;
}
#container .page-menu02 .ba-image ul{
     margin-left:0;
     list-style:none;
}


/* --------------------------
	6.詳細スワップイメージ表示 (サイトに合わせて幅を変更)
----------------------------- */
.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:400px;/* 縦画像の設定：ここはカラムによって調整してください */
}
#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:135px;/* 縦画像の設定：ここはカラムによって調整してください */
}
/* 右にサムネイル */
.swap02{
	width:100%;
}
.swap02 .large-image{
	width:57%;
	float:left;
	text-align:center;
}
.swap02 .large-image img{
	max-height:400px;/* 縦画像の設定：ここはカラムによって調整してください */
}

#main .swap02 ul{
	width:40%;
	float:left;
}
#main .swap02 li{
	margin:0 5px 5px 5px;
	width:45%;
	float:left;
	text-align:center;
}
#main .swap02 li img{
	max-height:110px;/* 縦画像の設定：ここはカラムによって調整してください */
}
/* 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(img/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;/* 縦画像の設定：ここはカラムによって調整してください */
}


/* --------------------------
	7.お問合せ
----------------------------- */
.page-contact .form_box {
	text-align:center;
}
.page-contact .iqfm-table{ /* form テーブル */
	width:100%;
}
.page-contact .iqfm-table th{
	text-align:left;
	width:30%;
}

.page-contact .iqfm-table td{ 
	text-align:left;
}
.page-contact .iqfm-table th span,
.page-contact .iqfm-table td span{ /*注意書き*/
	color:#f00;
}
.page-contact #privacy{ /* プライバシーポリシー */
}
/*
.form_box dl,
.form_box dt,
.form_box dd {
	margin: 0;
	padding: 0;
}

.form_box dl {
	width:100%;
	border: 1px solid #333;
	border-top: none;
	background: #e7e7e7;
}

.form_box dt,
.form_box dd {
	padding: 10px;
	line-height:1.3em;
	text-align:left;
}

.form_box dt {
	border-top: 1px solid #333;
	clear: left;
	float: left;
	width: 180px;
}

.form_box dd {
	margin-left: 200px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	background: #fff;
}
*/
/* 変更点：１行毎にdlを閉じて、それをheightParentでくくる。 */
.form_box dt,
.form_box dd {
	border:1px solid #999;
	text-align:left;
	padding:10px;
}

.form_box dl{
	overflow:hidden;
	width:100%;
}
.form_box dt{
	width:28%;
	float:left;
	background-color:#ccc;
	border-bottom:none;
	border-right:none;
}
.form_box dd {
	width:65%;
	float:left;
	background-color:#FFF;
	border-bottom:none;
}
.form_box dl.last {
	border-bottom: 1px solid #999;
	width:100%;
}



/* チェックボックスを整えたい場合は有効だが、IE8だけ崩れる。
その場合はhead内に<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />を書いて、IE7のレンダリングにすると解決する。
*/
.form_box dd label{
	display:inline-block;
}

#submit-button{
	text-align:center;
	margin:20px;
}
#submit-button input{
	width:80px;
	padding:3px 0;
}
.attention{
	color:#f00;
	font-size:11px;
}
/* --------------------------
	8.よくある質問
----------------------------- */
.page-faq{
	margin-bottom:50px;
}

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

#main .faq-comment{/* Aの背景はここで指定 */
	padding-left:40px;
	background:url(img/bg_a.png) no-repeat left 0px;
}
/* --------------------------
	9.コース案内
----------------------------- */
.page-course{}

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

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

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

.article{ /* 記事ボックス */
	padding:10px;
	margin-bottom:50px;
	border:1px solid #ccc;
	background-color:#fff;
	box-shadow:0 0 3px #ccc;
	border-radius:5px;
}
.article .post-title{ /* 記事タイトル */
	margin-bottom:20px;
}
.article .post-content{ /* 記事本文 */
	margin-bottom:10px;
	padding-bottom:50px;
	border-bottom:1px dashed #ccc;
	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;
	border-bottom:1px solid #999;
	background-color:#eee;
}
#com .compost{ /* コメント本文 */
	margin:10px;
	padding:10px;
	border-bottom:1px dashed #ddd;
	line-height:1.5em;
}
#comment{ /* テキストエリア */
	width:60%;
	height:80px;
}
#commentform p{
	margin:10px;
}
.cominfo{ /* コメントメタ */
	text-align:right;
	margin-top:30px;
	font-size:0.85em;
}
/* --------------------------
	11.Facebookページ
----------------------------- */
#facebook{
	background:none;
}
.page-template-page-facebook-php #container{
	margin:0;
	padding:0;
}
#facebook #main,
#facebook #header, 
#facebook #container, 
#facebook .inner{
	width:100%;
}
#facebook .g-map{
	text-align:center;
}
/* --------------------------
	12.ギャラリーページ
----------------------------- */
#gallery-taxonomy-list{ /*タクソノミー一覧*/
	overflow:hidden;
}
#gallery-taxonomy-list li{
	float:left;
	margin-right:20px;
}
#galleria{
	margin-bottom:20px;
}
.galleria-info{
	margin-bottom:20px;
}