@charset "utf-8";
/*-------------------------------------------*/
/*	初期化
/*-------------------------------------------*/

/*---------- 全ての要素に適用する。------------*/
* {
 margin: 0px;
 padding: 0px;
 font-size: 100%;
 }

ul, ol {
 list-style: none; /*---------- リストの先頭に表示するマーカー文字なし ------------*/
 }

body,
h1, h2, h3, h4, h5 ,p, ul, ol, li, dl, dt, dd, table, form, input {
 margin:0;
 padding:0;
 }

hr {
 display:none; /*---------- 要素が表示されず、レイアウトに影響を与えない ------------*/
 }

th {
 font-weight:lighter; /*---------- フォントの太さを指定（相対的に一段階細く）------------*/
 }

tr {
 /*border-style: solid;/*コンタクトフォームの透明度*/
 /*background-color: rgba( 192,210,210,0.5 ) !important;/*コンタクトフォームの透明度*/
 }

tr:hover {
 /*opacity: 0.5;/*コンタクトフォームの透明度*/
 /*background-color: rgba( 192,210,210,0.2 ) !important;/*コンタクトフォーム選択時の透明度*/
 }

td {
/*opacity: 0.5;/*コンタクトフォームの透明度*/
 background-color: rgba( 192,210,210,0.3 ) !important;
 }

img {
 border: none;
 vertical-align: bottom; /*---------- 画像に並ぶテキストの位置を指定 ------------*/
 }

 img#wpstats{display:none !important;}

/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/

body {
 /*color: #fff; サイト全体のフォントの色 */
 /*display:none;*//* fade jQueryによりページをロードしたらふわっと表示させる */
 text-align: center;
 font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
 }

/* Text elements */
body {
 font-size:80%; /*サイト全体のフォントのサイズ */
 line-height:130%;
 /* 背景画像が読み込まれる前に表示される背景のカラー */
 background-color: #e2d8cf !important;/* 管理画面側で設定しない場合 */
 }

#wrap {
 display:none;/* fade jQueryによりページをロードしたらふわっと表示させる */
 }

dt {
 font-weight: bold;
 }

strong {
font-weight: bold;
 }

pre {
 background: #f7f7f7;
 color: #222;
 line-height: 18px;
 margin-bottom: 18px;
 padding: 1.5em;
 }

sup, sub {
 height: 0;
 line-height: 1;
 position: relative;
 vertical-align: baseline;
 }

sup {
bottom: 1ex;
 }

sub {
 top: .5ex;
 }

/* input&テキストエリアの設定 */
input[type="text"], input[type="email"], input[type="password"], textarea, select {
 background: #f9f9f9; /* テキストエリアの色 */
 opacity: 0.6; /* テキストエリアの透明度 */
 border: 1px solid #ccc; /* テキストエリア枠のライン設定 */
 padding: 2px;
 font-size:16px; /* 16px以上に設定しないとiPhoneのインプット、テキスト、セレクトエリアが自動で拡大する */
 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); /* テキストエリア枠の影の設定 */
 -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); /* テキストエリア枠の影の設定 */
 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); /* テキストエリア枠の影の設定 */
 /* インプットエリアの角丸 */
   border-radius: 5px !important;         /* CSS3 */
  -moz-border-radius: 5px !important;    /* Firefox */
  -webkit-border-radius: 5px !important; /* Safari,Chrome */
　behavior: url(border-radius.htc) !important;　/*for IE ←　この１行を追加*/
}

 /* input&テキストエリアのアニメーション化 */
 /* ここから */
 input {
	padding:5px 10px;
	border:3px solid #ccc;
	font-size:133%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition:1s;
}

input:focus{
	border:3px solid #0066cc;
	background-color:#222222;
	opacity: 0.6; /* テキストエリアの透明度 */
	color:#ffffff;
}

textarea {
	padding:5px 10px;
	border:1px solid #ccc;
	font-size:16px;/* 16px以上に設定しないとiPhoneのテキストエリアが自動で拡大する */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition:1s;
}

textarea:focus {
	border:3px solid #0066cc;
	background-color:#222222;
	opacity: 0.6; /* テキストエリアの透明度 */
	color:#ffffff;
}

/* :checkedで動作 */
input:checked{
	outline:5px solid #ff1493;
}
 /* ここまで */

p {
/* 全ての文字の設定　エディタの表示に近づける */
 font-size:13px !important;
 word-wrap : break-word !important;/* Blog文章を折り返させる */
 overflow-wrap : break-word !important;/**/
 color: #333;/* pで囲んだサイトの基本的な文字*/
 }

 a {
/* 全てのリンク文字の設定　エディタの表示に近づける */
 overflow: hidden;
 text-decoration:none;
 color:#333;
 }

/* 全てのリンクhoverの設定　エディタの表示に近づける */
a:hover,
a:active {
color:#c00;
 }

.assistive-text	{
 display:none;
 }



/*-------------------------------------------*/
/*	Btn
/*-------------------------------------------*/

#searchform input[type=submit],
p.form-submit input[type=submit],
form#searchform input#searchsubmit,
.content form input.wpcf7-submit,
#confirm-button input {
 font-size:12px;
 line-height:110%;
 text-align:center;
 position:relative;
 width:auto;
 border:none;
 display:inline-block;
 overflow:hidden;
 position:relative;
 white-space:nowrap;
 padding:8px 20px 6px;
 text-decoration:none;
 }

a.btn,
.linkBtn a,
input[type=button],
input[type=submit] {
 display:inline-block;
 overflow:hidden;
 margin-top:15px;
 position:relative;
 padding:8px 20px 6px;
 text-decoration:none;
 cursor:pointer;
 border:none;
 background-color:#efefef;
 }

a.btn:hover,
.linkBtn a:hover {
 background-color:#e5e5e5;
 color:#666;
 }

a.btn.btnS,
.linkBtn.linkBtnS a {
 padding:5px 10px;
 font-size:85.7%;
 }

a.btn.btnL,
.linkBtn .linkBtnL a {
 padding:10px 30px;
 font-size:114.3%;
 text-align:center;
 }

a.btn.btnAdmin,
.linkBtn .linkBtnAdmin a {
 color:#666666 !important;
 background-color:#e5e5e5;
 border-radius:3px;
 text-decoration:none;
 border:1px solid #cccccc;
 box-shadow:inset 0 1px 0 #fff;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e5e5e5));
 background: -moz-linear-gradient(#fff, #e5e5e5);
 -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#e5e5e5)";
 }

#searchform input[type=submit],
p.form-submit input[type=submit] {
 padding:6px 15px;
 }

#searchform label {
 display:none;
 }

 /*------------検索ボタン成形-----------------*/
form#searchform input#searchsubmit {
 padding:6px 10px;
 }


 /*------------Read moreボタン成形-----------------*/
 /*Read moreボタンの位置*/
.moreLink {
 margin-bottom:20px !important; /*------------ 重要 Read moreボタンの下の隙間-----------------*/
 height:auto;
 display:block;
 }

 /*Read moreボタンの形*/
.moreLink a {
 text-align:center;
 margin-top:10px;
 display:inline-block;
 overflow:hidden;
 font-size:10px;
 line-height:105%;
 text-decoration:none;
 background:url(images/icon_try1_gray.gif) 10px 50% no-repeat #efefef;
 background-color: rgba( 192,210,210,0.5 ) !important;
 padding:5px 15px 5px 20px;
 border:2px solid #888;
 /*TopページRead moreボタンの角丸*/
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 }

.moreLink a:hover {
 text-decoration:none !important;
 background-color: rgba( 192,210,210,0.9 ) !important;
 }

  /* ボタンをふわっとさせる */
 /* ここから */
.moreLink * {
 -webkit-transition: 0.7s;
 -moz-transition: 0.7s;
 -ms-transition: 0.7s;
 -o-transition: 0.7s;
 transition: 0.7s;
}
/* ここまで */

/*-----------Blog Listボタン成形-----------------*/
 /*Blog Listボタンの位置*/
.listmoreLink {
 margin-bottom:5px; /*------------Blog Listボタンの下の隙間-----------------*/
 height:auto;
 display:block;
 }

 /*Blog Listボタンの形*/
.listmoreLink a {
 text-align:center;
 margin-top:10px;
 display:block;/* 横幅いっぱいかinline-blockにより文字幅にするか */
 overflow:hidden;
 font-size:10px;
 line-height:105%;
 text-decoration:none;
 background:url(images/icon_try1_gray.gif) 5px 50% no-repeat #efefef;
 background-color: rgba( 192,192,192,0.2 ) !important;
 padding:5px 15px 5px 20px;
 /*border:2px solid #666;/* 要素に対してラインで囲む */
 /*TopページBlog Listボタンの角丸*/
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 }

