@charset "utf-8";

/*
Theme Name: New Come Together
Theme URI: http://www.lookat.co.jp
Author: hidekky
Description: Made in 2014-8-2
*/

@import url('assets/css/normalize.css');
@import url('assets/css/foundation.css');

@import url('custom.css');

/* ○○○○○○○○ GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG
   ○●●●●●●○ GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG
   ○●●●●●●○    1/7 GENERAL 基本スタイル
   ○●●●●●●○ GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG
   ○○○○○○○○ GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG */
*{ outline:none; }

body{
font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS Pgothic", "Osaka", sans-serif, Helvetica, Helvetica Neue, Arial, Verdana;
/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	*/
/* font-family:  verdana, Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; */
/* font-family:  "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; */
/* }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td, figcaption {
*/
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4;
}

/* div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td, figcaption {
font-size: 0.875rem;
line-height: 1.4;
} */

p, ul, ol, dl {
margin-bottom: 0.625rem;
font-size: inherit; 
line-height: 1.4;
}
table tr th , table tr td {
	font-size: inherit;
}
table {
	margin-bottom: 10px;
}
img {
	padding-bottom: 10px;
}
.wp-caption img {
	margin-bottom: 5px;
	padding-bottom: 0px;
}
h1 img {
	padding-bottom: 0;
}
.wp-caption-text {
	padding:0 3px;
	font-size: small;
	line-height: 1.3;
	text-align: center;
	padding-bottom: 10px;
}
#main ul li {
	list-style: none;
	list-style-image: url(images/li-skyblue.png); 
}
#right-nav ul.menu {
	padding-top: 5px;
	margin-bottom: 5px;
}
#top-slide ul li {
	list-style-image: none;
}
#eyecatch .column,
#eyecatch .columns {
	padding-left: 0;
	padding-right: 0;
}

#right-catch {
	
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
}
.invisible {
	visibility:hidden;
}
#main hr.invisible {
	visibility:hidden;
	margin:0;
}

/* ロールオーバー効果 */
a:hover img.over {
opacity: 0.6;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

/* IE8の画像縮小バグ対応 */
#content img {
	width:auto\9;
	height:auto\9;
}

/* row内のrowがはみ出ないように
.row .row {
margin: 0 !important;
}
*/
/* rowの左詰め
.column,.columns {
float:left !important;
}
 */
/* div.row内のrowに上下の余白
.row .row div{
 	padding-top:5px;
padding-bottom: 5px;
margin-top: 5px; 
margin-bottom: 5px; 
} */
/* 本文の余白
#main p {
margin:10px;
}
*/
/* em指定で文字がどんどん小さくならないように
p ul, p ol, p dl,
dl ul, dl ol, dl p,
ul p,ol p,
td p,td ul {
font-size: 1em;
} */
/* ボタンの大きさ */
button, .button {
font-size: 14px;
font-size: 0.875rem;
padding: 5px 10px;
margin-bottom: 5px;
}
.button:hover {
	text-decoration: none;
}

/* キャプション付画像の大きさ自動縮小 */
.wp-caption {
max-width: 100%;
}
/* スマホの場合、左右の余白なし */
/* @media only screen and (max-width: 768px) {
#primary {
padding:10px 0;
}
}
*/
/*** コメント非表示 ***/
#respond {
display: none;
}

/* ul等を横に */
#main .horizontal li,
#main .horizontal dt,
#main .horizontal dd{
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
}

.tabs-content {
	margin-bottom: 0;
}

i {
	display: none\9 !important;
}

#main div.spacer {
	clear: both;
	height: 0;
	margin-bottom: 20px;
}

/* スマホの場合、rowが入れ子になっていると発生する横スクロール対策 */
@media only screen and (max-width: 768px) {
.row .row {
margin-left:0;
margin-right:0;
}
}
/* 印刷スタイル */
@media print {
body {
width:100%;
}
}


/* ==============================
   DIVボックスの角丸 ==============
   ============================== */
.radius {
border-radius: 5px;
padding:5px;
}
.radius-bottom {
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
padding:5px;
}

/* ==============================
   ブロックグリッドの設定 ==============
   ============================== */

[class*="block-grid-"] > li {
	padding: 0 5px 10px;
}



/* ○○○○○○○○ HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
   ●●●●●●●● HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
   ●●●●●●●●    2/7 HEADER ヘッダーエリア
   ●●●●●●●● HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
   ●●●●●●●● HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
/* サイトタイトル */
h1.site-title a{
font-size: xx-large;
font-weight: bold;
text-align: center;
}
.site-description {
text-align: right;
font-size: small;
margin-bottom: 0;
}

/* ●●●●●●●● NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
   ○○○○○○○○ NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
   ●●●●●●●●    3/7 NAVI グローバルナビゲーションエリア
   ●●●●●●●● NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN
   ●●●●●●●● NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN */
