@charset 'utf-8';
/* ================================================
 初期設定
 文字色・アイコン・配置などの汎用スタイル
================================================ */
body {
  font-size: 16px;
  font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo';
  color: rgba(0,0,0,.75);
  margin: 0;
}
a img {
  border: none;
}
a {
  color: #11C;
  color: #365899;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}
a:hover img {
  opacity: .75;
}
section,
aside,
nav {
  margin: 1.5em 0 3em;
}
p {
  margin: 0 0 .5em;
}
ul,
ol {
  padding: 0 0 0 1.5em;
  margin: .5em 0;
}
li {
  padding: 0;
  margin: 0 0 .4em;
}
table {
  margin-top: .5em;
  margin-bottom: .75em;
}
figure {
  margin: 0 0 .5em;
  line-height: 0;
}
small {
  font-size: 90%;
}
/* ------------------------
フォーム
*/
/* placeholder */
:placeholder-shown {
  color: rgba(0,0,0,.25);
}
::-webkit-input-placeholder {
  color: rgba(0,0,0,.25);
}
::-moz-placeholder {
  color: rgba(0,0,0,.25);
  opacity: 1;
}
:-ms-input-placeholder {
  color: rgba(0,0,0,.25);
}/*
:focus:placeholder-shown {
  color: rgba(0,0,0,0);
}
:focus::-webkit-input-placeholder {
  color: rgba(0,0,0,0);
}
:focus::-moz-placeholder {
  color: rgba(0,0,0,0);
}
:focus:-ms-input-placeholder {
  color: rgba(0,0,0,0);
}*/
/* ------------------------------------------------
汎用スタイル
*/
[hidden] {
display: none;
}
.hidden {
  display: none;
}
@media screen and (max-width: 979px) {
.hidden_mb {
  display:none;
}
}
.like-a {
  color: #11C;
  text-decoration: none;
  cursor: pointer;
}
.like-a:active {
  text-decoration: underline;
}
.like-a:hover img {
  opacity: .75;
}
/* ------------
ClaerFix 
*/
.clearfix:after { /* for:Modern Browser */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  clear: both;
  height: 1px;
}
/* ------------------------
テキスト関連
*/
.b {
  font-weight: bold;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.txt-right {
  text-align: right;
}
/* Color */
.blue {
  color: #06C;
}
.gray {
  color: #CCC;
}
.orange {
  color: #F90;
}
.red {
  color: #D00;
  color: #d01045;
}
.white {
  color: #FFF;
}
.green {
  color: #060;
}
.per70 {
  font-size: 70%;
}
.per80 {
  font-size: 80%;
}
.per90 {
  font-size: 90%;
}
.per100 {
  font-size:100%;
}
.per110 {
  font-size:110%;
}
/* ------------------------
配置  これ不要かもしれないです。
*/
/* テーブル配置 */
.table {
  display:table;
  margin-bottom: 1.25em;
}
.table .tr {
  display: table-row;
}
.table .th,
.table .td {
  display: table-cell;
  vertical-align:top;
}
.table .td:not(:last-child) {
  padding-right:1em;
}
@media screen and (max-width: 979px) {
.table .tr {
  display: block;
}
.table .th,
.table .td {
  width: auto;
  /*display: list-item;*/
  text-align:center;
}
.table .td {
  margin-bottom:1em;
}
}
/* 画像配置　回りこみ */
.photol,
.photor {
  font-size: 90%;
  line-height: 1.25;
  color: #666;
	padding-bottom: 10px;
}
.photol {
  float: left;
  padding-right: 10px;
}
.photor {
  float: right;
  padding-left: 10px;
}
@media screen and (max-width: 979px) {
/* スマホでフロートさせたくない時に使います */
.photol.-non-float,
.photor.-non-float {
  float: none;
  margin:0 0 10px;
  padding:0;
  text-align:center;
}
}
.inline-block {
  display: inline-block;
}
.vertical-top {
  vertical-align: top;
}
.vertical-middle {
  vertical-align: middle;
}

p.txt-indent,
.txt-indent p {
  text-indent: -1.5em;
  padding-left: 1.5em;
}
/* ------------------------
   セキュリティアイコン
*/
.security-badges img {
  vertical-align: top;
}
.security-badges-truete {
  display: inline-block;
  margin-top: 14px;
}