/* margin */
.u-mt1 { margin-top: 1px; }
.u-mt2 { margin-top: 2px; }
.u-mt3 { margin-top: 3px; }
.u-mt4 { margin-top: 4px; }
.u-mt5 { margin-top: 5px; }
.u-mt6 { margin-top: 6px; }
.u-mt7 { margin-top: 7px; }
.u-mt8 { margin-top: 8px; }
.u-mt9 { margin-top: 9px; }
.u-mt10 { margin-top: 10px; }
.u-mt15 { margin-top: 15px; }
.u-mt20 { margin-top: 20px; }
.u-mt25 { margin-top: 25px; }
.u-mt30 { margin-top: 30px; }
.u-mt35 { margin-top: 35px; }
.u-mt40 { margin-top: 40px; }
.u-mt45 { margin-top: 45px; }
.u-mt50 { margin-top: 50px; }

.u-mt0_5em { margin-top: 0.5em; }
.u-mt1em { margin-top: 1em; }
.u-mt2em { margin-top: 2em; }
.u-mt3em { margin-top: 3em; }
.u-mt4em { margin-top: 4em; }
.u-mt5em { margin-top: 5em; }

.u-mt-1em { margin-top: -1em; }

/* padding */
.u-pd1em { padding: 1em; }
.u-pd2em { padding: 2em; }
.u-pd-lr1em { padding: 0 1em; }
.u-pd-lr2em { padding: 0 2em; }

/* indent */
.u-indent-1em { 
 padding-left: 1em;
 text-indent: -1em;
}

/* line-height */
.u-lh1_5 {
 line-height: 1.5 !important;
}

/* エージェント別 */
.u-pc { display: block !important; }
.u-sp { display: none !important; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-pc { display: none !important; }
.u-sp { display: block !important; }}

/* font 貂明朝 */
.u-font--tenmincho {
 font-family: "ten-mincho",serif;
}