.listmoreLink a:hover {
 text-decoration:none !important;
 background-color: rgba( 192,192,192,0.5 ) !important;
 }

 /* ボタンをふわっとさせる */
 /* ここから */
.listmoreLink * {
 -webkit-transition: 0.7s;
 -moz-transition: 0.7s;
 -ms-transition: 0.7s;
 -o-transition: 0.7s;
 transition: 0.7s;
}
/* ここまで */

html, body, #wrap {
 height:100%; /* サイト全体の高さ */
 min-height:100%;
 }

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}



/*-------------------------------------------*/
/*	レイアウト
/*-------------------------------------------*/
/*---------- 全ての機器に適用する。------------*/

#header,
#pagetop,
#footMenu,
#footer {
 text-align:center;
 clear: both;
 }

.innerBox {
 text-align:left;
/* width:94%; /* ここをコメントアウトすると.innerBoxエリアのmarginがなくなる*/
/* margin:0px 3%; /* ここをコメントアウトすると.innerBoxエリアのmarginがなくなる*/
 }

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

#main {
 width:100%;
 margin:0px auto 0px !important;/* コンテンツ部分とスライダーとの上下の隙間 スライダー側でも調整*/
 /*background-color:#fff !important;/*---------- コンテンツ部分のみの背景色。端から端まで------------*/
 }

#main #container .infoList {
 /*background-color:rgba(0, 0, 0, 0.6);*//*---------- コンテンツの透ける背景------------*/
 }

#main #container {
 overflow:visible;
 /*min-height:680px;/*---------- コンテンツが少ない場合指定しておく(増えたら削除)------------*/
 /*background-color:#fff !important;*/
 }

#container{
 /*width:1121px;*//* メニュー幅を設定すれば設定の必要なし */
 /*margin:0px 3%;*/
 /*margin: 0px 0px 0px 0px;*/
 margin-bottom:20px !important; /* レスポンシブ時の下の背景を含めた余白　フッターとの隙間 */
 padding-bottom:0px !important; /* レスポンシブ時のコンテンツ全体の記事の下の背景の広さ */
 /*padding-right:20px;/*---------- コンテンツに対しての余白------------*/
 /*padding-left:20px;/*---------- コンテンツに対しての余白------------*/
 /*margin-left:0px !important;/*---------- コンテンツ部分の左寄せ------------*/
 height:100%;/* for IE6 */
 min-height:740px;/*---------- コンテンツが少ない場合指定しておく(増えたら100%に戻す)------------*/
 background-color:rgba(0, 0, 0, 0.6);/*---------- コンテンツの透ける背景------------*/
 box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.6);/*---------- コンテンツの周りの影------------*/
           /*,0px 0px 10px 3px rgba(0, 0, 0, 0.6) inset;*/
 border:1px solid #666;
 -moz-border-radius: 5px;    /* 角丸 古いFirefox */
 -webkit-border-radius: 5px; /* 角丸 古いSafari,Chrome */
 border-radius: 5px;         /* 角丸 CSS3 */
 }

#main #container .content {
 /*width:94%;*/
 /*margin:0px 3%;*/
 /*margin: 0px 0px 0px 0px;*/
 /*padding-bottom:0px !important; /* レスポンシブ時の下の隙間 */
 /*padding-right:20px;/*---------- コンテンツに対しての余白------------*/
 /*padding-left:20px;/*---------- コンテンツに対しての余白------------*/
 /*margin-left:0px !important;/*---------- コンテンツ部分の左寄せ------------*/
 /*background-color:#fff !important;/*---------- コンテンツ部分のみの背景色。端から端じゃなく950px内------------*/
 /*min-height:680px;/*---------- コンテンツが少ない場合指定しておく------------*/
 }


#main #container #sideTower {
 display:block;
 overflow:hidden;
 padding-bottom:30px; /* レスポンシブ時の下の隙間 */
 /*padding-right:5px;/*---------- サイドバーに対しての余白------------*/
 /*padding-left:5px;/*---------- サイドバーに対しての余白------------*/
 /*background-color:#fff !important;/*---------- サイドバー部分のみの背景色。----------*/
 }

 /* NOUS-T Official WebSiteでは使用しないのでコメントアウト */
 /* ここから
 #header #headContact {
 width:50%;
 }
ここまで */

#main #container .content.wide {
 width:96%; /* ワンカラム固定ページなどのコンタクトページに反映 */
 float:none;
 padding-bottom:30px;
 overflow:visible;
 }

/*-------------------------------------------*/
/*	#headerTop
/*-------------------------------------------*/

 /* Shonan Art Studio Official WebSiteでは使用しないのでコメントアウト Art Studioでは使用 */
 /* ここから
 #headerTop {
 color:#666;
 overflow:hidden;
 width:100%;
 padding:2px 0px;
 clear:both;
 font-size:85.7%;
 display: none;
 }


#headerTop #site-description {
 font-size:10px;
 line-height:120%;
 color:#999;
 }
ここまで */



/*-------------------------------------------*/
/*	#header
/*-------------------------------------------*/

#header	{
 display:block; /*-------- 要素全体を1つの長方形にして表示 -----------*/
 overflow:hidden; /*-------- ボックスの範囲内に内容が入りきらない場合はみ出た部分を表示しない。 -----------*/
 }

#header	{
 padding-top:15px;/*-------- Notification Barを設置する場合やヘッダーの高さやメニュー位置との関係により調整（制作サイトのヘッダーによる）-----------*/
 margin-top:0px; /*-------- Notification Barとの重なりを調整（使用する場合は-50px）-----------*/
 text-align:left;
 }

/*-------- headerのタイトル文字に指定するロゴ画像の設定 -----------*/
#header #site-title {
 font-size: 24px; /*-------- headerのタイトル文字サイズ -----------*/
 line-height:normal; /*---- 間違うとスマホのheaderロゴ画像の上に隙間ができる（単位なし）------*/
 margin:-10px 0 0 0; /*---- headerロゴ画像の周りの上、右、下、左のinnerBox内の幅 / タイトルの文字の位置も調整------*/
 padding-bottom:0px; /*---- スマホサイトでのメニューとheaderロゴ画像の幅（PCとタブレットは隙間あり） ------*/
 position:relative; /*---- 相対位置。本来その要素が配置される場所を基準に配置される。------*/
 font-weight:lighter; /*---- headerロゴ画像下のタイトルのフォントの太さを指定 ------*/
 text-align: center; /*---- headerロゴ文字の位置を指定 ------*/
 }

#header #site-title a {
 font-size: 50px !important;
 color: #fff; /*-------- headerタイトル文字の色 -----------*/
 font-family: 'Reenie Beanie', cursive !important;
 text-shadow: 0 0 8px rgba(0,0,0,0.9),
               0 0 2em rgba(0,0,0,0.9) !important;
 font-weight: bold;
 text-decoration: none;
 }

 /*-------- headerロゴ画像の -----------*/
 #header #site-title a img {
 max-height:none; /*-------- headerロゴ画像のサイズを優先 -----------*/
 margin-top:0px; /*-------- headerロゴ画像と画面上の隙間 -----------*/
 }



/*-------------------------------------------*/
/*	#panList(module_pageTit.php)
/*-------------------------------------------*/
/*----------Shonan Studioでは使用しないのでコメントアウト(Art Studioでは検討)------------*/
#panList {
 clear:both;
 font-size:10px;
 color:#999;
 padding:0px;
  /*display:block;*/
 overflow:hidden;
 width:100%;
 }

 /* パンくずリスト非表示 */
#panList {
 display:none !important;/* パンくずリストを表示する時はコメントアウト */
 }

#panList #panListInner {
 display:block;
 overflow:hidden;
 text-align:left;
 padding:0px;
 line-height:24px;
 /*border-bottom:1px solid #fff;*/
 }

.home #panList {
 display:none;
 }

#panList ul {
 display:inline-block;
 }

#panList ul li {
 display:inline-block;
 padding-right:5px;
 }


/*-------------------------------------------*/
/*	#pageTitBnr (それぞれのコンテンツ背景)
/*-------------------------------------------*/
#pageTitBnr {
 /*color:#fff;border-bottom:1px solid #ccc;*/
 /*box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3);*/
 /*background-color:#000;*/
 margin:0px;
 clear:both;
 }

#pageTitBnr #pageTitInner {
 display:block;
 /*color:#fff;border-bottom:1px solid #ccc;*/