/*** メインメニュー ***/
nav#global-nav ul{
list-style-type: none;
margin:0;
}
nav#global-nav li{
position: relative;
float:left;
}

nav#global-nav a{
display: block;
padding:20px;
}


/*** メインメニューの子ページ ***/
nav#global-nav li ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
width: 250%;
margin: 0;
padding: 0;
z-index: 9;
}
nav#global-nav li ul {
width:16em;
margin-left:10px;
box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.3);
}
nav#global-nav li ul li{
overflow: hidden;
height:0;
margin: 0;
padding: 0;
}
nav#global-nav li ul li a{
text-align:left;
padding:5px;
}

nav#global-nav li:hover ul li{
overflow: visible;
width: 16em;
height: auto;

}
/* 孫ページは非表示 */
nav#global-nav li ul li ul li{
display: none;
overflow: hidden;
height:0;
margin: 0;
padding: 0;
}


/*** メイン右寄せメニュー ***/
#right-nav .right-menu{
float:right;
}
#right-nav ul{
list-style-type: none;
padding-top: 10px;
overflow: hidden;
}
#right-nav li{
float:left;
margin-right:15px;
  padding-left: 1.1em;
}

#right-nav li:before {
  content: '\f101';
  font-family: FontAwesome; /* or whatever */
  color: #ff7997;
  display: inline-block;
  margin-left: -1.1em; 	/*same as padding-left set on li*/
  width: 1.1em; 		/*same as padding-left set on li*/

}​

/* 子ページは非表示 */
#right-nav li ul{
display: none;
}


/*** スマホメニュー ***/

.left-off-canvas-menu {
   background: #f9f3ed;
}

/* ==========================================================================
   L(@"@)k スマホ用トグルメニュー
   ========================================================================== */
/* cache確認 */
/* Small menu */
.menu-toggle {
  display: none;
  cursor: pointer;
  margin: 0 20px 0 0;
  padding: 10px 0;
  font-size:1.2em;
  color:#fff;
}
ul.nav-menu{
	margin:0 !important;
	}
/*
.main-small-navigation ul {
  display: none;
}
*/
.menu-toggle .genericon-menu {
  margin-top: 5px;
  font-size: 0.725em;
}
.main-small-navigation li {
  list-style: none;
  padding-left:1em;
/*  border-bottom: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 0 #eee;
  -moz-box-shadow: 0 1px 0 #eee;
*/
}
.main-small-navigation li a {
	font-weight: bold;
  display: block;
  padding: 10px 0;
}

.mobile-menu-text {
	color:#fff;
	float:right;
	margin-left: 0.3em;
}
@media screen and (max-width: 640px) {  
.nav-menu li a:hover {
  background-color: #eee;
}
.nav-menu {
  background-color: #fff;
}

　.menu-toggle .genericon-menu {
　 margin-top: 5px;
 　 font-size: 0.725em;
　}
  .menu-toggle,
  .main-small-navigation ul.nav-menu.toggled-on {
    display: block;
  }
  .navigation-main ul {
    display: none;
  }
#menu-foreign_main_menu li{
    display: block !important;
	width:100% !important;
	float:none !important;
  }
  #site-navigation {
    background-color: #007AFF !important; /* スマホ用メニューバーの色 */
  }
  #site-navigation .genericon-menu {
    color: #FFF;
  }
}


/* ●●●●●●●● TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
   ●●●●●●●● TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
   ○○○○○○○○    4/7 TITLE ページタイトルエリア
   ●●●●●●●● TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
   ●●●●●●●● TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT */
/* ページタイトル */
.entry-meta {
font-size:small;
}
.breadcrumbs>* {
line-height: 0.875rem;
}
#excerpt {
	color: #fff;
	text-align: center;
}


/* ●●●●●●●● MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
   ●●●●●●●● MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
   ●●●●●●●●    5/7 MAIN メインエリア（プライマリーwithサブナビゲーション+セカンダリー）
   ○○○○○○○○ MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
   ●●●●●●●● MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM */
#main {
/* padding-top:10px; */
}

#main .entry-content {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* ==============================
   プライマリ =====================
   ============================== */
/* アーカイブ記事一覧 */
.archives article {
margin-top: 10px;
margin-bottom: 10px;
padding:10px;
}


/* ==============================
   サブナビゲーション ==============
   ============================== */
/* 親ページ
#sub-nav .link-parent{
text-align: center;
margin:10px auto;
box-shadow:rgba(0, 0, 0, .15) 0 0 2px;
padding:0;
}
#sub-nav header {
text-align: center;
margin:30px auto; 
}
#sub-nav header a {
display: block;
padding:20px 0;
}
#sub-nav header a:hover{
border-bottom: 2px solid #fff;
padding-bottom:18px;
}
 */
