/*=====================================================================
 HTML5 display definitions  2016.09.25 Re-check 
=====================================================================*/
/* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}

html {
    background: #fff; color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size:62.5%; /* remベースで 10px */
}


body {
	font-size:14px; font-size:1.4rem; /* 14px */
	line-height: 1.4;
	letter-spacing: 0.06em;
	text-rendering: optimizeLegibility;
	margin: 0px;
}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:1rem;line-height:100%;}
select,input,button,textarea {font:1rem arial,helvetica,clean,sans-serif;}
audio:not([controls]) {display: none; height: 0;} /* iOS4-7用、displayプロパティを定義 */
progress {vertical-align: baseline;} /* Chrome, Firefox, Opera：vertical-alignプロパティを定義 */


/*======================================================================
 タイポグラフィ
======================================================================*/
html {
  font-family:
    MyYuGothicM, /* Windows 游ゴシック */
    YuGothic, /* OS X 游ゴシック */
    -apple-system, /* iOS San Francisco */
    BlinkMacSystemFont, /* iOS Chrome San Francisco */
    "Hiragino Kaku Gothic ProN", /* OS X, iOS ヒラギノ */
    Meiryo, /* Windows メイリオ */
    sans-serif;
}

button,input,select,textarea {font-family: sans-serif;}

h1 {font-size: 28px; font-size: 2.8rem; margin: 0 0 0.2em;}
h2 {font-size: 24px; font-size: 2.4rem; margin: 0 0 0.2em;}
h3 {font-size: 20px; font-size: 2.0rem; margin: 0 0 0.2em;}
h4 {font-size: 16px; font-size: 1.6rem; margin: 0 0 0.2em;}
h5 {font-size: 13px; font-size: 1.3rem; margin: 0 0 0.2em;}
h6 {font-size: 10px; font-size: 1.0rem; margin: 0 0 0.2em;}
p,li,dt,dd {font-size: 14px; font-size: 1.4rem}

/* rem size utility */
.text05 {font-size: 5px; font-size: 0.5rem !important}  /* =5px  */
.text06 {font-size: 6px; font-size: 0.6rem !important}  /* =6px  */
.text07 {font-size: 7px; font-size: 0.7rem !important}  /* =7px  */
.text08 {font-size: 8px; font-size: 0.8rem !important}  /* =8px  */
.text09 {font-size: 9px; font-size: 0.9rem !important}  /* =9px  */
.text10 {font-size: 10px; font-size: 1.0rem !important} /* =10px */
.text11 {font-size: 11px; font-size: 1.1rem !important} /* =11px */
.text12 {font-size: 12px; font-size: 1.2rem !important} /* =12px */
.text13 {font-size: 13px; font-size: 1.3rem !important} /* =13px */
.text14 {font-size: 14px; font-size: 1.4rem !important} /* =14px */
.text15 {font-size: 15px; font-size: 1.5rem !important} /* =15px */
.text16 {font-size: 16px; font-size: 1.6rem !important} /* =16px */
.text17 {font-size: 17px; font-size: 1.7rem !important} /* =17px */
.text18 {font-size: 18px; font-size: 1.8rem !important} /* =18px */
.text19 {font-size: 19px; font-size: 1.9rem !important} /* =19px */
.text20 {font-size: 20px; font-size: 2.0rem !important} /* =20px */
.text21 {font-size: 21px; font-size: 2.1rem !important} /* =21px */
.text22 {font-size: 22px; font-size: 2.2rem !important} /* =22px */
.text23 {font-size: 23px; font-size: 2.3rem !important} /* =23px */
.text24 {font-size: 24px; font-size: 2.4rem !important} /* =24px */
.text25 {font-size: 25px; font-size: 2.5rem !important} /* =25px */
.text26 {font-size: 26px; font-size: 2.6rem !important} /* =26px */
.text27 {font-size: 27px; font-size: 2.7rem !important} /* =27px */
.text28 {font-size: 28px; font-size: 2.8rem !important} /* =28px */
.text29 {font-size: 29px; font-size: 2.9rem !important} /* =29px */
.text30 {font-size: 30px; font-size: 3.0rem !important} /* =30px */
.text31 {font-size: 31px; font-size: 3.1rem !important} /* =31px */
.text32 {font-size: 32px; font-size: 3.2rem !important} /* =32px */
.text33 {font-size: 33px; font-size: 3.3rem !important} /* =33px */
.text34 {font-size: 34px; font-size: 3.4rem !important} /* =34px */
.text35 {font-size: 35px; font-size: 3.5rem !important} /* =35px */
.text36 {font-size: 36px; font-size: 3.6rem !important} /* =36px */
.text37 {font-size: 37px; font-size: 3.7rem !important} /* =37px */
.text38 {font-size: 38px; font-size: 3.8rem !important} /* =38px */
.text39 {font-size: 39px; font-size: 3.9rem !important} /* =39px */
.text40 {font-size: 40px; font-size: 4.0rem !important} /* =40px */


abbr[title] {border-bottom: none; /* Firefox39+：下線を取り除く */
  text-decoration: underline; text-decoration: underline dotted;} /* Firefox以外：title属性を使用したabbrに点線を定義 */