/* background-color:#000 !important;/* 各コンテンツタイトル背景の色を指定 */
 /*box-shadow: 0px 9px 12px 0px rgba(0,0,0,0.6);/* 各コンテンツタイトル背景に影を付ける場合 (内側に付ける場合inset) */
/* -webkit-box-shadow: 0px 9px 12px 0px rgba(0,0,0,0.6);/* 各コンテンツタイトル背景に影を付ける場合 (内側に付ける場合inset) */
/* -moz-box-shadow: 0px 9px 12px 0px rgba(0,0,0,0.6);/* 各コンテンツタイトル背景に影を付ける場合 (内側に付ける場合inset) */
 /*border-radius:3px;/* 各コンテンツタイトル背景に角を丸くする */
 /*-moz-border-radius:3px;/* 各コンテンツタイトル背景に角を丸くする */
 /*-webkit-border-radius:3px;/* 各コンテンツタイトル背景に角を丸くする */
 /*background:url(https://nous-t.com/wp-content/themes/art-studio/design_skins/001/images/pageTit_bg_02.png) left 100% no-repeat;/* 各コンテンツタイトル背景を画像にする場合 */
/* padding:0 0 0 35px; /* 各コンテンツタイトル文字の位置 (縮めた時のmenu位置との関係性を考慮) */
  text-align:center; /* 各コンテンツタイトル文字を中央にする場合 */
 /*margin:10px 10px 0 10px; /* 各コンテンツタイトル背景の余白 */
 /*opacity: 0.9;/* 各コンテンツタイトル背景の透明度 */
 overflow:hidden;
 }

 /*推奨環境のタイトル文字 */
.page-id-90 #pageTitBnr #pageTitInner #pageTit {
 font-size:24px !important; /* 各コンテンツタイトル文字の大きさ */
 margin:12px 0 6px 0px !important; /* 各コンテンツタイトル文字の上下と背景の間隔 */
 }

#pageTitBnr #pageTitInner #pageTit {
 font-size:40px !important; /* 各コンテンツタイトル文字の大きさ */
 color: #fff !important;/* 各コンテンツタイトル文字の色 */
 font-family: 'Reenie Beanie', cursive !important;
  /*background: lightyellow !important; */
  /*color: transparent !important; */
  text-shadow: 0 0 8px rgba(0,0,0,0.9),
               0 0 2em rgba(0,0,0,0.9) !important;
 display:inline;
 float:left;
 margin:8px 0 8px 0px; /* 各コンテンツタイトル文字の上下と背景の間隔 */
 width:100%;
 opacity: 0.7;/* 各コンテンツタイトル文字の透明度 */
 line-height:115%;
 font-weight:lighter;
 }

#pageTitBnr #pageTitInner #titleTxtSub {
 text-align:left;
 color:#999;
 font-family: 'Comfortaa', cursive;
 font-size:14px;
 letter-spacing:3px;
 float:left;
 margin-top:25px;
 line-height:105%;
 }

 #pageTitBnr .edit-link a {
 color:#fff !important;
 text-decoration:underline;
 }

/*-------------------------------------------*/
/*	#main
/*-------------------------------------------*/
#main {
 display:block;
 overflow:visible;
 clear:both;
 }

#main {
 zoom: 1;
 }

/* facebookコメント欄が消えるのでhiddenではなくclearfix */
#main:before,#main:after {
 content: "";
 display: table;
 }

#main:after {
 clear: both;
 }

/*全ての機器に適応する記事全体の上の隙間*/
#main #container {
 padding-top:20px !important;/* 重要 コンテンツの始まる全て統一*/
 }

/*		.content
/*-------------------------------------------*/
.content {
 /*margin-bottom: 0px !important;*/
 /*padding-bottom:0px !important;*/
 text-align:left;
 display:block;
 overflow:visible;
 }

.content hr {
 clear:both;
 display:block;
 margin:1em 0;
 }

.content .post,
.content .ai1ec_event,
.content .news,
.content .info {
 background-color: rgba( 192,210,210,0.5 ) !important;/*  Blog部分の個々の記事の背景色 */
 /*TopページBlogの背景の角丸*/
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 margin-top:10px;
 margin-bottom:20px;/*  FBコメント欄と記事の隙間 */
 display:block;
 overflow:hidden;
 padding:10px 10px 0px 10px !important; /* Blog記事部分の左右上下の隙間 */
 /*border-bottom:1px solid #ccc;*/ /* 背景色がない場合FBとの間にボーダーがい必要になる */
 position:relative;
 }

.content .type-gallery,
.post-content .bv-grid-unit-wrapper {
 background-color: rgba( 192,210,210,0.5 ) !important;/*  Blog部分の個々の記事の背景色 */
 /*TopページBlogの背景の角丸*/
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 padding:10px 10px 0px 10px !important; /* Blog記事部分の左右上下の隙間 */
 /*border-bottom:1px solid #ccc;*/ /* 背景色がない場合FBとの間にボーダーがい必要になる */
 }

.content .alert	{
 color:#f00;
 }

.content .caption {
 font-size:11px;
 line-height:110%;
 }

.content .center{
 text-align:center;
 }

.content .right	{
 text-align:right;
 }

.content .nowrap {
 white-space:nowrap;
 }

.content .sectionBox {
 margin-bottom:30px;
 display:block;
 overflow:hidden;
 }

.content .entry-meta {
 margin-bottom:0px;
 font-size:11px;
 color:#666;
 display:block;
 overflow:hidden;
 padding-bottom:0px; /* レスポンシブ時の下の隙間 */
 }

.content .leadTxt {
 color:#333;
 }

.content h1 {
 font-size:2em;
 margin-bottom:2em;
 }

/* コンテンツのシングルページタイトル（見出し）のデザイン */
.content h1.contentTitle,
.content h1.entryPostTitle {
 clear:both;
 font-size:128.6%;
 border: 1px solid #ccc;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 font-weight:bold;
 color:#333;
 position:relative;
 line-height:114.3%;
 }

 .content h1.entryPostTitle {
 display:block;
 overflow:hidden;
 padding:5px !important; /* ブログやinfoなどの個別投稿タイトル部分の文字からの下の隙間 */
 margin:0px 0px 10px !important;
 background-color: rgba( 192,210,210,0.5 ) !important;/*  Blog部分の個々の記事の背景色 */
 }

.content h1,
.content h2:first-child {
 margin:0px 0px 25px;
 }

 /* Topページの各コンテンツタイトル（見出し）のデザイン */
.content h2 {
 clear:both;
 font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
 font-size:128.6% !important;
 padding:11px 0px 9px 10px;
 background: -webkit-repeating-linear-gradient(45deg, rgba(96,123,125,0.3), rgba(96,123,125,0.3) 5px, rgba(82,144,148,0.7) 5px, rgba(82,144,148,0.7) 10px);
 background: repeating-linear-gradient(45deg, rgba(96,123,125,0.3), rgba(96,123,125,0.3) 5px, rgba(82,144,148,0.7) 5px, rgba(82,144,148,0.7) 10px);
 /*background: -webkit-repeating-linear-gradient(45deg, rgba(96,123,125,0.3), rgba(96,123,125,0.3) 5px, rgba(82,144,148,0.7) 5px, rgba(82,144,148,0.7) 10px);*/
 /*background: repeating-linear-gradient(45deg, rgba(84,70,63,0.6), rgba(84,70,63,0.6) 5px, rgba(46,29,19,0.3) 5px, rgba(46,29,19,0.3) 10px);*/
 border:1px solid #666;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
 border-radius: 8px;        /* CSS3草案 */
 -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 8px;   /* Firefox用 */
 font-weight:bold;
 color:#333;
 position:relative;
 line-height:114.3%;
 }

.content h2 {
margin:0px 0px 0px !important;/* タイトルがある固定ページのタイトルとコンテンツ内の始まりとの余白 */
 }

.home .content h2 {
 font-family: 'Reenie Beanie', cursive !important;
 font-size:200% !important;
 }


.content h2 a {
 text-decoration:none;
 }

.content h2.imageTit {
 margin:0px 0px 30px;
 border:none;
 padding:0px;
 background:none;
 }

.content h3 {
 clear:both;
 font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
 font-size:14px !important;
 margin:30px 0px 25px;
 padding:2px 0px 0px 15px;
 border-left:3px solid #666;
 color:#333;
 }

.content h4 {
 clear:both;
 font-size:16px;
 margin:10px 0px 10px !important;
 padding:0px 0px 5px !important;
 border-bottom:1px dotted #ccc;
 }

.content h5 {
 clear:both;
 font-size:16px;
 margin:30px 0px 10px;
 padding:0;
 }

.content h6 {
 clear:both;
 font-size:14px;
 margin:30px 0px 8px;
 padding:0;
 }