/* font ACaslonPro-SemiboldItalic */
@font-face {
 font-family:'ACaslonPro-SemiboldItalic';
 src:url('/assets/fonts/ACaslonPro-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
 url('/assets/fonts/ACaslonPro-SemiboldItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.u-font--acaslonpro {	font-family: ACaslonPro-SemiboldItalic; line-height: 1; }

/* font PlayfairDisplaySC-Regular */
@font-face {
 font-family:'PlayfairDisplaySC-Regular';
 src:url('/assets/fonts/PlayfairDisplaySC-Regular.woff') format('woff'), /* Modern Browsers */
 url('/assets/fonts/PlayfairDisplaySC-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.u-font--playfair {	font-family: PlayfairDisplaySC-Regular; line-height: 1; }

/* フォントサイズ */
.u-fs40 { font-size: 40px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs40 { font-size: 27px; }}

.u-fs33 { font-size: 33px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs33 { font-size: 20px; }}

.u-fs26 { font-size: 26px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs26 { font-size: 20px; }}

.u-fs20 { font-size: 20px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs20 { font-size: 15px; }}

.u-fs18 { font-size: 18px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs18 { font-size: 15px; }}

.u-fs16 { font-size: 16px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs16 { font-size: 15px; }}

.u-fs14 { font-size: 14px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs14 { font-size: 13px; }}

.u-fs13 { font-size: 13px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs13 { font-size: 12px; }}

.u-fs12 { font-size: 12px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs12 { font-size: 11px; }}

.u-fs11 { font-size: 11px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs11 { font-size: 10px; }}


.u-fs20-detail { font-size: 20px; }
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs20-detail { font-size: 18px; }}

/********* sp *********/
@media only screen and (max-width: 600px) {
.u-fs16-sponly { font-size: 16px; }}

/* フォントカラー */
.u-fc-white,
.u-fc-white a { color: #fff; }
.u-fc-green,
.u-fc-green a { color: #d0ff00; }
.u-fc-gray,
.u-fc-gray a { color: #999; }
.u-fc-dimgray,
.u-fc-dimgray a { color: #676767; }

/* テキストレイアウト */
.u-txt--left { text-align: left; }
.u-txt--center { text-align: center; }
.u-txt--right { text-align: right; }

/* テキストマーカー */
.u-marker--green {
 position: relative;
 padding: 0 0.2em;
 z-index: 1;
}
.u-marker--green:before {
 background-color: #d0ff00;
 content: '';
 position: absolute;
 width: 100%;
 height: 0.4em;
 top: 0.6em;
 left: 0;
 z-index: -1;
 line-height: 1;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-marker--yellow:before {
 top: 0.4em;
 }
}

.u-marker--black {
 position: relative;
 padding: 0 0.2em;
 z-index: 1;
}
.u-marker--black:before {
 background-color: #221f1f;
 content: '';
 position: absolute;
 width: 100%;
 height: 0.6em;
 top: 0.7em;
 left: 0;
 z-index: -1;
 line-height: 1;
}
/********* sp *********/
@media only screen and (max-width: 600px) {
.u-marker--black:before {
 top: 0.5em;
 }
}

/* テキストマーカー */
.u-txt-marker--green {
 background-color: #d0ff00;
}

/* イタリック表記 */
.u-txt-italic {
 font-style: italic;
}

/* テクスチャ背景 */
.u-bg__texture--01 { background-image: url(/assets/images/commons/bg_texture-01.png); }
.u-bg__texture--02 { background-image: url(/assets/images/commons/bg_texture-02.png); }

/* 背景色 */
.u-bg__gray { background-color: #ededed; }

/* 日付 ボックス */
.u-item__date {
 background-color: #221f1f;
 padding: 0.3em 0 0.5em 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 4.6em;
 min-height: 7em;
}

.u-item__date span { display: block; }

/* backnumberアイコン 白 */
.u-ic__backnumber {
 background-image: url(/assets/images/commons/ic_backnumber.png);
 background-repeat: no-repeat;
 background-position: right center;
 background-size: 1em;
 padding: 0.2em 1.5em 0.2em 0;
 display: inline-block;
}

/* 矢印アイコン short 右 黒 */
.u-ic__arrow--s-r {
 background-image: url(/assets/images/commons/ic_arrow_short_r.png);
 background-repeat: no-repeat;
 background-position: right center;
 background-size: 1em;
 padding: 0.1em 1.5em 0.1em 0;
 display: inline-block;
}

/* 矢印アイコン short 左 黒 */
.u-ic__arrow--s-l {
 background-image: url(/assets/images/commons/ic_arrow_short_l.png);
 background-repeat: no-repeat;
 background-position: left center;
 background-size: 1em;
 padding: 0.1em 0 0.1em 1.5em;
 display: inline-block;
}

/* 矢印アイコン long 左 白 */
.u-ic__arrow--l-l-w {
 background-image: url(/assets/images/commons/ic_arrow_long_l_w.png);
 background-repeat: no-repeat;
 background-position: left center;
 background-size: 1.2em;
 padding: 0 0 0 1.6em;
 display: inline-block;
}

/* mailアイコン 白 */
.u-ic__mail-w {
 background-image: url(/assets/images/commons/ic_mail_w_02.png);
 background-repeat: no-repeat;
 background-position: right center;
 background-size: 1.5em;
 padding: 0 2.3em 0 0;
 display: inline-block;
}

/* mailアイコン 下 白 */
.u-ic__mail--b-w {
 background-image: url(/assets/images/commons/ic_mail_w_02.png);
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 2em;
 padding: 0 0 2.2em 0;
 display: inline-block;
}

/* 閉じるアイコン */
.u-ic__close {
 background-image: url(/assets/images/commons/ic_close.png);
 background-repeat: no-repeat;
 background-position: right center;
 background-size: 0.7em;
 padding: 0 1.2em 0 0;
 display: inline-block;
}

/* 閉じるアイコン 白 */
.u-ic__close--w {
 background-image: url(/assets/images/commons/ic_close_w.png);
 background-repeat: no-repeat;
 background-position: right center;
 background-size: 0.7em;
 padding: 0 1.2em 0 0;
 display: inline-block;
}

/* 一覧アイコン */
.u-ic__list {
 background-image: url(/assets/images/commons/ic_list.png);
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 2.5em;
 padding: 2.5em 0 3em 0;
 display: inline-block;
}

/* タグアイコン 白 */
.u-ic__tag-w {
 background-image: url(/assets/images/commons/btn_tag_w.png);
 background-repeat: no-repeat;
 background-position: left center;
 background-size: 1.2em;
 padding: 0 0 0 2em;
 display: inline-block;
}

/* snsアイコン */
.u-sns {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 max-width: 113px;
 width: 90%;
}

.u-sns__facebook {
 width: 28px;
 padding: 0 5px;
}

.u-sns__twitter {
 width: 28px;
 padding: 0 5px;
}

.u-sns__pinterest {
 width: 28px;
 padding: 0 5px;
}

.u-sns__instagram {
 width: 28px;
 padding: 0 5px;
}

.u-sns__mail {
 width: 37px;
 padding: 0 5px;
}

/* ランキングアイコン */
.u-item__ranking {
 position: absolute;
 top: -1.5em;
 left: -0.3em;
 width: 4.5em;
 z-index: 1;
}

/* 生物アイコン whiteサークル */
.u-ic__circle--white {
 position: relative;
 display: inline-block;
 border-radius: 100px;
 background-color: #fff;
}

/* 生物アイコン grayサークル 濃 */
.u-ic__circle--gray {
 position: relative;
 display: inline-block;
 border-radius: 100px;
 background-color: #ccc;
}

/* 生物アイコン grayサークル 薄 */
.u-ic__circle--thinglay {
 position: relative;
 display: inline-block;
 border-radius: 100px;
 background-color: #ededed;
}

a:hover .u-ic__circle--gray { background-color: #fff; }

/* リンクアンダーライン */
.u-link__underline {
 background-image: url(/assets/images/commons/nav_btn_line.png);
 background-repeat: no-repeat;
 background-position: right bottom;
 color: #fff;
 display: inline-block;
 padding: 0 3px 0.3em 3px;
}

.u-link__underline:hover,
.u-link__underline--on { background-image: url(/assets/images/commons/nav_btn_line_on.png); }

/* clearfix */
.u-clearfix {
	*zoom: 1;
}
.u-clearfix:before,
.u-clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.u-clearfix:after {
	clear: both;
}

.o-section__inner__col--02-detail__left__content a {
	color: #8ea83f;
	text-decoration: underline;
}
.o-section__inner__col--02-detail__left__content a:hover { 
  color: #c5e535;
  text-decoration: underline;
}