b, strong {font-weight: inherit;} /* Safari6用、次の指定「font-weight: bolder;」の重複適用を防ぐ */
b, strong {font-weight: bold;} /* Chrome, Edge, Safari用、strongにフォントのウェイトを定義 */
dfn {font-style: italic;} /* android4.3+用、dfnにフォントのスタイルを定義 */
mark {background: #ff0; color: #000;} /* IE9+：markに背景とカラーを定義 */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;} /* 全ブラウザ：整形テキストの最適化 */

/* 全ブラウザ：subとsupが「line-height」に影響を与えるのを妨げる */
sub,sup {font-size: 6px; font-size: 0.6rem; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}



/*======================================================================
 画像系 グルーピング系
======================================================================*/
img {border-style: none;} /* IE10+：リンクの中にあるimgのボーダーを取り除く */
svg:not(:root) {overflow: hidden;} /* IE用、svgに「overflow: hidden;」を定義 */
hr {box-sizing: content-box; height: 0; overflow: visible;}



/*======================================================================
 フォーム
======================================================================*/
button, input, select, textarea {font: inherit; margin: 0;} /* 全ブラウザ：フォーム「font: inherit;」を定義　Firefox, Safariマージンを取り除く */
optgroup {font-weight: bold;} /* 前の指定により、optgroupにフォントのウェイトを再定義 */
button, input, select {overflow: visible;} /* Edge用、inputを定義　Edge, Firefox, IE用、select要素を定義 */
button, select {text-transform: none;} /* Edge, Firefox, IE：text-transformの継承を取り除く　Firefox：text-transformの継承を取り除く */
button, [type="button"], [type="reset"], [type="submit"] {cursor: pointer;} /* ブラウザ：buttonのカーソルを変更 */
[disabled] {cursor: default;} /* 前指定のdisabledを指定した要素はデフォルトのカーソルに戻す */
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;} /* Android4、iOS調整 */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} /* Firefox：buttonとinputの調整 */
button:-moz-focusring, input:-moz-focusring {outline: 1px dotted ButtonText;} /* 前の指定により、フォーカス時のスタイルを再定義 */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} /* 全ブラウザ：fieldsetのborder調整 */
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
textarea {overflow: auto;} /* IE：デフォルトの垂直方向のスクロールバーを取り除く */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;} /* Chrome：増減ボタンのカーソルのスタイルを修正 */
[type="search"] {-webkit-appearance: textfield;} /* Chrome, Safari：検索の入力エリアのアピアランスを修正 */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none;} /* OS XのChrome, Safari用、キャンセルボタン調整 */
textarea {vertical-align: top;} /* 全ブラウザ：調整 */


/*======================================================================
 テーブル
======================================================================*/
table {border-collapse: collapse; border-spacing: 0;} /* ボーダーの削除 */

table tr th,table tr td {
    margin: 0;
    text-align: left;
    padding: 1em 1.2em;
    border: 1px #e5e5e5 solid;
    line-height: 1.3em !important;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem
}

table caption {
    margin-bottom: 0.3em;
    text-decoration: none;
    font-style: normal;
    text-align: left;
    font-size: 12px;
		font-size: 1.2rem
}