.content p {
 margin-bottom: 20px;
 padding:0px 5px;
 }

/* Blog,infoなどの個別記事の文字部分 基本設定はbasic.cssのp エディタの表示に近づける */
.single-info .content .info p,
.blog-single .content .post p {
 margin-top: 13px !important;
 margin-bottom: 0px !important;
 padding-bottom: 0px !important;
 /*line-height:150%;/* エディタの表示に近づける為削除 */
 align: top;/**/ }

.content blockquote,
.content .sectionFrame {
 border:1px solid #ccc;
 background-color:#f5f5f5;
 padding:25px 25px 5px;
 margin-bottom:20px;
 clear:both;
 }

.content blockquote h2:first-child,
.content blockquote h3:first-child,
.content blockquote h4:first-child,
.content blockquote h5:first-child,
.content blockquote h6:first-child,
.content .sectionFrame h2:first-child,
.content .sectionFrame h3:first-child,
.content .sectionFrame h4:first-child,
.content .sectionFrame h5:first-child,
.content .sectionFrame h6:first-child {
 margin-top:0;
 }

.content strong	{
 font-weight:bold;
 }

.content address {
 margin-bottom:20px;
 }

.content ul {
 margin:0px 0px 20px 20px;
 }

.content li {
margin-bottom:10px;
 }

.content ul li {
 list-style:disc;
 padding:0px;
 }

.content ul ul {
 margin-top:10px;
 }

.content ul ul li {
 list-style:circle;
 }

.content ol {
 margin:0px 0px 20px 40px;
 }

.content ol li {
 list-style:decimal;
 padding:0px;
 }

.content table {
 border-top: 1px solid #ccc;
 margin: 10px -1px 24px 0;
 text-align: left;
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
 font-size:85.7%;
 line-height:141.7%;
 }

.content table thead th	{
 font-weight:bold;
 }

.content th, .content thead th {
 padding: 9px 24px;
 background-color: rgba( 192,210,210,0.5 ) !important; /* aboutやcontact等のテーブル部分の色 */
 white-space:nowrap;
 }

.content tfoot th, .content tfoot td {
font-weight:bold;
}

.content table th, .content table td {
 border: 1px solid #ccc;/* aboutのテーブルや全体のテーブルボーダー */
 padding: 10px 15px;
 vertical-align:top;
 }

.content table.mobile-block th,
.content table.mobile-block td {
 border-top:none;
 display: block;
 }

.content table ul {
 margin-bottom:0px;
 margin-left:15px;
 }

.content table ul li {
 margin:2px 0px;
 }

.content table.mobile-block th,
.content table.mobile-block td {
 border-top:none;
 display: block;
 }

.content dt {
 color:#000;
 padding-bottom:3px;
 margin-bottom:10px;
 }

.content dd {
 margin:0px 0px 30px;
 padding:0px;
 }

/*.content iframe	{ border:1px solid #ccc; }*/


/*			.child_page_block
/*-------------------------------------------*/

.content .child_page_block {
 display:block;
 overflow:hidden;
 margin-bottom:15px;
 width:100%;
 }

.content .child_page_block .child_page_blockInner{
 display:block;
 overflow:hidden;
 padding:15px 0px;
 }

.content .child_page_block.layout_even {
 float:right;
 }

.content .child_page_block h4 {
 border:none;
 padding:0px 0px 2px;
 margin:0px;
 border-bottom:1px solid #ccc;
 margin-bottom:10px;
 box-shadow:0px 1px 0px rgba(255,255,255,1.0);
 }
.content .child_page_block h4 a	{
 text-decoration:none;
 color:#4d4d4d;
 }

.content .child_page_block h4 a:hover {
 text-decoration:none;
 }

.content .child_page_block .childText {
 display:block;
 overflow:hidden;
 }

.content .child_page_block p {
 font-size:12px;
 margin-bottom:0px;
 line-height:133%;
 padding:0px;
 }

.content .child_page_block p a {
 text-decoration:none;
 color:#666;
 }

.content .child_page_block p a:hover {
 text-decoration:none;
 color:#c00;
 }

.content .child_page_block .thumbImage {
 float:left;
 display:block;
 border:1px solid #ccc;
 margin-right:0px;
 }

.content .child_page_block .thumbImage .thumbImageInner {
 display:block;
 overflow:hidden;
 width:80px;
 border:1px solid #fff;
 }

.content .child_page_block .thumbImage .thumbImageInner img {
 width:80px;
 height:80px !important /* ie8 */;
 }



/*			.childPageBox
/*-------------------------------------------*/

.content .childPageBox {
 display:none;
 }

.content .childPageBox .textBox	{
 overflow:hidden;
 border:1px solid #ff0000;
 }



/*			.mainFoot
/*-------------------------------------------*/

.content .mainFoot {
 display:block;
 overflow:hidden;
 margin-top:35px;
 margin-bottom:30px;
 }

.content .mainFoot .mainFootInner {
 }

.content .mainFootContact {
 display:block;
 overflow:hidden;
 text-align:center;
 }

.content .mainFootContact p.mainFootTxt	{
 font-size:10px;
 letter-spacing:0px;
 margin-bottom:5px;
 }

.content .mainFootContact p.mainFootTxt span {
 display:block;
 }

.content .mainFootContact p.mainFootTxt span.mainFootCatch {
line-height:120%;
}

.content .mainFootContact p.mainFootTxt span.mainFootTel {
 font-size:24px;
 font-family:'Lato', sans-serif;margin-bottom:2px;
 line-height:100%;
 }

.content .mainFootContact p.mainFootTxt span.mainFootTime {
 line-height:120%;
 }

.content .mainFootContact .mainFootBt a	{
 display:block;
 overflow:hidden;
 background-color:#999;
 max-width:350px;
 margin:0px auto;
 }

.content .mainFootContact .mainFootBt a img {
 max-width:100%;
 }



/*			images
/*-------------------------------------------*/

.content img {
 margin: 0;
 max-width:100% !important;
 height:auto !important;
 }

.content .attachment img {
 max-width: 900px;
 }

.content .alignleft,
.content img.alignleft {
display: inline;
 float: left;
 margin-right: 20px;
 margin-top: 4px;
 }

.content .alignright,
.content img.alignright {
 display: inline;
 float: right;
 margin-left: 20px;
 margin-top: 4px;
 }

.content .aligncenter,
.content img.aligncenter {
 clear: both;
 display: block;
 margin-left: auto;
 margin-right: auto;
 }

.content img.alignleft,
.content img.alignright,
.content img.aligncenter {
margin-bottom: 12px;
 }

.content .wp-caption {
line-height: 18px;
 margin-bottom: 20px;
 text-align: center;
    background: #eee !important;
    border: 1px solid #ddd !important;
    width: 150px !important;
    max-width: 150px !important;
    padding: 10px !important;
}

.content .wp-caption.alignnone {
    margin: 5px 20px 20px 0 !important;
}

.content .wp-caption.alignleft {
    margin: 5px 20px 20px 0 !important;
}

.content .wp-caption.alignright {
    margin: 5px 0 20px 20px !important;
}

.content .wp-caption img {
    border: 0 none !important;
    height: auto !important;
    margin: 0 !important;
    max-width: 150px !important;
    padding: 0 !important;
    width: 150px !important;
}

.content .wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
    margin: 0 !important;
    padding: 5px 0 !important;
}

.content .wp-smiley {
 margin: 0;
 }

.content .gallery {
 margin: 0 auto 18px;
 }

.content .gallery .gallery-item {
 float: left;
 margin-top: 0;
 text-align: center;
 width: 33%;
 }

.content .gallery img {
 border: 2px solid #cfcfcf;
 }

.content .gallery .gallery-caption {
 color: #888;
 font-size: 12px;
 margin: 0 0 12px;
 }

.content .gallery dl {
 margin: 0;
 }

.content .gallery img {
 border: 10px solid #f1f1f1;
 }

.content .gallery br+br {
 display: none;
 }

.content .attachment img {
 /* single attachment images should be centered */
display: block;
 margin: 0 auto;
 }



/*			.navigation
/*-------------------------------------------*/


/*--------FB追加-------------*/
.fb-comments,
.fb-comments span,
.fb-comments iframe{ width:100% !important; }

.fb_ltr {
 background: rgba( 192,210,210,0.5 ) !important;
 max-width: none !important;
 -webkit-appearance: none !important;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.navigation {
 color: #888;
 font-size: 12px;
 line-height: 18px;
 overflow: hidden;
 border-top:1px solid #ccc;
 padding:10px 0px 15px;
 /*margin:0px 3%;/*------追加-------*/
 clear:both;
 }

.navigation a:link,
.navigation a:visited {
 color: #888;
 text-decoration: none;
 }

.navigation a:active,
.navigation a:hover {
 color: #ff4b33;
 }

.nav-previous {
 float: left;
 width: auto;
 }
.nav-next {
 float: right;
 text-align: right;
 width: auto;
 }
#nav-above {
 margin: 0 0 18px 0;
 }