#sub-nav {
	width:60%;
	margin: 20px auto;
}
@media all and (max-width: 480px) {
	#sub-nav {
		width:100%;
		margin: 20px auto;
	}
}

#sub-nav header {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#sub-nav header a {
	font-size: large;
	padding-bottom: 5px;
	border-bottom: 3px solid #80d8ff;
	color:#fff;
}
#sub-nav header a:hover {
	text-decoration: none;
}

/* 子ページ */
#sub-nav ul {
list-style-type: none;
margin-left:0;
}
#sub-nav ul li {
display:table;
width: 100%;
text-align: center;
margin-bottom: 15px;
box-shadow:rgba(0, 0, 0, .15) 0 0 2px;
height: 60px;
}
#sub-nav ul li a{
display:table-cell;
text-align:center;
vertical-align:middle;
line-height:1.3em;
padding:0 10px;
height:6em;
}


/* ==============================
   セカンダリ =====================
   ============================== */
#secondary {
padding:0;
}
#sidebar {
margin-top: 30px;
margin-left: 10px;
margin-bottom: 30px;
background: #fff;
}
#sidebar ul {
list-style: none;
margin-left: 0;
padding:0 15px;
}
#sidebar #searchform {
padding:0 15px;
}
#sidebar li{
line-height: 1.3;
border-bottom: 1px solid #eee;
}
#sidebar li a {
display: block;
padding: 0.5rem 0.5rem 0.5rem 0.7rem;
background: url(images/li-skyblue.gif) no-repeat 0 12px;
transition: background-color 500ms linear;
}




/* ●●●●●●●● FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
   ●●●●●●●● FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
   ●●●●●●●●    6/7 FOOTER フッターエリア
   ●●●●●●●● FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
   ○○○○○○○○ FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF */
/* フッター */
#footer-area {
padding:20px;
}


/* ●○●○●○●○ CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
   ○●○●○●○● CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
   ●○●○●○●○    7/7 CONPONENTS その他のコンポーネント
   ○●○●○●○● CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
   ●○●○●○●○ CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC */


/* ==============================
   テーブル ======================
   ============================== */

/* table 基本 */
table {
border-collapse: collapse;
border-spacing: 0;
width: 100% ;
word-break: break-all;
margin:0 auto 10px;
background-color: #ffffff;
border-top: 1px solid #cccddd;
border-left: 1px solid #cccddd;
border-right: 0;
border-bottom: 0;
 }
/* th、tdで右と下に線を引く */
table tr th,
table tr td {
    padding: 10px;
    border-top: none;
    border-right: 1px solid #cccddd;
    border-bottom: 1px solid #cccddd;
}
/* th */
table tr th {
    text-align: center;
/*	width:20%; */
}

/* デフォルトでclean */
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
  background: #fff;
}
/* オプションでzebra */
table.zebra tr.even,
table.zebra tr.alt,
table.zebra tr:nth-of-type(even) {
  background: #fdfdfd;
}

/* レスポンシブテーブル */
@media all and (max-width: 480px) {
table.responsive tr{
   display: block;
}
table.responsive th,
table.responsive td {
width:100% !important; 
display: list-item;
border: none;
   list-style-type: none;
   line-height: 1em; 
   border-bottom: 1px dotted #ddd;
}    
}

/* シンプルマップ */
.simplemap img {
max-width:none !important;
padding:0 !important;
margin:0 !important;
}
.staticmap,.staticmap img {
max-width:100% !important;
height:auto !important;
}

/* ソーシャルボタン */
.share-buttons{
list-style: none;
margin-left: 0;
margin-top: 2px;
}
.share-buttons li{
display: inline;
}
.share-buttons a {
color:#fff;
}
.share-buttons a:hover {
color:#fff9c4;
}

/* ページトップ */
#page-top{
    color:#ffffff;
    padding:10px;
    position:fixed;
    bottom:20px;
    right:20px;
    opacity: 0.8;
    }
#page-top:hover{
    }
@media all and (max-width: 480px) {
#page-top{
   bottom:5px;
   right:5px;
   }
}

/* ページ内ジャンプメニュー */
.jump-menu {
    display: block;
    width: auto;
    overflow: hidden;

    float: right;
}


.jump-menu dt,
.jump-menu dd,
.jump-menu li {
    float: left;
    display: inline;
    margin-left: 0.5rem;
    padding-top: 0.5rem;
    font-size: small;
    color: #999999;
}

.jump-menu dt a,
.jump-menu dd a,
.jump-menu li a {
    text-decoration: none;
    color: #999999;
    padding: 0.25rem 1rem 0.25rem;
    background: #eceff1;
    border-radius: 5px;
}

.jump-menu dt a:hover,
.jump-menu dd a:hover,
.jump-menu li a:hover {
    color: #737373;
    background: #fff9c4;
}