/*======================================================================
 リンク
======================================================================*/
a:active, a:hover {outline-width: 0;} /* 全ブラウザ：リンクのアクティブ・ホバー時にフォーカス要素のアウトライン回避 */
a {color:#000; text-decoration: none; outline:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;} /* リンクされた文字 */
a img {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease}
a:link {color:#000} /* 未訪問のリンク */
*a:visited {color:#000} /* 訪問後のリンク　必要無かったら削除 */
a:hover {color:gray; text-decoration: none;} /* マウスをのせたとき */
a:active {color:#000} /*クリック中*/
a:focus {outline: none;}
a img {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; /* 1pxのズレ防止 */ }
a img:hover {opacity: 0.7;}
a img.non_trans:hover {opacity: 1;} 

a.underline {text-decoration: underline}
a.unlink {pointer-events: none;}

a.fade {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
a.fade:hover {opacity: 0.7}

.box_btn {padding: 8px 30px; background: silver; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
a.box_btn {color: white; letter-spacing: 0.1em;}
a.box_btn:hover {opacity: 0.8}

.ghost_btn {padding: 8px 30px; border: 1px solid silver; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
a.ghost_btn {color: gray; letter-spacing: 0.1em;}
a.ghost_btn:hover {border: 1px solid black;}

.zoom {
    transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.zoom:hover {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}



/*======================================================================
 Foundation Reset
======================================================================*/
.row {max-width: 1080px;}
.columns {margin-bottom: 30px}
dl dt,dl dd {margin-bottom: 0}
h1,h2,h3,h4,h5,h6 {font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif}
button:hover, button:focus, .button:hover, .button:focus {background-color:transparent}


/*======================================================================
 Utility Style
======================================================================*/
img {vertical-align:bottom; border:0; max-width:100%; height: auto;} /* レスポンシブ対応 */
em {color: red; font-weight: bold; font-style: normal}
hr {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
ul,ol {margin: 0px; padding: 0px; list-style-type: none}
ul.buret {list-style: none; padding-left: 0; display: table;}
ul.buret li:after {content: ""; display: block; margin-bottom: 0.5em;}
ul.buret li {display: table-row;}
ul.buret li:before {content: "•"; display: table-cell; padding-right: 0.4em;}
ol.buret {list-style: none; padding-left: 0; display: table;}
ol.buret li:after {content: ""; display: block; margin-bottom: 0.5em;}
ol.buret li {display: table-row; counter-increment: table-ol;}
ol.buret li:before {content: counter(table-ol) "."; display: table-cell; padding-right: 0.4em; text-align: right;}
ul.parallel {text-align: center}
ul.parallel li {display: inline-block; margin: 0 20px 30px}
ul.parallel li a {display: inline-block}

.cf:after {content:""; display:block; clear:both;} /* clearfix */

.flex {display: -webkit-flex; display: flex;}
.flex_justify {display: -webkit-flex; display : flex; -webkit-justify-content: space-between; justify-content: space-between;}
.flex_right {display: flex; justify-content: flex-end;}
.flexbox_center {display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;}

/* 行による文字制限 */
.omit_one {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.omit_two {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.omit_three {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.omit_four {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}

/* float */
.float_left_list li {float: left} .float-left-list li {float: left}
.float_rigth_list li {float: right} .float-rigth-list li {float: right}
.float_left {float: left} .float-left {float: left}
.float_right {float: right} .float-right {float: right}
.clear_float {clear: both} .clear-float {clear: both}

/* text */
.text_center {text-align: center} .text-center {text-align: center}
.text_left {text-align: left} .text-left {text-align: left}
.text_justify {text-align: justify} .text-justify {text-align: justify}

/* box */
.box_center {margin-right:auto; margin-left:auto;} .box-center {margin-right:auto; margin-left:auto;}

/* border */
.border_bottom {border-bottom: 1px solid silver; margin-bottom: 0.3em; padding-bottom: 0.2em} 
.border-bottom {border-bottom: 1px solid silver; margin-bottom: 0.3em; padding-bottom: 0.2em}

/* utility */
.red {color: red} .black {color: black} .white {color: white}
.none {display: none}
.shadow01 {-webkit-box-shadow: 0px 4px 6px #999; box-shadow: 0px 4px 6px #999;}
.shadow02 {-webkit-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777;}
.round10 {border-radius: 10px;}
.round20 {border-radius: 20px;}
.relative {position: relative}
.line_box {padding: 10px 30px; border: 1px silver solid; display: inline-block;}
b.maker {background: linear-gradient(transparent 40%, #ffff4f 40%);}


/* margin-padding */
.margin0 {margin: 0} .padding0 {padding: 0}

.mt0  {margin-top: 0 !important;}    .mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;} .mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;} .mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;} .mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;} .mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;} .mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;} .mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;} .mt95 {margin-top: 95px !important;}
.mt100{margin-top: 100px !important;}

.mt-10 {margin-top: -10px !important;} .mt-15 {margin-top: -15px !important;}
.mt-20 {margin-top: -20px !important;} .mt-25 {margin-top: -25px !important;}
.mt-30 {margin-top: -30px !important;} .mt-35 {margin-top: -35px !important;}
.mt-40 {margin-top: -40px !important;} .mt-45 {margin-top: -45px !important;}
.mt-50 {margin-top: -50px !important;}

.mb0  {margin-bottom: 0 !important;}    .mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;} .mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;} .mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;} .mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;} .mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;} .mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;} .mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;} .mb95 {margin-bottom: 95px !important;}
.mb100{margin-bottom: 100px !important;}

.mr0  {margin-right: 0 !important;}    .mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;} .mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;} .mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}

.ml0  {margin-left: 0 !important;}    .ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;} .ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;} .ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}

.pt0  {padding-top: 0 !important;}    .pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;} .pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;} .pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;} .pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;} .pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;} .pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;} .pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;} .pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}

.pr0  {padding-right: 0 !important;}    .pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;} .pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;} .pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}

.pb0  {padding-bottom: 0 !important;}    .pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;} .pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;} .pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;} .pb55 {padding-bottom: 55px !important;}
.pb60 {padding-bottom: 60px !important;} .pb65 {padding-bottom: 65px !important;}
.pb70 {padding-bottom: 70px !important;} .pb75 {padding-bottom: 75px !important;}
.pb80 {padding-bottom: 80px !important;} .pb85 {padding-bottom: 85px !important;}
.pb90 {padding-bottom: 90px !important;} .pb95 {padding-bottom: 95px !important;}
.pb100 {padding-bottom: 100px !important;}

.pl0  {padding-left: 0 !important;}    .pl5  {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;} .pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;} .pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}


/*======================================================================
 Font Character Set
======================================================================*/
.gothic {font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;}
.mincho {font-family: 'Yu Mincho', YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif !important;}
.mono {font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace !important}
.maru-gothic {font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, fantasy !important}