#nav-above {
 display: none;
 }

.paged #nav-above,
.single #nav-above {
 display: block;
 }



/*			.paging
/*-------------------------------------------*/

.paging	{
 display:block;
 overflow:hidden;
 padding:20px 0px 20px;
 text-align:center;
 }

.paging span,
.paging a {
margin:0 1px;
 padding:6px 10px;
 color:#999;
 border:1px solid #999;
 text-decoration:none;
 border-radius:3px;
 }

.paging span.current,
.paging a:hover	{
 background-color:#999;
 color:#fff;
 text-decoration:none;
 }

.paging span.txt_hellip {
 border:none;
 margin:0;
 padding:6px 0px;
 }



/*			.infoList
-------------------------------------------------------------- */

.content .infoList {
 display:block;
 overflow:hidden;
 padding-bottom:0px !important;/* 重要 コンテンツ部分の下の余白 */
 /*background-color:rgba(0, 0, 0, 0.6);*/
 }

.content .infoList ul {
 margin:10px 0px 0px !important;/* 重要　TopページのInformation部分の上下の隙間 */
 list-style:none;
 }

/* TopページのInformation部分 */
.content .infoList ul li {
 border-bottom:1px solid #ccc;/* TopページのInformation部分の下の線 */
 padding:6px 0px;
 list-style:none;
 margin-bottom:0px;
 }

.content .infoList ul li a {
 }

.content .infoList ul li a:hover {
 /*color:#f00;*/
 }

/* TopページのInformationの項目 */
.content .infoList .infoDate {
 margin-right:8px;
 color:#ccc ; /* Informationの日付の色 */
 }

 /* UPDATEの項目 */
 .su-post-meta {
 color:#ccc ; /* UPDATEの日付の色 */
 /*font-size:13px !important;/* UPDATEの日付のフォントサイズ */
 }

  /* UPDATEの項目 */
 .su-post-meta,.su-post-excerpt {
 display: inline-block;
  margin-right:8px;
 /*color:#ccc ; /* NEWSの日付の色 */
}

.content .infoList .infoCate a {
 color:#666;
 margin-right:4px;
 background-color:#e5e5e5;
 color:#666;
 font-size:11px;
 padding:2px 7px 1px;
 line-height:14px;
 text-decoration:none !important;
 position:relative;
 }

.content .infoList .infoCate 　a:hover {
 background-color:#000;
 /*color:#f5f5f5;*/
 text-decoration:none;
 }

.content .infoList ul li .infoTxt {
 display:block;
 overflow:hidden;
 clear:both;
 }

.content .infoList ul li .infoTxt a {
 /*text-decoration:none;*/
 background:url(/content/css/images/ico_arrow_white_01.gif) left 7px no-repeat;
 margin:0px 0px 0px 5px;
 padding:3px 0px 0px 17px;
 /*color:#666;*/
 display:block;
 overflow:hidden;
 }



  /*updateのリスト部分 */
 li .su-post-title a {
 text-decoration:none !important;
 background:url(/content/css/images/ico_arrow_white_01.gif) left 7px no-repeat !important;
 padding-left:10px !important;
 /*color:#666 !important;*/
 display:block !important;
 overflow:hidden !important;
 /*	padding-bottom: 100px !important;*/
 margin-bottom: -20px !important;
 }

 /* ハックでIE6,7のみに適用 */
html*.su-post-meta,.su-post-excerpt {
 display: inline;
 zoom: 1;
}

.content .infoList ul li .infoTxt a:hover {
 /*color:#c00;*/
 text-decoration:none;
 }

/*			form
/*-------------------------------------------*/

.content form table {
 margin-top:25px;
 }

.content form input[type=text],
.content form input[type=email],
.content form textarea	{
 position:relative;
 overflow:hidden;
 padding:5px 10px;
 margin:5px 5px 5px 0px;
 width:90%;
 }

.content form input[type=radio] {
 width:auto;
 }

.content form input[type=checkbox] {
 width:auto;
 }



/*-------------------------------------------*/
/*	#sideTower
/*-------------------------------------------*/
#sideTower {
 clear:both;
 }

.sideTower .localSection {
 margin-bottom:50px;
 }

.sideTower .localHead {
 font-size:16px !important;/* サイドウィジェットのタイトル文字のサイズ */
 border-top:2px solid #666;
 border-bottom:1px solid #ccc;
 padding:13px 10px 10px;
 font-weight:bold;
 position:relative;
 }

.sideTower .localHead a	{
 text-decoration:none;
 color:#666;
 }

.sideTower .localHead a:hover {
 text-decoration:none;
 }

.sideTower .sideWidget {
 margin:0px;
 }

.sideTower .sideWidget li {
 list-style:none;
 border-bottom:1px solid #ccc;
 line-height:121.4%;
 }

.sideTower .sideWidget li a {
 display:block;
 padding:13px 10px 11px 28px;
 text-decoration:none;
 color:#666;
 background:url(images/icon_arrow1_gray.gif) 10px 50% no-repeat;
 }

.sideTower .sideWidget li a:hover,
.sideTower .sideWidget li.current_page_item a,
.sideTower .sideWidget li.current-cat a	{
 background-color:#efefef;
 }

.sideTower .sideWidget li ul {
 display:block;
 margin:0px;
 }

.sideTower .sideWidget li ul	li {
 display:block;
 border-bottom:none;
 border-top:1px solid #ccc;
 }

.sideTower .sideWidget li ul	li a {
 padding:11px 10px 9px 28px;
 background:url(images/icon_arrow2_gray.gif) 12px 14px no-repeat;
 }

/* 親ページのアクティブだと背景色が子ページにも適応される為 */
.sideTower .sideWidget li ul	li a,
.sideTower .sideWidget li.current-cat ul li a,
.sideTower .sideWidget li.current_page_item ul li a {
 /*background-color:inherit;*/
 }

.sideTower .sideWidget li ul	li a:hover,
.sideTower .sideWidget li.current-cat ul li a:hover,
.sideTower .sideWidget li.current_page_item ul li a:hover {
 /*background-color:#efefef;*/
 }

.sideTower .sideWidget li ul	li.current-cat a,
.sideTower .sideWidget li ul	li.current_page_item a,
.sideTower .sideWidget li ul	li a:hover {
 background-image:#efefef;
 }

/* 曾孫 */
.sideTower .sideWidget li ul li ul li a	{
 padding-left:33px;
 }

.sideTower .sideWidget li ul li ul li a,
.sideTower .sideWidget li ul li.current-cat ul li a,
#sideTower .sideWidget li ul li.current_page_item ul li a {
 background-position:17px 14px;
 }

.sideTower li ul {
 margin-left:15px;
 }

.sideTower li.sideBnr {
 margin-bottom:10px;
 }

.sideTower li.sideBnr#sideContact a {
 display:block;
 overflow:hidden;
 /*width:auto;*/
 background-color:#999;
 width:200px;
 margin:0px auto;
 text-align:center;
 }

.sideTower ul#snsBnr {
 border-top:1px solid #ccc;
 margin-bottom:20px;
 text-align:center
 }

.sideTower ul#snsBnr li	{
 border-bottom:1px solid #ccc;
 }

.sideTower .sideWidget {
 margin-bottom:20px;
 }

.sideTower .sideWidget .textwidget {
 padding-top:10px;
 }

.sideTower .sideWidget h4 {
 clear:both;
 font-size:14px;
 margin:0px 0px 15px;
 padding:4px 0px 2px 12px;
 border-left-style:solid;
 border-left-width:3px;
 background-color:#f5f5f5;
 }

.sideTower .sideWidget ul#recentcomments li {
 padding:13px 10px 11px 30px;
 background:url(images/icon_arrow1_gray.gif) 10px 50% no-repeat;
 }
.sideTower .sideWidget ul#recentcomments li	a {
 padding:0;
 background:none;
 }

.sideTower .sideWidget select {
 margin:10px 0;
 padding:5px;
 width:100%;
 border:1px solid #ccc;
 }

.sideTower .sideWidget select option {
 padding:2px 5px;
 }

.sideTower .ttBoxSection {
 padding: 0;
 }

.sideTower .ttBoxSection .ttBox {
 padding: 13px 0px 11px;
 border-bottom: 1px solid #ccc;
 font-size: 85.7%;
 line-height: 135.7%;
 }

