@charset "utf-8";

/* CSS Document */

/*--------------------------------------
　コーディング基準
---------------------------------------

■Not use "reset.css" → "normalize.css"
　HTML5対応、各デバイスへの対応を視野に、normalize.cssをモジュール的に組み込むことを推奨します。

■Rule of Wordpress & Get ready CMS
　Wordpressとの親和性を高めるため、基本的にWordpressのコーディング基準に沿います。

■Naming Rule
　CamelCaseでの記述は行いません。
　親要素など大きなまとまりには複数単語のハイフン区切りを。
　その他のclass,id名は、snakecaseでアンダースコア区切りで記述します。
*/


/*--------------------------------------
　base style
---------------------------------------*/

body{	
color:#000000;
font-size:13px;
margin:0;
height:100%;
position:relative;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
background-color:#ffffff;
overflow-x:hidden;
}

body > #primary {
height: auto;
}

a:link {color:#0c308e; text-decoration:underline;}
a:visited {color:#0c308e; text-decoration:underline;}
a:hover {color:#dd3119; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}



/*--------------------------------------
　Expression
---------------------------------------*/

.clear { clear:both; }

.under { margin-bottom:30px; }
.under-harf { margin-bottom:15px; }
#gourmet .under {margin-bottom:13px;}

.right { float:right;}
.left { float:left;}
.floatside {overflow:hidden;}

.ro img:hover,.ro:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

/*--------------------------------------
　ソーシャルボタン
---------------------------------------*/

.ninja_onebutton {
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:13px;
	margin-bottom:20px;
	border-bottom:dotted 1px #CCCCCC;
}

.socialbox {
    float: left;
    display: inline-block;
  margin-bottom:10px;
  margin-right:2px;
  height:22px !important;
}

.hatena-box{min-width:80px;max-width:125px;}
.facebook-box{min-width:70px;max-width:115px;height:22px !important;}
.twitter-box{min-width:87px;max-width:90px;}
.gplus-box{min-width:50px;max-width:80px;}
.pocket-box{min-width:60px;max-width:115px;}

.line-box a img { width:80px !important;}

.fb-like iframe { margin-top:0px;}

.fb-like iframe:not(:target) {
  margin-top: -1px\9; /* IE9 */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fb-like iframe {
    margin-top: -1px; /* IE10 */
  }
}

/*--------------------------------------
　正方形トリミング
---------------------------------------*/

.trim175{
 display:block;
 width:175px; /*トリミング後の横幅*/
 height:175px; /*トリミング後の縦幅*/
 overflow:hidden;
 margin-bottom:10px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
 }


/*--------------------------------------
　Additional
---------------------------------------*/

#primary {
	padding:20px;
}

.detail-header {
	margin-left:auto;
	margin-right:auto;
	background-color:#0168b7;
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:1px;
	font-weight:bold;
}

.detail-header-sub {
	background-color:#d4ecff;
	margin-bottom:20px;
padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.detail-header-sub span {
	font-size:12px;
	color:#ffffff;
	background-color:#666;
	padding-left:4px;
	padding-right:4px;
	margin-right:5px;
}

.mainimage {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.alart {
	font-size:11px;
	margin-bottom:30px;
	margin-top:-10px;
}

.detail-window {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	border-bottom:dotted 1px #CCCCCC;
	margin-bottom:20px;
}

.detail-window img {
	margin-bottom:10px;
	width:100%;
}

.detail-window table {
  font-size:18px !important;
}

.detail-window table tr td {
  font-size:18px !important;
}

.detail-window table tr th {
  font-size:18px !important;
}

#header {
	margin-bottom:10px;
}

.closebutton {
	float:right;
}

#footer {
	background-image:url(../image/footer.png);
	background-position:left bottom;
	height:26px;
	color:#FFF;
	width:100%;
	font-size:11px;
	padding-top:103px;
	padding-left:20px;
	padding-right:20px;
}