.sideTower .ttBoxSection .ttBox a {
 color: #666;
 }

.sideTower .ttBoxSection .ttBox .ttBoxThumb {
 width: 64px;
 }

.sideTower .ttBoxSection .ttBox .ttBoxThumb img {
 border: 1px solid #ccc;
 }

form#searchform {
 padding:5px 0px 5px 7px;
 background-color:#e5e5e5;
 display:block;
 overflow:hidden;
 position:relative;
 }

form#searchform input#s	{
 margin:0px 0px 0px 5px;
 padding:5px;
 width:70%;
 float:left;
 }

form#searchform input#searchsubmit {
 margin:0px 10px 0px 0px;
 float:right;
 background-color:#ccc;
 width:15%;
 border-radius:5px;
 }



/*-------------------------------------------*/
/*	#pagetop
/*-------------------------------------------*/

#footerSection #pagetop {
 display: none;
 }
#pagetop {
 display:block;
 overflow:hidden;
 clear:both;
 z-index:5;
 }

#pagetop a {
 float:right;
 display:block;
 position:relative;
 padding:5px 15px 13px;
 font-size:11px;
 text-decoration:none;
 margin-bottom:0px;
 font-family:'Lato', sans-serif;
 letter-spacing:1px;
 }

#pagetop a:hover {
 }



/*-------------------------------------------*/
/*	▼各テンプレートごとの設定
/*-------------------------------------------*/

/*-------------------------------------------*/
/*	top
/*-------------------------------------------*/
.home #gMenu	{
 /*border-bottom:1px solid #ccc;*/
 }
.home #main	{
 padding-top:0px;
 }

#topMainBnr {
 position:relative;
/* background-color: rgba( 204, 255, 204, 0.85 ) !important;/*Art Studioで足した背景色よ小幅いっぱい*/
 display:block;
 overflow:visible;
 padding:20px 0;/*---Smart Sliderとメニューとコンテンツの上下の隙間-------*/
 }


 /*---Smart Slider-------*/
#topMainBnrFrame {
 position:relative;
 height:auto;
 display:block;
 margin:0 auto;
 /*width:auto; /*-------- Smart Sliderでも調整する (ボーダーを付けている場合はその分だけ小さくする)-------*/
 box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* 実験削除中 */
 -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.6);
 -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.6);
 /*box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.6) inset;  /* 実験削除中 */
 border:1px solid #000;  /* 実験削除中 */
 }

#topMainBnrFrame #topManiBnrInnerFrame {
 overflow:hidden;
 }

#topManiBnrInnerFrame {
  /*box-shadow: 0px 9px 15px 0px rgba(0,0,0,0.6);/* 実験削除中 */
  /*-webkit-box-shadow: 0px 9px 15px 0px rgba(0,0,0,0.6);/* 実験削除中 */
  /*-moz-box-shadow: 0px 9px 15px 0px rgba(0,0,0,0.6);/* 実験削除中 */
 }

#topMainBnrFrame img {
 width:100%;
 position:relative;
 }

#topMainBnrFrame ul.slides li {
 overflow:hidden;
 /*display:block; */
 }

.content {
 padding-bottom:20px !important;
 }

#topFreeArea {
 margin-bottom:35px;
 display:block;
 overflow:hidden;
 padding-bottom:15px;
 border-bottom:1px solid #ccc;
 -moz-box-shadow:0 2px 1px #efefef;
 -webkit-box-shadow: 0 2px 1px #efefef;
 box-shadow:0 2px 1px #efefef;
}

#topPr .topPrOuter {
 display:block;
 overflow:hidden;
 margin-bottom:20px;
 padding-bottom:10px;
 }

#topPr h3 {
 margin:0px 0px 9px;
 line-height:120%;
 font-size:16px;
 padding-left:10px;
 }

/* a をブロック指定しないと高さが揃わない */
#topPr h3 a {
 text-decoration:none;
 color:#333;
 display:block;
 overflow:hidden;
 }

#topPr p a {
 text-decoration:none;
 line-height:16px;
 color:#666;
 }

#topPr a:hover {
 text-decoration:none;
 }

#topPr p.topPrDescription {
 margin-bottom:0px;
 font-size:14px;
 line-height:120%;
 padding:0px;
 }

#topPr .prImage	{
 float:left;
 width:70px;
 margin-right:10px;
 overflow:hidden;
 margin-bottom:10px;
 }

#topPr .prImage img.imageWide {
 display:none;
 }

#topPr .prImage img.imageSmall {
 display:block;
 }

#topPr .topPrTxtBox {
 display:block;
 overflow:hidden;
 }

.content .infoList {
 position:relative;
 }

/* トップページのinfoとBlogのタイトル設定 */
.content #topInfo h2,
.content #topBlog h2 {
 margin-bottom:0px !important;/* トップページのinfoとBlogのタイトル部分の下のスペース */
 }

/* トップページのinfoとBlogコンテンツエリアの設定 */
.content #topInfo,
.content #topBlog {
 margin-bottom:0px !important;/* トップページのinfoとBlogの下のスペース */
 }

.content #topBlog.infoList ul li .infoDate {
 display:block;
 float:left;
 }
.content #topBlog.infoList ul li .infoTxt {
 clear:none;
 }

/* RSSのボタン */
.content .infoList .rssBtn {
 text-align:right;
 position:absolute;
 right:0px;
 top:15px !important;/* RSSのボタンの位置関係 ショートコードをしようする場合はずれるので !importantで修正 */
 }

.content .infoList .rssBtn a {
 background-color: rgba( 192,210,210,0.5 ) !important;/* RSSのボタンの背景色 */
 color:#333;/* RSSのボタンの文字の色 */
 font-family:'Lato', sans-serif;/* RSSのボタンのフォントの種類 */
 line-height:24px;
 font-weight:bold;
 text-decoration:none;
 padding:5px 10px 4px 10px;/* rssボタンの大きさ成形 */
 position:relative;
 /*RSSボタンの角丸*/
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 }

.content .infoList .rssBtn a:hover {
 text-decoration:none !important;
 background-color: rgba( 192,210,210,0.9 ) !important;/* RSSのボタンのリンクの背景色 */
 }

  /* ボタンをふわっとさせる */
 /* ここから */
.content .infoList .rssBtn * {
 -webkit-transition: 0.7s;
 -moz-transition: 0.7s;
 -ms-transition: 0.7s;
 -o-transition: 0.7s;
 transition: 0.7s;
}
/* ここまで */

#topContentsBottom {
 margin-bottom:20px;
 }

/*-------------------------------------------*/
/*	page 固定ページAbout,Schedule,Contact
/*-------------------------------------------*/
.page-id-57 .content,
.page-id-65 .content,
.page-id-90 .content,
.page-id-87 .content,
.page-id-415 .content {
background-color: rgba( 192,210,210,0.5 ) !important;
 /*固定ページAboutの背景の角丸*/
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 margin-bottom:20px !important;
 }

 .page-id-62 .wide {
background-color: rgba( 192,210,210,0.5 ) !important;
 /*固定ページContactの背景の角丸*/
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 margin-bottom:20px !important;
 }

.page-id-57 .content .entry-content,
.page-id-62 .content .entry-content,
.page-id-90 .content .entry-content,
.page-id-87 .content .entry-content,
.page-id-415 .content .entry-content {
 padding:10px !important;
 margin-bottom:-40px !important;
 }

.page-id-65 .content .entry-content {
 padding:0px 10px 10px 10px !important;
 margin-bottom:-20px !important;
 }

/*-------------------------------------------*/
/*	post
/*-------------------------------------------*/
.content .entry-content	{
 display:block;
 overflow:hidden;
 margin-bottom:10px;
 }

.content .entry-content.post-content h1.entryPostTitle	{
 margin-bottom:0px;
 }

.content .entry-utility	{
 clear:both;
 margin-top:15px;
 }

.content .entry-utility dl.tag-links, {
 display:inline;
 }

.content .entry-utility dl.tag-links dt,
.content .entry-utility dl.tag-links dd	{
 display:inline;
 font-size:85.7%;
 line-height:120%;
 }

.content .entry-utility dl.tag-links dt	{
 display:inline-block;
 border:1px solid #e5e5e5;
 font-weight:lighter;
 margin-right:10px;
 padding:0px 10px;
 background-color:#e5e5e5;
 color:#999;
 }



/*			#comments
/*-------------------------------------------*/
#comments {
 clear: both;
 }

#comments ol.commentlist {
 margin:0px 0px 15px 0px;
 }

#comments ol.commentlist li {
 list-style:none;
 }

#comments li.comment .commentBox {
 border:4px solid #e5e5e5;
 padding:15px;
 margin-bottom:10px;
 }

#comments li.comment .comment-author img {
 float:left;
 border:2px solid #ccc;
 margin-right:10px;
 }

#comments li.comment .comment-author cite.fn {
 font-style:normal;
 line-height:120%;
 }

#comments li.comment .comment-meta.commentmetadata {
 font-size:85.7%;
 line-height:120%;
 }

#comments li.comment .comment-body {
 margin-left:50px;
 margin-top:10px;
 }

#comments li.comment .comment-body p {
 margin-bottom:10px;
 }

#comments li.comment .reply {
 }

#comments #respond .required {
 color:#e50000;
 }

.content #commentform p	{
 margin-bottom:5px;
 }

.content #commentform input,
.content #commentform textarea {
 display:block;
 width:95%;
 padding:4px;
 }

.content #commentform p.form-allowed-tags {
 font-size:10px;
 line-height:120%;
 color:#666;
 width:95%;
 margin-bottom:10px;
 }

.content #commentform p.form-submit input {
 width:auto;
 padding:10px 20px;
 }


.content ol.commentlist li.post.pingback {
 padding-bottom:0;
 }



/*-------------------------------------------*/
/*	sitemap & 404 &search
/*-------------------------------------------*/

.content.wide {
 display:block;
 overflow:hidden;
 }

.content #sitemapPostList {
 margin-top:20px;
 }

.content #sitemapPostList h5 {
 margin:0px;padding:0px;
 font-weight:bold;
 font-size:14px;
 }

.content ul.linkList {
 margin:0px;
 padding:0px;
 font-size:85.7%;
 }

.content ul.linkList li	{
 list-style:none;
 margin-bottom:0px;
 }

.content ul.linkList li a {
 background:url(/content/css/images/ico_arrow_white_01.gif) left 8px no-repeat;
 padding:5px 15px;
 display:block;
 text-decoration:none;
 /*color:#666;*/
 }

.content ul.linkList li a:hover	{
 background-image:url(/content/css/images/ico_arrow_white_01.gif);
 text-decoration:none;
 /*color:#c00;*/
 }

.content ul.linkList li li a {
 background:url(/content/css/images/ico_arrow_white_01.gif) left 10px no-repeat;
 }

.content ul.linkList li li a:hover {
 background-image:url(/content/css/images/ico_arrow_white_01.gif);
 }

.content ul.linkList li li li a	{
 background:url(/content/css/images/ico_arrow_white_01.gif) left 10px no-repeat;
 }

.content ul.linkList li li li a:hover {
 background-image:url(/content/css/images/ico_arrow_white_01.gif);
 }
.content ul.linkList ul	{
 margin-bottom:0px;margin-top:0px;
 margin-left:10px;
 }

.content .error404 {
 text-align:center;
 padding-bottom:30px;
 }

#sitemapOuter {
 background-color: rgba( 192,210,210,0.5 ) !important;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 margin-bottom:20px !important;
 padding:20px;
 display:block;
 overflow:hidden;
 margin:0px auto;
 }

.content form#searchform label {
 display: none;
 }

.content form#searchform input#s {
 width:70%;
 }

#likeBox {
 border:1px solid #00ff00;
 width:100% !important;
 }

.fbConnectWidgetTopmost {
 border:1px solid #00ff00;
 width:100% !important;
 }



/*-------------------------------------------*/
/*	Responsive Structure
/*-------------------------------------------*/

/*-------------------------------------------*/
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
@media (min-width: 640px) { /* スクロール分余裕に20px 初期値660px grid-unitと同じ値にしないとスマホ操作時にスクロールする */

 /* NOUS-T Official WebSiteでは使用しないのでコメントアウト */
 /* ここから
#headerTop #site-description {
line-height:150%;
font-size:12px;
}
 ここまで */
f
#header #site-title {
 padding-bottom:25px;/* 上で指定したスマホだけではなくPC、タプレットにもサイトタイトル画像の下の隙間をなくす */
 float:left;
 }

 /* NOUS-T Official WebSiteでは使用しないのでコメントアウト */
 /* ここから
#header #headContact {
 float:right;
 text-align:right;
 }

#header #headContact #headContactTxt {
 font-size:11px;
 }

#header #headContact #headContactTime {
 font-size:12px;
 }

#header #headContact #headContactTel {
 font-size:24px;
 margin-bottom:4px;
 }
 ここまで */

#main #container {
 padding-top:10px; /* 3つあるので例外以外のデザイン以外全て同じにする */
 }

#main #container .content {
 margin:0px 0px　0px 0px !important; /* コンテンツの上下の背景余白 */
 }

.content p {
 line-height:170%;
 }

.content table.mobile-block th,
.content table.mobile-block td {
 border: 1px solid #ccc;
 display: table-cell;
 }

.content .mainFootContact p.mainFootTxt	{
 float:left;
 margin-bottom:0px;
 text-align:left;
 }

.content .mainFootContact p.mainFootTxt .mainFootCatch {
font-size:120%;
}

.content .mainFootContact .mainFootBt {
 float:right;
 }

.content .mainFootContact .mainFootBt a	{
 width:350px;
 min-height:50px;
 }

.content .mainFootContact .mainFootBt a img {
 width:auto;
 }

.content table.mobile-block th,
.content table.mobile-block td {
 display: table-cell;
 }

.content table.mobile-block th {
 box-shadow: inset 1px 2px 0px #ffffff;
 }

.paging span.pageIndex {
 display:inline;
 }

#topMainBnr {
 /*padding:15px 0;*/
 }

#topPr {
 display:block;
 overflow:hidden;
 margin-bottom:25px;
 }

#topPr .topPrOuter {
 padding-bottom:0px;
 border-bottom:none;
 }

#topPr #topPrLeft  {
 width:33.1%;
 text-align:left;
 float:left;
 display:block;
 overflow:visible;
 }

#topPr #topPrCenter {
 width:33.1%;
 text-align:center;
 float:left;
 display:block;
 overflow:visible;
 }

#topPr #topPrRight {
 width:33.1%;
 text-align:right;
 float:right;
 display:block;
 overflow:visible;
 }

#topPr #topPrLeft .topPrInner {
 float:left;
 }

#topPr #topPrCenter .topPrInner	{
 margin:0px auto;
 }

#topPr #topPrRight .topPrInner {
 float:right;
 }

#topPr .topPrInner {
 text-align:left;
 width:95%;
 }

#topPr .topPrInner p {
 padding:0px;
 }

#topPr .topPrInner p.topPrDescription {
 font-size:12px;
 }

#topPr .prImage	{
 float:none;
 width:100%;
 margin-right:0px;
 }

#topPr .prImage img {
 height:auto;
 }

#topPr .prImage img.imageWide {
 display:block;
 }

#topPr .prImage img.imageSmall {
 display:none;
 }

.content .child_page_block {
 width:48%;
 }

.content .child_page_block.layout_odd {
 float:left;
 clear:both;
 }
}



/*------------------------------------------------------------*/
/* pc iPad3より大きい場合 PC用のグローバルメニューの設定はここで！！
/*------------------------------------------------------------*/

@media (min-width: 770px) {
body {
 line-height:150%;
 }

#headerTop {
 display:block;
 }


#footerSiteMap .menu {
 font-size:12px;
 }

#footerSiteMap .menu li	{
 display:inline-block;
 }

#footerSiteMap .menu li	a {
 background-position:left 2px;
 padding:0px 20px 4px 18px;
 }

#footerSiteMap .menu li	li a {
 background-position:3px 3px;
 padding:0px 20px 0px 18px;
 font-size:11px;
 }

#footerSiteMap .menu li	li li a	{
 }

.content form span.wpcf7-form-control-wrap .wpcf7-list-item {
 padding-top:2px;
 padding-bottom:2px;
 }

#footerSiteMap .menu li	li li a	{
 background-position: 5px 3px;
 }

#sitemapOuter {
 padding:20px 50px;
 }

.content #sitemapPageList {
 float:left;
 width:49%;
 }

.content #sitemapPostList {
 float:right;
 width:49%;
 margin-top:0px;
 }

.content ul.linkList li a {
 padding:3px 15px;
 }
} /* @media (min-width: 770px)  */


/*----------------------------------------------------*/
/*    フルサイズ (PCのみに指定したい場合はここ)950px > 1121px
/*----------------------------------------------------*/
@media (min-width: 1121px) { /* スクロール分余裕に20px指定する場合もある */

/*.innerBox,
#gMenu #gMenuInner.innerBox {
 width:950px;
 margin:0px auto;
 }*/

#main #container {
 padding-top:10px;/* 記事全体の上の部分の余白 */
 }

/*-------トップページ以外の設定---------*/
#main #container .content {
 /*float:left;/* ワンカラムの場合背景がフルにならないため削除検討 */
 width:800px;/*-------トップページ以外のメインコンテンツの幅 680px > 800px ---------*/
 /*padding-left:20px; /* 追加 */
 margin:0px 20px 0px 20px;
}

/*-------トップページ以外の設定---------*/
.blog #main #container .content {
 float:left;/* ワンカラムの場合背景がフルにならないため削除検討 */
}

.blog-single #main #container .content {
 float:left;/* ワンカラムの場合背景がフルにならないため削除検討 */
}

.blog .fb-comments,
.blog-single .fb-comments {
 margin-bottom:20px !important;/* メインカラムの上の高さをそろえたり周りの幅を調整 */
 }


#main #container #sideTower {
 /*float:left;/* 削除検討 */
 width:250px;/* sideTowerの幅 200px > 250px  */
 /*padding-left:20px;*/
 clear:none;
 }

/* 全て追加箇所 */
.three_column #main #container #thirdTower {
 /*display:block;*/
 /*overflow:hidden;*/
 /*padding-bottom:30px; /* レスポンシブ時の下の隙間 */
 /*width:94%; /* 追加 */
 /*margin:0px 3%; /* 追加 */
  padding-right:20px;/* 追加 */
 }

body.left-sidebar #main #container .content {
 float:right;/* 削除検討 */
 }

body.left-sidebar #main #container #sideTower {
 float:left;/* 削除検討 */
 }

body.home.one-column #main #container .content {
 /*float:left;/* ワンカラムの場合の記事の位置 *//* ワンカラムの場合背景がフルにならないため削除検討 */
 width:1080px;/* TOPページのワンカラムの場合の記事の幅 */
 }

body.home.one-column #main #container #sideTower {
 float:left;/* 削除検討 */
 display:none;
 }

form#searchform input#s	{
width:110px;
 }

body.one-column #main #container .content {
 /*float:left;/* ワンカラムの場合の記事の位置 *//* ワンカラムの場合背景がフルにならないため削除検討 */
 width:1080px;/* TOPページのワンカラムの場合の記事の幅 */
 }

/*--------sideTower検索ボタン幅（調整によりsideTowerの幅に合わせる。バランスによりthirdTowerのバランスも崩れるのでmargin-topを調整）----------*/
.sideTower form#searchform input#searchsubmit {
 width:25%;
 }

#topMainBnr {
 width:100%;
 }

#topMainBnr img {
 /*width:950px !important;*/  /*Smart Sliderを使用の場合はコメントアウト*/
 }

#topMainBnrFrame .slider li {
}

/*----------サイトにより異なる-------------*/
/*----------------headerのSmart Sliderスライドバーのサイズより20px小さく設定 (16:9で計算) 縮めた場合の設定もする--------------*/
#topMainBnrFrame {
width:1119px; /*-------- Smart Sliderでも調整する (ボーダーを引いている場合は影の分だけ小さくする)948px>1119px or 1120px-------*/
/*min-height:474px; /*-------- Smart Sliderでも調整する　borderを引いてる分は小さくする  -------*/
 box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* 実験削除中 */
 -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.6);
 -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.6);
/*box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.6) inset; /* 実験削除中 */
border:1px solid #000; /* ラインを引く分Smart Sliderぼサイズを小さくする */
 }

/*			.childPageBox
/*-------------------------------------------*/
.content .childPageBox {
 display:block;
 }

.content .childPageBox {
 margin-top:20px;
 border:1px solid #ccc;
 padding:0px;display:block;
 overflow:hidden;
 width:638px;
 margin-bottom:20px;
 }

.content .childPageBox h4 {
 font-weight:lighter;
 margin:15px 20px 10px;
 padding:0px 0px 3px;
 font-size:14px;
 }

.content .childPageBox h4 a {
 text-decoration:none;
 color:#666
 }

.content .childPageBox ul  {
 margin:0px 20px 15px;
 padding:0px;
 display:block;
 overflow:hidden;
 font-size:85.7%;
 line-height:125%;
 }

.content .childPageBox ul li {
 float:left;
 display:block;
 width:33%;
 list-style:none;
 margin:0px;
 }

.content .childPageBox ul li a {
 background:url(images/icon_arrow1_gray.gif) left 5px no-repeat;
 padding:3px 5px 3px 17px;
 text-decoration:none;
 display:block;
 overflow:hidden;
 color:#666;
 }

.content .childPageBox ul li a:hover,
.content .childPageBox ul li.current_page_item a {
 background-image:url(images/icon_arrow1_red.gif);
 text-decoration:none;
 color:#c00;
 }

.content .childPageBox ul li ul	{
 margin:0px;
 font-size:91.7%;
 }

.content .childPageBox ul li ul li {
 float:none;
 width:auto;
 }

.content .childPageBox ul li ul li a {
 background:url(images/icon_arrow2_gray.gif) left 6px no-repeat;
 padding:3px 5px 3px 14px;
 text-decoration:none;
 margin-left:3px;
 }

.content .childPageBox ul li ul li a:hover,
.content .childPageBox ul li ul li.current_page_item a {
 background-image:url(images/icon_arrow2_red.gif);
 }

.content .childPageBox ul li ul li ul {
 padding-left:8px;
 font-size:100%;
 line-height:120%;
 }

.content .childPageBox ul li.current_page_item ul li a {
 color:#666;
 text-decoration:none;
 background-image:url(images/icon_arrow2_gray.gif);
 }

.content .childPageBox ul li.current_page_item ul li a:hover {
 color:#c00;
 text-decoration:none;
 background-image:url(images/icon_arrow2_red.gif);
 }

.content .mainFootContact .mainFootBt a img {
 width:100%;
 }
}



/* =Print Style
-------------------------------------------------------------- */

@media print { body { background: none !important; }

#wrapper {
 clear: both !important;
 display: block !important;
 float: none !important;
 position: relative !important;
 }

#headerTop,
#header,
#panList,
#gMenu,
#pagetop,
#sideTower,
#footMenu,
#footer,
#siteBottom {
 display:none !important;
 }

#pageTitBnr,
.content table th {
 box-shadow:none !important;
 }

#access,
#branding img,
#respond,
.comment-edit-link,
.edit-link,
.navigation,
.page-link,
.widget-area {
 display: none !important;
 }

#container {
margin: 0;
 width:100%;
 }
}

/* 追加  */
/* @media (max-width: 949px)  */
/*------------------------------------------------------------------------------------------------*/
/*    縮小して949px以下（1px小さく設定）になった場合の設定 (PCで縮小した場合やiPadの縦画面やスマホに対応させる)1121pxの設定の場合1120px
/*------------------------------------------------------------------------------------------------*/
@media (max-width: 1120px) {
.content .infoList {
 /*width:94%; /* 追加 */
 margin:0px 2%; /* 追加 */
 }

 #main #container #sideTower {
 margin:0px 2%; /* 追加 */
 }

/* 全て追加箇所 */
#main #container #thirdTower {
 margin:0px 2%; /* 追加 */
 }

.content .entry-meta {
 margin:0px 2%; /* 追加 */
 }

.content h2, .content h1.contentTitle, .content h1.entryPostTitle {
 margin:0px 2%; /* 追加 */
 }

#main #container .content.wide {
 margin:0px 2%; /* ワンカラム固定ページに反映。追加 */
 }

.page-id-1550 #main #container .content {
 /*margin:0px 2%; /* 追加 */
 }

 .content .post{
 margin:0px 2% 20px;  /* 追加 */
 }

.content .ai1ec_event,
.content .type-gallery,
.content .news,
.content .info {
 margin:0px 2%;  /* 追加 */
 }

/*jetpackのコメント欄fbなど */
.comment-form {
 margin:0px 2%; /* 追加 */
 }
}

/*スマホのみ*/
@media screen and (max-width: 480px) {
.fb-comments,
.fb-comments span,
.fb-comments iframe,
.blog .fb-comments,
.blog-single .fb-comments {
 /*margin:0px 0px 0px 0px !important;*/
 /*width:96% !important;*/
 /*margin:0px 2% !important;/*------追加-------*/
 /*margin-bottom:10px !important;/* メインカラムの上の高さをそろえたり周りの幅を調整 */
 }

.fb-comments,
.fb-comments span,
.fb-comments iframe {
 width:96% !important;
 margin:0px 2% !important;/*------追加-------*/
 /*margin-bottom:10px !important;/* メインカラムの上の高さをそろえたり周りの幅を調整 */
 }
}