@charset "utf-8";
/*
Theme Name:coemi
Theme URI:
Description:
Author:
Author URI:
Version:3.0.4
*/


/* ----------------------------------------------------------------------
 Web fonts
---------------------------------------------------------------------- */
@font-face {
    font-family: 'mono-lab';
    src: url('font/mono-lab.eot?v=1.2');
    src: url('font/mono-lab.eot?v=1.2#iefix') format('embedded-opentype'),
         url('font/mono-lab.woff?v=1.2') format('woff'),
         url('font/mono-lab.ttf?v=1.2') format('truetype'),
         url('font/mono-lab.svg?v=1.2#mono-lab') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* ----------------------------------------------------------------------
 リセット css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html { -webkit-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
iframe { max-width:100%; }

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



/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-size:16px; color:#000; line-height:1; }
body, input, textarea { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; }
a { color:#333; }
a:hover { color:#32accd; }
a, a:before, a:after, input {
  -webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  transition-property:background-color, color; transition-duration:0.2s; transition-timing-function:ease;
}
.hide { display:none; }
.hankaku { ime-mode:disabled; }



/* ----------------------------------------------------------------------
 装飾
---------------------------------------------------------------------- */
/* ページの見出し */
.headline_blue { font-size:20px; border-bottom:1px solid #67b4c9; line-height:1; padding:0 0 15px 30px; margin:0 0 20px 0; position:relative; }
.headline_blue:before {
	content:''; width:14px; height:14px; border-radius:100%; display:block; position:absolute; left:0; top:0px;
  border:3px solid #67b4c9;
}
.headline_green_blue { font-size:20px; border-bottom:1px solid #33bbb4; line-height:1; padding:0 0 15px 30px; margin:0 0 20px 0; position:relative; }
.headline_green_blue:before {
	content:''; width:14px; height:14px; border-radius:100%; display:block; position:absolute; left:0; top:0px;
  border:3px solid #33bbb4;
}
.headline_green { font-size:20px; border-bottom:1px solid #50ad7f; line-height:1; padding:0 0 15px 30px; margin:0 0 20px 0; position:relative; }
.headline_green:before {
	content:''; width:14px; height:14px; border-radius:100%; display:block; position:absolute; left:0; top:0px;
  border:3px solid #50ad7f;
}


/* 見出し */
.post_content .headline_blue1 { position:relative; border-bottom:3px solid #eee; margin:30px 0px 30px; font-size:21px; font-weight:600; line-height:1.5; }
.post_content .headline_blue1 span { display:inline-block; border-bottom:3px solid #54b9d3; padding:0px 0px 13px 0px; margin:0 0 -3px 0; }
.post_content .headline_green1 { position:relative; border-bottom:3px solid #eee; margin:30px 0px 30px; font-size:21px; font-weight:600; line-height:1.5; }
.post_content .headline_green1 span { display:inline-block; border-bottom:3px solid #74c2a5; padding:0px 0px 13px 0px; margin:0 0 -3px 0; }
.post_content .headline_pink1 { position:relative; border-bottom:3px solid #eee; margin:30px 0px 30px; font-size:21px; font-weight:600; line-height:1.5; }
.post_content .headline_pink1 span { display:inline-block; border-bottom:3px solid #ffbebe; padding:0px 0px 13px 0px; margin:0 0 -3px 0; }
.post_content .headline_yellow1 { position:relative; border-bottom:3px solid #eee; margin:30px 0px 30px; font-size:21px; font-weight:600; line-height:1.5; }
.post_content .headline_yellow1 span { display:inline-block; border-bottom:3px solid #ffd21d; padding:0px 0px 13px 0px; margin:0 0 -3px 0; }


/* 見出し2 */
.post_content .headline_blue2 { font-size:20px; font-weight:600; margin:30px 0 10px; line-height:1.4; border-bottom:1px dotted #aaa; padding:0 0 10px 30px; position:relative; }
.post_content .headline_green2:before { position:absolute; top:0px; left:0px; content:""; display:block; width:20px; height:20px; background:#54b9d3; margin:4px 35px 0 0; border-radius:2px; }
.post_content .headline_green2 { font-size:20px; font-weight:600; margin:30px 0 10px; line-height:1.4; border-bottom:1px dotted #aaa; padding:0 0 10px 30px; position:relative; }
.post_content .headline_green2:before { position:absolute; top:0px; left:0px; content:""; display:block; width:20px; height:20px; background:#74c2a5; margin:4px 35px 0 0; border-radius:2px; }
.post_content .headline_pink2 { font-size:20px; font-weight:600; margin:30px 0 10px; line-height:1.4; border-bottom:1px dotted #aaa; padding:0 0 10px 30px; position:relative; }
.post_content .headline_pink2:before { position:absolute; top:0px; left:0px; content:""; display:block; width:20px; height:20px; background:#ffbebe; margin:4px 35px 0 0; border-radius:2px; }
.post_content .headline_yellow2 { font-size:20px; font-weight:600; margin:30px 0 10px; line-height:1.4; border-bottom:1px dotted #aaa; padding:0 0 10px 30px; position:relative; }
.post_content .headline_yellow2:before { position:absolute; top:0px; left:0px; content:""; display:block; width:20px; height:20px; background:#ffd21d; margin:4px 35px 0 0; border-radius:2px; }


/* 見出し3 */
.post_content .headline_blue3 { display:block; font-size:18px; font-weight:600; margin:0 0 10px !important; line-height:1.6; padding:2px 0 3px 15px; position:relative; }
.post_content .headline_blue3:before { content:""; display:block; width:4px; height:30px; background:#54b9d3; border-radius:2px; position:absolute; left:0px; top:0px; }
.post_content .headline_green3 { display:block; font-size:18px; font-weight:600; margin:0 0 10px !important; line-height:1.6; padding:2px 0 3px 15px; position:relative; }
.post_content .headline_green3:before { content:""; display:block; width:4px; height:30px; background:#74c2a5; border-radius:2px; position:absolute; left:0px; top:0px; }
.post_content .headline_pink3 { display:block; font-size:18px; font-weight:600; margin:0 0 10px !important; line-height:1.6; padding:2px 0 3px 15px; position:relative; }
.post_content .headline_pink3:before { content:""; display:block; width:4px; height:30px; background:#ffbebe; border-radius:2px; position:absolute; left:0px; top:0px; }
.post_content .headline_yellow3 { display:block; font-size:18px; font-weight:600; margin:0 0 10px !important; line-height:1.6; padding:2px 0 3px 15px; position:relative; }
.post_content .headline_yellow3:before { content:""; display:block; width:4px; height:30px; background:#ffd21d; border-radius:2px; position:absolute; left:0px; top:0px; }


/* デザイン */
.design1 { background:url(img/common/icon_yellow.gif) no-repeat 15px 21px; border:2px solid #ffe75d; padding:15px 15px 15px 55px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 0 30px 0; font-size:120%; }
.design1 p { margin:0; line-height:190%; }
.design2 { background:url(img/common/icon_green.gif) no-repeat 17px 19px; border:2px solid #adf18a; padding:15px 15px 15px 55px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 0 30px 0; font-size:120%; }
.design2 p { margin:0; line-height:190%; }
.design3 { background:url(img/common/icon_blue.gif) no-repeat 17px 20px; border:2px solid #9bd2ef;  padding:15px 15px 15px 55px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 0 30px 0; font-size:120%; }
.design3 p { margin:0; line-height:190%; }


/* 良いクチコミ、悪いクチコミ */
.good_comment { margin:0 0 30px 0; border:4px solid #ffd2d2; border-radius:4px; background:url(img/common/icon_good.gif) no-repeat 15px 15px; padding:60px 15px 15px; }
.good_comment p { margin:0; }
.bad_comment { margin:0 0 30px 0; border:4px solid #93d8ec; border-radius:4px; background:url(img/common/icon_bad.gif) no-repeat 15px 15px; padding:60px 15px 15px; }
.bad_comment p { margin:0; }


/* 商品紹介 */
.post_content .product_info { border:1px solid #ccc; border-radius:4px; margin:0 0 30px 0; padding:15px; box-shadow:0px 4px 0px 0px #f5f5f5; }
.post_content .product_info h3 { text-indent:0; padding:0; margin:0 0 20px 0; border:none; background:#eca6a6; color:#fff; padding:15px 20px; border-radius:3px; }
.post_content .product_info .image { float:left; width:240px; text-align:center; margin:0 30px 0 0; }
.post_content .product_info .image img { margin:0; width:100%; height:auto; }
.post_content .product_info .desc { float:left; width:450px; }
.post_content .product_info .link_button { margin:10px 0 0 0; float:right; }
.post_content .product_info .link_button a { color:#333; display:inline-block; background:#f2f2f2; text-align:center; text-decoration:none; padding:0 30px; height:50px; line-height:50px; border-radius:50px; font-size:14px; font-weight:600; }
.post_content .product_info .link_button a:hover { background-color:#eca6a6; color:#fff; }
.post_content .product_info h4, .post_content .product_info h5, .post_content .product_info h6 { margin:0 0 10px 0; }




/* ----------------------------------------------------------------------
 レイアウト
---------------------------------------------------------------------- */
#main_content {
	width:1100px; margin:23px auto;
	display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; justify-content:space-between;
}
#right_col { width:300px; order:3; }
#side_category { width:104px; order:1; }
#center_col { width:632px; order:2; }
#left_col { width:770px; order:1; }



/* ----------------------------------------------------------------------
 記事ページ
---------------------------------------------------------------------- */
/* 先頭部分 */
#post_header { margin:0 0 40px 0; }
#post_header .title { font-size:30px; font-weight:600; margin:0 0 35px 0; border-bottom:1px dotted #ccc; padding:0 0 25px 0; line-height:1.6; }
#post_header .meta { float:left; margin:0; }
#post_header .meta li { float:left; margin:0; padding:0; line-height:1; }
#post_header .meta li.category a { background:#ffb2b2; color:#fff; font-weight:600; font-size:13px; height:40px; line-height:40px; display:inline-block; padding:0 20px; border-radius:4px; text-decoration:none; }
#post_header .meta li.category a:hover { background:#e97575; }
#post_header .share_button_top { float:right; }
#post_footer { padding:18px 0 5px; }
#post_footer .share_button_top { float:right; }


/* アイキャッチ画像 */
#eye_catch img { display:block; width:100%; height:auto; margin:0 0 50px 0; }


/* 占いフォーム */
.uranai_form {
  margin:30px 0; border-radius:10px; padding:25px 25px 30px; box-shadow:0 0 0 7px rgba(255,255,255,0.2) inset;
  background:#ffbebe; position:relative;
  background: -moz-linear-gradient(left, #ffbebe, #f8dd7e); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(#ffbebe), color-stop(#f8dd7e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffbebe, #f8dd7e); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffbebe, #f8dd7e); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffbebe, #f8dd7e); /* IE10+ */
  background: linear-gradient(to right, #ffbebe, #f8dd7e); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbebe', endColorstr='#f8dd7e',GradientType=1 ); /* IE6-9 */
}
.post_content .uranai_form dt { color:#fff; }
.post_content .uranai_form dd { color:#fff; margin:0 0 20px 0; padding:0 0 25px 0; border-bottom:1px dotted rgba(255,255,255,0.6); }
.post_content .uranai_form dd input, .post_content .uranai_form dd select {
  border:none; padding:10px; background:rgba(255,255,255,0.5); border-radius:3px; width:100%;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  
}
.post_content .uranai_form dd input:focus, .post_content .uranai_form dd select:focus { box-shadow:0 0 7px 0px rgba(0,0,0,0.2); background:rgba(255,255,255,0.8); }
.post_content .uranai_form dd select { width:auto; }
.post_content .uranai_form dd ul { margin:0; padding:0; }
.post_content .uranai_form dd ul li { float:left; background:none; padding:0; margin:0 30px 0 0; list-style-type:none; }
.post_content .uranai_form dd ul li input { width:auto; padding:0; color:#333; }
.post_content .uranai_form dd ul li label { border:1px solid rgba(255,255,255,0); padding:5px 50px 5px 5px; color:#333; border-radius:5px; cursor:pointer; }
.post_content .uranai_form dd ul li label:hover { border:1px solid #fff; }
.uranai_form .button { text-align:center; }
.uranai_form .button button {
  padding:15px 100px; border:none; border-radius:50px; font-size:16px; cursor:pointer; background:rgba(255,255,255,0.5);
}
.uranai_form .button button:hover { box-shadow:0 0 7px 0px rgba(0,0,0,0.2); background:rgba(255,255,255,0.8); }
/* 水色系 */
.uranai_form.blue {
  margin:30px 0; border-radius:10px; padding:25px 25px 30px; box-shadow:0 0 0 7px rgba(255,255,255,0.2) inset;
  background:#b9d4eb; position:relative;
  background: -moz-linear-gradient(left, #b9d4eb, #f7e1e1); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(#b9d4eb), color-stop(#f7e1e1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #b9d4eb, #f7e1e1); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #b9d4eb, #f7e1e1); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #b9d4eb, #f7e1e1); /* IE10+ */
  background: linear-gradient(to right, #b9d4eb, #f7e1e1); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9d4eb', endColorstr='#f7e1e1',GradientType=1 ); /* IE6-9 */
}
/* 緑色系 */
.uranai_form.green {
  margin:30px 0; border-radius:10px; padding:25px 25px 30px; box-shadow:0 0 0 7px rgba(255,255,255,0.2) inset;
  background:#9bddcf; position:relative;
  background: -moz-linear-gradient(left, #9bddcf, #7ecedf); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(#9bddcf), color-stop(#7ecedf)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #9bddcf, #7ecedf); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #9bddcf, #7ecedf); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #9bddcf, #7ecedf); /* IE10+ */
  background: linear-gradient(to right, #9bddcf, #7ecedf); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bddcf', endColorstr='#7ecedf',GradientType=1 ); /* IE6-9 */
}


/* 記事下部の広告 */
#ad_single { margin:30px 0 10px 0px; text-align:center; }
#ad_single li { display:inline; margin:0 20px; }
#ad_single li img { }


/* ライター情報 別の場所にまとめて記載 */


/* 記事一覧の見出し */
.post_list_headline { font-size:20px; border-bottom:1px solid #ffb0b0; line-height:1; padding:0 0 15px 30px; margin:0 0 20px 0; position:relative; }
.post_list_headline:before {
	content:''; width:14px; height:14px; border-radius:100%; display:block; position:absolute; left:0; top:0px;
  border:3px solid #ffb0b0;
}
#related_post .post_list_headline { border-color:#ffc09d; }
#related_post .post_list_headline:before { border-color:#ffc09d; }
#column_post .post_list_headline { border-color:#ffcd75; }
#column_post .post_list_headline:before { border-color:#ffcd75; }
#open_post .post_list_headline { border-color:#ffde2c; }
#open_post .post_list_headline:before { border-color:#ffde2c; }


/* ライターの最新記事 */
.post_type6 { margin:0 0 30px 0; }
.post_type6 ol {
	margin:0; padding:0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.post_type6 li { width:calc(25% - 15px); padding:0; margin:0 20px 15px 0; }
.post_type6 li:nth-of-type(4n) { margin-right:0; }
.post_type6 li li { width:auto; height:auto; float:left; padding:0; margin:0; }
.post_type6 .image { float:left; width:177px; margin:0 0 15px 0; display:block; position:relative; overflow:hidden; }
.post_type6 .image img { width:100%; height:auto; border-radius:3px; }
.post_type6 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out;
}
.post_type6 .image:hover:after { box-shadow:inset 0 0 0 7px rgba(255,255,255, 0.3); }
.post_type6 .category { font-size:12px; height:20px; line-height:20px; font-weight:600; background:#ffbebe; color:#fff; display:inline-block; padding:0 10px; margin:0 0 10px 0; border-radius:2px; }
.post_type6 .title { font-size:14px; line-height:1.8; margin:0; font-weight:600; max-height:5.4em; overflow:hidden; visibility:visible; }
.post_type6 .title a { display:block; text-decoration:none; display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.post_type6 .title a:hover { color:#f58d8d; text-decoration:underline; }
.post_type6 img { display:block; }


/* おすすめの記事一覧 */
.post_type5 { margin:0 0 30px 0; }
.post_type5 ol {
	margin:0; padding:0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.post_type5 li { width:calc(50% - 10px); border-bottom:1px dotted #ccc; padding:0 0 15px 0; margin:0 20px 15px 0; }
.post_type5 li:nth-child(2n) { margin-right:0; }
.post_type5 li li { width:auto; height:auto; border:none; padding:0; }
.post_type5 .image { float:left; width:177px; margin:0 20px 0 0; display:block; position:relative; overflow:hidden; }
.post_type5 .image img { width:100%; height:auto; border-radius:3px; }
.post_type5 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out;
}
.post_type5 .image:hover:after { box-shadow:inset 0 0 0 7px rgba(255,255,255, 0.3); }
.post_type5 .info { width:calc(100% - 197px); float:left; }
.post_type5 .category { font-size:12px; font-weight:600; height:20px; line-height:20px; background:#67b4c9; color:#fff; display:inline-block; padding:0 10px; margin:0 0 8px 0; border-radius:2px; }
.post_type5 .title { font-size:14px; line-height:1.8; margin:0; font-weight:600; max-height:5.4em; overflow:hidden; visibility:visible; }
.post_type5 .title a { display:block; text-decoration:none; display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.post_type5 .title a:hover { color:#32accd; text-decoration:underline; }
.post_type5 img { display:block; }
#related_post .category { background:#fdc8aa; }
#related_post .title a:hover { color:#f49b68; }
#column_post .category { background:#fad491; }
#column_post .title a:hover { color:#f1b449; }
#open_post .category { background:#f8dd4a; }
#open_post .title a:hover { color:#ebc700; }
#open_post { margin:0 0 10px 0; }


/* 関連記事用ショートコード */
.related_post_sc {
	border:1px solid #ccc; border-radius:5px; padding:15px; margin:0 0 20px 0; box-shadow:0px 4px 0px 0px #f5f5f5;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-align-items:center; align-items:center;
}
.related_post_sc .image { width:100px; height:100px; display:block; margin:0 30px 0 0; position:relative; overflow:hidden; border-radius:5px; }
.related_post_sc .image img { display:block; }
.related_post_sc .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.related_post_sc .image:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
.related_post_sc .title { width:calc(100% - 130px); display:block; font-size:18px; line-height:160%; }


/* TOCのバグ修正 */
#toc_container {
	margin-top:30px;
	width:100% !important;
	-webkit-box-sizing:border-box; box-sizing:border-box;
}



/* ----------------------------------------------------------------------
 占い師関連（ライターの情報）
---------------------------------------------------------------------- */
.post_author { border:1px solid #cadadf; position:relative; border-radius:5px; padding:30px 30px 25px; margin:20px 0 50px; box-shadow:10px 10px 0 0px #e9f1f8; }
body.author .post_author { margin-top:0; }
.post_author .image { float:left; margin:0 30px 0 0; display:block; position:relative; overflow:hidden; }
.post_author .image img { display:block; width:100px; height:100px; border-radius:100px; }
.post_author .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
	border-radius:90px;
   -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_author .image:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
.post_author .author_meta { float:left; width:calc(100% - 130px); }
.post_author .name { font-size:24px; margin:5px 0 15px 0; display:block; font-weight:600; border-bottom:1px dotted #c4d5da; padding:0 0 20px 0; }
.post_author .name a { color:#5fa1b7; text-decoration:none; }
.post_author .name a:hover { color:#00b4f0; }
.post_author .archive_link { position:absolute; right:30px; top:40px; padding:0 0 0 15px; }
.post_author .archive_link:before {
  font-family:'mono-lab'; content:'\f0d7'; color:#90b8c5; font-size:14px; display:block;
	position:absolute; left:0px; transform: rotate(-90deg);
	-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}


/* 占い師一覧ページ */
#author_list .post_author { margin:0 0 20px 0; box-shadow:none; border-color:#ccc; }



/* ----------------------------------------------------------------------
 その他のページ
---------------------------------------------------------------------- */


/* 検索結果ページ */
#search_data { border:1px solid #cadadf; position:relative; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; padding:20px; margin:20px 0 30px; box-shadow:inset 0 0 0 4px #e9f1f8; }
#search_data p { line-height:160%; margin:0; font-size:16px; }


/* 会社情報 */
#company_info dt { margin:0 0 5px 0; font-weight:bold; }
#company_info dt:before { content:''; width:14px; height:14px; background:#ffd800; display:block; float:left; margin:9px 5px 0 0; border-radius:2px; }
#company_info dd { border-bottom:1px dotted #ccc; padding:0 0 15px 0; }


/* お問い合わせ */
.mw_wp_form { margin-top:30px; }
.mw_wp_form dt { margin:0 0 5px 0; font-weight:bold; }
.mw_wp_form dt:before { content:''; width:14px; height:14px; background:#ffd800; display:block; float:left; margin:9px 5px 0 0; border-radius:2px; }
.mw_wp_form dd { margin:0 0 15px 0; }
.mw_wp_form dd input, .mw_wp_form dd textarea {
  ime-mode:inactive; width:100%; padding:10px; border:1px solid #ccc;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.1) inset;
}
.mw_wp_form dd input:focus, .mw_wp_form dd textarea:focus { border-color:#00b4cf; }
.mw_wp_form dd textarea { height:300px; }
.mw_wp_form dd span { display:block; margin:5px 0 0 0; font-size:11px; color:#aaa; }
.mw_wp_form dl { margin:0 0 15px 0; }
.mw_wp_form .contact_button_area { text-align:center; }
.contact_submit, .contact_back { display:inline; }
.mw_wp_form .contact_button_area input {
  cursor:pointer; min-width:250px; display:inline; margin:0 20px 15px; font-size:16px; height:55px; line-height:57px; font-weight:600;
  position:relative; top:0px; border:none; background:#00b4cf; color:#fff; padding:0 30px; text-decoration:none; text-align:center;
  border-radius:5px; box-shadow:0px 5px 0px 0px #156785;
  -webkit-transition: background 0.25s ease, box-shadow 0.25s ease; transition: background 0.25s ease, box-shadow 0.25s ease;
}
.mw_wp_form .contact_button_area input:hover {
  background-color:#ffd800; color:#fff;
	box-shadow:0px 5px 0px 0px #f1bc04;
}
.mw_wp_form .contact_button_area input:active {
  top:4px;
  box-shadow:0px 1px 0px 0px #f1bc04;
}
.mw_wp_form dd .error { background:#43c2dd; border:none; color:#fff; display:inline-block; margin:10px 0 0; padding:3px 20px 2px; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.mw_wp_form dd .error:after { content:''; height:0px; width:0px; border:10px solid #43c2dd; border-color:transparent; border-bottom-color:#43c2dd; display:block; position:absolute; top:-15px; left:45px; }
.mw_wp_form .vertical-item {
	float:left; width:200px; color:#333 !important; font-size:14px; margin:0 10px 5px 0; border:1px solid #ccc; border-radius:50px;
  padding-left:10px;
}
.mw_wp_form .vertical-item + .vertical-item { margin:0 !important; }
.mw_wp_form .vertical-item input { width:20px; border-radius:0; box-shadow:none; position:relative; }
.mw_wp_form .vertical-item label {
	display:block; cursor:pointer; height:50px;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-align-items:center; align-items:center;
}
.mw_wp_form .vertical-item label .mwform-radio-field-text { color:#000; font-size:16px; font-weight:600; }
.mw_wp_form .vertical-item:hover { background:#e2f1f6; border-color:#70ccea; }
.mw_wp_form_confirm dl { border:1px solid #ccc; border-radius:7px; padding:20px 20px 5px; }
.mw_wp_form_confirm dd { border-bottom:1px dotted #ccc; padding:0 0 15px 0; }
.mw_wp_form_confirm dd:last-child { border:none; padding:0; }
.mw_wp_form_confirm .confirm_mail { display:none; }



/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
/* タクソノミーの見出し */
#category_top .headline { font-size:20px; border-bottom:1px solid #67b4c9; line-height:1; padding:0 0 15px 30px; margin:0 0 20px 0; position:relative; }
#category_top .headline:before {
	content:''; width:14px; height:14px; border-radius:100%; display:block; position:absolute; left:0; top:0px;
  border:3px solid #67b4c9;
}
body.post-type-archive-uranai { }


/* 説明文 */
#category_top .desc { margin-bottom:-10px; }
#category_top .desc p { line-height:2; font-size:14px; }
#category_bottom { margin:0 0 30px; }
#category_bottom .desc p { line-height:2; font-size:14px; }


/* 検索フォーム */
#archive_search_form_wrap { margin:30px 0 30px 0; position:relative; background:#f2f2f2; border-radius:50px; }
#archive_search_input {
  background:none;
	border:none; width:calc(100% - 150px); height:50px; line-height:50px; padding:10px 25px;
	-webkit-box-sizing:border-box; box-sizing:border-box;
}
#archive_search_form_wrap .button:before {
  display:block; font-family:'mono-lab'; color:#fff; font-size:18px; content:'\e920'; z-index:9; pointer-events:none;
  top:18px; right:65px; position:absolute;
  -webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}
#archive_search_button { border-radius:0 50px 50px 0; width:150px; height:50px; position:absolute; right:0px; top:0px; background:#67b4c9; border:none; color:#fff; cursor:pointer; }
#archive_search_button:hover { background:#16bab4; }
#archive_search_form_wrap ::placeholder { font-weight:600; color:#999; }
#archive_search_form_wrap input:focus::placeholder { opacity:0; }


/* ソートボタン */
#archive_sort_button {
	margin:0 0 40px 0; border-radius:5px;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
  background:#ffbebe;
	background: -webkit-linear-gradient(left, #ffbebe, #f8dd7e);
  background: linear-gradient(to right, #ffbebe, #f8dd7e);
}
#archive_sort_button li {
	width:50%; height:50px; line-height:51px; text-align:center; cursor:pointer; position:relative; font-weight:600;
  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
  position:relative; color:#fff;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#archive_sort_button li:nth-child(1) { border-radius:5px 0 0 5px; border-right:1px solid #fff; }
#archive_sort_button li:nth-child(2) { border-radius:0 5px 5px 0; }
#archive_sort_button li a { display:block; text-decoration:none; color:#fff; }
#archive_sort_button li.active { color:#fff; pointer-events:none; }
#archive_sort_button li.active:after {
  display:block; content:''; width:0; height:0; position:absolute; bottom:-10px;
  left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
  border-style: solid; border-width: 10px 10px 0 10px; border-color: #ffbebd transparent transparent transparent;
}
#archive_sort_button li:nth-child(2).active:after { border-color: #fad58e transparent transparent transparent; }
#archive_sort_button li:nth-child(1):hover { background:#ffa67f; }
#archive_sort_button li:nth-child(2):hover { background:#ffbd38; }


/* 記事一覧 */
.post_type4 { margin:0 0 25px 0; }
.post_type4 li {
	border-bottom:1px dotted #ccc; margin:0 0 20px 0; padding:0 0 20px 0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
}
.post_type4 .image { width:200px; margin:0 30px 0 0; display:block; position:relative; overflow:hidden; border-radius:4px; }
.post_type4 .image img { width:200px; height:auto; display:block; }
.post_type4 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_type4 .image:hover:after { box-shadow:inset 0 0 0 7px rgba(255,255,255, 0.3); }
.post_type4 .info { width:calc(100% - 230px); }
.post_type4 .category {
	margin:0 0 15px 0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.post_type4 .category li { font-size:12px; font-weight:600; height:20px; line-height:20px; background:#67b4c9; color:#fff; display:inline-block; padding:0 10px; margin:0 5px 0 0; border-radius:2px; }
.post_type4 .title { font-size:19px; line-height:1.8; margin:0; font-weight:600; }
.post_type4 .title a { display:block; text-decoration:none; }
.post_type4 .title a:hover { text-decoration:underline; }
.post_type4 .excerpt { font-size:11px; line-height:160%; }
#column_archive .category span { background:#86c3c0; }
#column_archive .title a:hover { color:#42c9c2; }
#open_archive .category span { background:#9fd0b8; }
#open_archive .title a:hover { color:#52bd89; }


/* ページナビ */
.page_navi li, .pagination a, .pagination span.current, .pagination span.dots { float:left; }
.page_navi a, .page_navi a:hover, .page_navi span, .pagination a, .pagination span.current, .pagination span.dots 
 { text-decoration:none; color:#666; font-size:12px; padding:18px 20px; line-height:100%; margin:0 5px 4px 0; background:#efefef; display:block; border-radius:3px; }
.page_navi a:hover, .page_navi span.current, .pagination a:hover, .pagination span.current { color:#fff; text-decoration:none; background:#67b4c9; }
.page_navi span.dots, .pagination span.dots { background:#fff; }


/* 検索結果ページ用広告 */
.search_banner { margin:0 0 35px 0; }
.search_banner img { max-width:100%; height:auto; display:block; }



/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 広告 */
.side_banner { margin:0 0 20px 0; }
.side_banner img { display:block; max-width:100%; height:auto; }


/* ボタン */
.side_about { margin:0 0 25px 0; }
.side_about a {
  display:block; font-size:16px; padding:0 16px; height:56px; line-height:58px; font-weight:600;
  position:relative; top:0px; color:#fff; text-decoration:none; text-align:center;
  border-radius:5px;
	box-shadow:0px 5px 0px 0px #68aaa1;
  background:#89cec5;
  -webkit-transition: all 0.35s ease; transition: all 0.35s ease;
}
.side_about a:hover {
  background-color:#ffd800; color:#fff;
	box-shadow:0px 5px 0px 0px #f1bc04;
}
.side_about a:active {
  top:4px;
	box-shadow:0px 1px 0px 0px #f1bc04;
}


/* おすすめ記事 */
.side_content {
  padding:8px; margin:0 0 20px 0;
  background:#e9f1f8;
  background: -webkit-linear-gradient(top, #e9f1f8, #ece8f1);
  background: linear-gradient(to bottom, #e9f1f8, #ece8f1);
}
.side_content_inner { background:#fff; border:1px solid #ddd; border-top:none; }
.side_content .headline {
	height:60px; line-height:63px; border-bottom:1px solid #ddd; padding:0 20px; font-size:18px; font-weight:600; position:relative;
}
.side_content:before {
  display:block; content:''; width:100%; height:6px;	
  background: -webkit-linear-gradient(left, #67b3c9, #9eceb8);
  background: linear-gradient(to right, #67b3c9, #9eceb8);
}
.side_content ol { margin:15px;}
.side_content li {
	border-bottom:1px dotted #ccc; margin:0 0 15px 0; padding:0 0 15px 0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.side_content li:last-child { border:none; margin:0; padding:0; }
.side_content .image { width:70px; height:70px; margin:0 15px 0 0; display:block; position:relative; overflow:hidden; border-radius:5px; }
.side_content .image img { width:100%; height:auto; display:block; margin:0; }
.side_content .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.side_content .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.side_content .info { width:calc(100% - 85px); }
.side_content .category { font-size:11px; font-weight:600; height:20px; line-height:20px; background:#56b8b8; color:#fff; display:inline-block; padding:0 10px; margin:0 0 8px 0; border-radius:2px; }
.side_content .title { font-weight:normal; font-size:14px; line-height:1.6; font-weight:600; max-height:3.2em; overflow:hidden; visibility:visible; }
.side_content .title a { display:block; text-decoration:none; display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.side_content .title a:hover { text-decoration:underline; }
.side_content .post_num1 .category { background:#ffbebe; }
.side_content .post_num2 .category { background:#fdc8aa; }
.side_content .post_num3 .category { background:#fad491; }
.side_content .post_num4 .category { background:#f8dd4a; }
.side_content .post_num5 .category { background:#fde53c; }


/* カテゴリー一覧 */
.side_category_list { margin:0 0 40px 0; }
.side_category_list .headline { font-size:16px; border-bottom:1px solid #67b4c9; line-height:1; padding:5px 0 15px 0; margin:0 0 15px 0; position:relative; }
.side_category_list li a { display:block; margin:0 0 12px 0; font-size:13px; line-height:1.4; }
#side_category1 .headline { border-color:#e1a8a7; color:#e77d7a; }
#side_category2 .headline { border-color:#e5ba93; color:#ea8c36; }
#side_category3 .headline { border-color:#c0b400; color:#a49a00; }
#side_category4 .headline { border-color:#b6cc88; color:#91bb39; }
#side_category1 li a { color:#e29594; }
#side_category1 li a:hover { color:#fd5350; }
#side_category2 li a { color:#e29e60; }
#side_category2 li a:hover { color:#ff800c; }
#side_category3 li a { color:#c0b400; }
#side_category3 li a:hover { color:#ffcc00; }
#side_category4 li a { color:#a9c76a; }
#side_category4 li a:hover { color:#559200; }


/* facebook */
.fb_iframe_widget { margin:0 0 20px 0; }




/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer_top_wrap {
  width:100%; min-width:1100px;
  background:#e9f1f8;
  background: -webkit-linear-gradient(left, #e9f1f8, #f2e8e8);
  background: linear-gradient(to right, #e9f1f8, #f2e8e8);
}
#footer_top { width:1100px; margin:0 auto; padding:35px 0 30px; }


/* 最近の記事 */
#footer_recent_post { float:left; margin:0 50px 0 0; padding:0 50px 0 0; }
#footer_recommend_post { float:left; margin:0 0 0 0; padding:0 50px 0 0; }
.footer_post_list { width:300px; }
.footer_post_list img { display:block; }
.footer_post_list .headline { margin:0 0 20px 0; padding:0 0 15px 30px; font-size:18px; font-weight:600; border-bottom:1px solid #8bc1c1; position:relative; }
.footer_post_list .headline:before {
	content:''; width:13px; height:13px; border-radius:100%; display:block; position:absolute; left:0; top:0px;
  border:3px solid #8bc1c1;
}
#footer_recommend_post .headline { border-color:#9da4c8; }
#footer_recommend_post .headline:before { border-color:#9da4c8; }
.footer_post_list li {
	border-bottom:1px dotted #aaa; margin:0 0 15px 0; padding:0 0 15px 0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.footer_post_list li:last-of-type { border-bottom:none; padding:0; margin:0; }
.footer_post_list .image { width:75px; height:75px; margin:0 20px 0 0; display:block; position:relative; overflow:hidden; border-radius:5px; }
.footer_post_list .image img { width:100%; height:auto; display:block; margin:0; }
.footer_post_list .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out;
}
.footer_post_list .image:hover:after { box-shadow:inset 0 0 0 7px rgba(255,255,255, 0.3); }
.footer_post_list .info { width:calc(100% - 95px); }
.footer_post_list .category { font-size:12px; font-weight:600; height:20px; line-height:20px; background:#8bc1c1; color:#fff; display:inline-block; padding:0 10px; margin:0 0 8px 0; border-radius:2px; }
.footer_post_list .title { font-weight:600; font-size:14px; line-height:1.8; max-height:3.6em; overflow:hidden; visibility:visible; }
.footer_post_list .title a { display:block; text-decoration:none; display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.footer_post_list .title a:hover { color:#56b8b8; text-decoration:underline; }
#footer_recommend_post .category { background:#9da4c8; }
#footer_recommend_post .title a:hover { color:#808ab9; }


/* 広告 */
#footer_adsense { width:300px; float:right; }
#footer_adsense img { display:block; max-width:100%; height:auto; }


/* フッター下部 */
#footer_bottom { width:1100px; margin:0 auto; text-align:center; padding:40px 0; font-size:12px; }
#footer_bottom a { }
.footer_menu { margin:0 0 30px 0; }
.footer_menu:last-of-type { margin:0; }
.footer_menu li { display:inline; border-right:1px solid #ddd; padding:0 12px; line-height:100%; }
.footer_menu li:last-child { border:none; padding-right:0; }


/* コピーライト */
#copyright { font-size:12px; text-align:center; height:60px; line-height:60px; background:#fafafa; }
#copyright a { text-decoration:none; }


/* ページ上部に戻る */
#return_top a { position:relative; background:#9eceb8; display:block; width:60px; height:60px; line-height:60px; border-radius:100%; font-size:12px; text-decoration:none; }
#return_top span { display:none; }
#return_top a:hover { background:#67b3c9; }
#return_top a:before {
  font-family:'mono-lab'; content:'\e917'; color:#fff; font-size:18px; display:block;
	position:absolute; left:20px; transform:rotate(90deg); top:5px; font-weight:500;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#return_top {
  position:fixed; right:20px; bottom:20px; z-index:999;
  -webkit-transform: translate3d(0,80px,0); transform: translate3d(0,80px,0);
  -webkit-transition: -webkit-transform 0.35s ease; transition: all 0.35s ease;
}
#return_top.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }



/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header { width:1100px; height:120px; margin:0 auto; position:relative; }


/* ロゴ */
#logo { position:absolute; left:0px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin:0; }
#logo img {
	display:block; width:130px; height:auto; opacity:1;
  -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
#logo a:hover img { opacity:0.5; }
#site_description {
	position:absolute; width:380px; line-height:2; left:170px; top:28px; font-size:11px; font-weight:normal;
  border-left:1px dotted #aaa; padding:0 0 0 40px;
}


/* ヘッダーメニュー */
#header_menu {
	position:absolute; right:0px; top:28px; padding:0 0 0 15px;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#header_menu li { margin:0 0 0 12px; padding:0 0 0 12px; font-size:13px; border-left:1px solid #ccc; }
#header_menu li:first-of-type { border:none; margin:0; padding:0; }
#header_menu li a {  }
#header_menu li a:hover { text-decoration:underline; }
#header_menu:before {
  font-family:'mono-lab'; content:'\f0d7'; color:#666; font-size:14px; display:block;
	position:absolute; left:0px; transform: rotate(-90deg);
	-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}


/* 検索フォーム */
#header_search {
	position:absolute; right:99px; bottom:17px; height:40px; width:250px;
  background:#eee; border-radius:40px;
}
#header_search_input {
	border:none; background:none; height:30px; font-size:12px; width:200px; position:absolute; top:6px; padding:10px 0px 10px 20px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#header_search_button { position:absolute; right:0px; top:0px; width:40px; height:40px; border:none; background:none; z-index:1; cursor:pointer; }
#header_search label { position:absolute; right:0px; top:0px; z-index:10; pointer-events:none; }
#header_search label:before {
  display:block; font-family:'mono-lab'; color:#000; font-size:18px; content:'\e920';
  top:13px; right:13px; position:absolute;
  -webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}
#header_search .button_area:hover label:before { color:#32accd; }
#header_search ::placeholder { color:#999; font-weight:600; opacity:1; }
#header_search input:focus::placeholder { opacity:0; }


/* ソーシャルリンク */
#social_link {
	position:absolute; right:0px; bottom:17px;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#social_link span { display:none; }
#social_link li { margin:0 0 0 5px; }
#social_link a { display:block; width:40px; height:40px; background:#000; border-radius:100%; position:relative; }
#social_link a:before {
  font-family:'mono-lab'; font-size:18px; display:block; color:#fff;
	position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#social_link li.twitter_button a { background:#1DA1F2; }
#social_link li.facebook_button a { background:#1877f2; }
#social_link li.twitter_button a:before { content:'\ea96'; margin:1px 0 0 1px; }
#social_link li.facebook_button a:before { content:'\ea90'; margin:1px 0 0 0; }
#social_link li.twitter_button a:hover { background:#1471aa; }
#social_link li.facebook_button a:hover { background:#1254a9; }


/* グローバルメニュー */
#global_menu {
  height:60px; width:100%; min-width:1100px; position:relative;
  background:#68b3c9;
  background: -webkit-linear-gradient(left, #67b3c9, #9eceb8);
  background: linear-gradient(to right, #67b3c9, #9eceb8);
}
#global_menu .menu { width:1100px; height:60px; margin:0 auto; position:relative; }
#global_menu ol {
  display:-webkit-box; display:-webkit-flex; display:flex; z-index:3; position:relative;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#global_menu ol li { -webkit-flex: 1 1 0%; flex: 1 1 0%; }
#global_menu ol li a { text-align:center; display:block; font-weight:600; color:#fff; width:100%; height:60px; line-height:60px; text-decoration:none; }
#global_menu .slide_item { background-color:rgba(0,0,0,0.1); position:absolute; left:0px; top:0; height:60px; z-index:2; }
#global_menu .slide_item.animate {
 -webkit-transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;
  transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}


/* パンくずリンク */
#bread_crumb {  margin:0 0 50px 0; border-bottom:1px solid #ddd; height:60px; line-height:60px; }
#bread_crumb ol {
	width:1100px; margin:0 auto; padding:0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:nowrap; flex-wrap:nowrap;
}
#bread_crumb li {
	font-size:12px; color:#888; margin:0 15px 0 0; padding:0 25px 0 0; position:relative; height:60px; line-height:60px;
	overflow:hidden; white-space: nowrap; text-overflow: ellipsis; visibility:visible;
  -webkit-flex: 0 0 auto; flex: 0 0 auto;
}
#bread_crumb li:last-of-type { -webkit-flex: 0 1 auto; flex: 0 1 auto; margin:0; padding:0; }
#bread_crumb li:after {
  font-family:'mono-lab'; content:'\f0d7'; color:#ccc; font-size:12px; display:block;
	position:absolute; top:1px; right:0px; transform:rotate(-90deg);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li:last-of-type:after { display:none; }
#bread_crumb li a { color:#888; }
#bread_crumb li a:hover { color:#32accd; }
#bread_crumb li.sub_category a:nth-child(2):before { content:", "; text-decoration:none; margin:0 7px 0 2px; display:inline-block; }



/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
/* カルーセル */
.owl-carousel .owl-nav button {
	width:50px; height:50px; line-height:50px; border-radius:100%; text-align:center; background:rgba(255,255,255,0.7) !important; display:block; z-index:10;
	position:absolute; top:50%; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
	-webkit-transition: background 0.25s ease; transition: background 0.25s ease;
}
.owl-carousel .owl-nav button:hover { background:#67b3c9 !important; }
.owl-carousel .owl-nav button:before {
	content:'\e917'; font-family:'mono-lab'; font-size:16px; display:block; color:#999; position:absolute; top:19px; left:20px;
  -webkit-transition: color 0.25s ease; transition: color 0.25s ease;
}
.owl-carousel .owl-nav button.owl-next:before { transform:rotate(180deg); left:14px; top:18px; }
.owl-carousel .owl-nav button:hover:before { color:#fff; }
.owl-carousel .owl-nav .owl-prev { left:-80px; }
.owl-carousel .owl-nav .owl-next { right:-80px; }


#index_topics {
  width:100%; min-width:1100px; height:380px; overflow:hidden; margin-bottom:50px; 
  background:#e9f1f8;
  background: -webkit-linear-gradient(left, #e9f1f8, #f2e8e8);
  background: linear-gradient(to right, #e9f1f8, #f2e8e8);
}
#index_topics_slider_wrap { width:1100px; margin:0 auto; }
#index_topics_slider { width:1100px; height:332px; margin:24px 0 0 0; position:relative; z-index:2; }
#index_topics_slider .item {
	position:relative; height:332px; background:#fff; border-radius:5px; padding:20px;
	-webkit-box-sizing:border-box; box-sizing:border-box;
}
#index_topics_slider a.image { display:block; position:relative; overflow:hidden; width:100%; margin:0 0 15px 0; }
#index_topics_slider a.image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
#index_topics_slider a.image:hover:after { box-shadow:inset 0 0 0 10px rgba(255,255,255, 0.3); }
#index_topics_slider a.image img { display:block; width:100%; height:auto; border-radius:5px; }
#index_topics_slider .title_area {
	margin:0 0 15px 0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-align-items:center; align-items:center;
}
#index_topics_slider .category { font-weight:600; display:block; width:60px; height:60px; background:#ffbebe; margin:0px 15px 0 0; font-size:12px; text-align:center; color:#fff; border-radius:100%; }
#index_topics_slider .category span { height:62px; width:60px; display:table-cell; vertical-align: middle; line-height:120%; }
#index_topics_slider .item_num1 .category, #index_topics_slider .item_num4 .category, #index_topics_slider .item_num7 .category, #index_topics_slider .item_num10 .category {
  background:#ffbebe;
}
#index_topics_slider .item_num2 .category, #index_topics_slider .item_num5 .category, #index_topics_slider .item_num8 .category, #index_topics_slider .item_num11 .category {
  background:#f6c8a1;
}
#index_topics_slider .item_num3 .category, #index_topics_slider .item_num6 .category, #index_topics_slider .item_num9 .category, #index_topics_slider .item_num12 .category {
  background:#ebd381;
}
#index_topics_slider .title { width:calc(100% - 75px); margin-top:2px; font-size:18px; line-height:1.6; text-decoration:none; display:block; font-weight:600; max-height:3.2em; overflow:hidden; visibility:visible; }
#index_topics_slider .title a { display:block; text-decoration:none; display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#index_topics_slider .title a:hover { text-decoration:underline; }
#index_topics_slider .excerpt { line-height:1.8; font-size:13px; margin:0; max-height:3.6em; overflow:hidden; visibility:visible; }
#index_topics_slider .excerpt span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }


/* アーカイブボタン */
.index_archive_link { position:absolute; right:0px; top:5px; padding:0 0 0 15px; font-size:14px; font-weight:600; text-decoration:none; }
.index_archive_link:hover { text-decoration:underline; }
.index_archive_link:before {
  font-family:'mono-lab'; content:'\f0d7'; color:#90b8c5; font-size:14px; display:block;
	position:absolute; left:0px; transform: rotate(-90deg);
	-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}



/* 無料占い一覧 */
#index_uranai { position:relative; margin:0 0 30px 0; }
#index_uranai .headline { margin:0 0 15px 0; }
.post_type1 { }
.post_type1 ol {
	margin:0; padding:0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.post_type1 .post1 {
	width:100%; margin-bottom:15px;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
}
.post_type1 .post1 .image { width:calc(50% - 15px); margin:0 15px 0 0; display:block; position:relative; overflow:hidden; border-radius:5px; }
.post_type1 .post1 .image img { width:100%; height:auto; display:block; margin:0; }
.post_type1 .post1 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_type1 .post1 .image:hover:after { box-shadow:inset 0 0 0 7px rgba(255,255,255, 0.3); }
.post_type1 .post1 .info { width:calc(50% - 15px); margin:0 0 0 15px; }
.post_type1 .post1 .title { font-size:20px; line-height:1.6; margin:0 0 15px 0; font-weight:600; }
.post_type1 .post1 .title a { display:block; text-decoration:none; }
.post_type1 .post1 .title a:hover { text-decoration:underline; }
.post_type1 .post1 .excerpt { font-size:14px; line-height:1.8; margin-top:20px; max-height:3.6em; overflow:hidden; visibility:visible; }
.post_type1 .post1 .excerpt span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.post_type1 .post2 {
	width:50%; margin:0 0 10px 0; border-top:1px dotted #ccc; padding:20px 15px 0 0; 
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.post_type1 .post2:nth-child(2n + 1) { padding:20px 0 0 15px;  }
.post_type1 .post2 .image { width:80px; height:80px; margin:0; display:block; position:relative; overflow:hidden; border-radius:5px; }
.post_type1 .post2 .image img { width:auto; height:100%; }
.post_type1 .post2 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_type1 .post2 .image:hover:after { box-shadow:inset 0 0 0 5px rgba(255,255,255, 0.3); }
.post_type1 .post2 .info { width:calc(100% - 100px); margin:0 0 0 20px; }
.post_type1 .post2 .title { font-size:14px; line-height:1.6; margin:0; font-weight:600; max-height:4.8em; overflow:hidden; visibility:visible; }
.post_type1 .post2 .title a { display:block; text-decoration:none; display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.post_type1 .post2 .title a:hover { text-decoration:underline; }
.post_type1 .category {
	margin:0 0 10px 0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.post_type1 .category li { font-size:12px; font-weight:600; height:20px; line-height:20px; background:#67b4c9; color:#fff; display:inline-block; padding:0 10px; margin:0 5px 5px 0; border-radius:2px; }
.post_type1 .post2 .category { margin:0 0 10px 0; }
.post_type1 .post2 .category li { font-size:11px; }
.post_type1 a:hover { color:#32accd; }


/* コラム一覧 */
#index_column { position:relative; margin:0 0 30px 0; }
#index_column .headline { margin:0; }
.post_type2 ol > li {
	border-bottom:1px dotted #ccc; padding:0 0 15px 0; margin:0 0 15px 0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.post_type2 li:last-child { border:none; padding:0; margin:0; }
.post_type2 .image { width:200px; margin:0 30px 0 0; display:block; position:relative; overflow:hidden; }
.post_type2 .image img { width:100%; height:auto; border-radius:5px; display:block; }
.post_type2 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_type2 .image:hover:after { box-shadow:inset 0 0 0 6px rgba(255,255,255, 0.3); }
.post_type2 .info { width:calc(100% - 230px); }
.post_type2 .category {
	margin:0 0 10px 0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.post_type2 .category li { font-size:12px; font-weight:600; height:20px; line-height:20px; background:#86c3c0; color:#fff; display:inline-block; padding:0 10px; margin:0 5px 5px 0; border-radius:2px; }
.post_type2 .title { font-size:18px; line-height:1.6; margin:0; font-weight:600; }
.post_type2 .title a { display:block; text-decoration:none; }
.post_type2 .title a:hover { color:#42c9c2; text-decoration:underline; }
#index_column a:hover { color:#42c9c2; }
#index_column .category li { background:#86c3c0; }


/* 公開占い一覧 */
#index_open { position:relative; }
#index_open .headline { margin:0; }
.post_type3 ol {
	margin:0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.post_type3 ol > li { width:calc(100% / 3 - 20px); border-top:1px dotted #ccc; padding:15px 0 0 0; margin:0 30px 10px 0; }
.post_type3 ol > li:nth-child(3n) { margin-right:0; }
.post_type3 ol > li:nth-child(1), .post_type3 ol > li:nth-child(2), .post_type3 ol > li:nth-child(3) { border-top:none; padding-top:0; }
.post_type3 .image { width:196px; margin:0 0 15px 0; display:block; position:relative; overflow:hidden; }
.post_type3 .image img { width:100%; height:auto; border-radius:5px; display:block; }
.post_type3 .image:after {
   content:"";  box-shadow:inset 0 0 0 0 rgba(255,255,255, 0); position:absolute; top:0; left:0; bottom:0; right:0;
   -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.post_type3 .image:hover:after { box-shadow:inset 0 0 0 7px rgba(255,255,255, 0.3); }
.post_type3 .category {
	margin:0 0 10px 0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.post_type3 .category li { font-size:12px; font-weight:600; height:20px; line-height:20px; background:#9fd0b8; color:#fff; display:inline-block; padding:0 10px; margin:0 5px 5px 0; border-radius:2px; }
.post_type3 .title { font-size:14px; line-height:1.6; margin:0; font-weight:600; max-height:5.8em; overflow:hidden; visibility:visible; }
.post_type3 .title a { display:block; text-decoration:none; display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.post_type3 .title a:hover { color:#52bd89; text-decoration:underline; }
.post_type3 img { display:block; }



/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */

/* 編集ボタン */
.post_edit { display:inline; float:right; margin:-15px 0 0 0; }


/* 注意メッセージ */
.post_notice { background:#eee; padding:10px; font-size:12px; margin:20px 0 0; font-weight:bold; }


/* alignment */
.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 40px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 40px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }


/* text and headline */
.post_content p { line-height:2; margin:0; }
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.2; font-weight:600; margin:0 0 20px 0; padding:0; }
.post_content h1 { font-size:150%; }
.post_content h2 { font-size:140%; }
.post_content h3 { font-size:130%; }
.post_content h4 { font-size:120%; }
.post_content h5 { font-size:110%; }
.post_content h6 { font-size:100%; }


/* image */
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image
 { height:auto; max-width:100%; }


/* list */
.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; }
.post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:circle outside none; margin-left:1.3em; } 
.post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; }


/* table */
.post_content table { margin:0 0 24px 0; }
.post_content td, .post_content th { border:1px solid #ccc; padding:10px 15px 7px; line-height:2.2; }
.post_content th { background:#f2f2f2; font-weight:normal; text-align:left; }


/* block quote */
.post_content blockquote { margin:0 0 24px 0; padding:27px 30px; border:1px solid #ccc; box-shadow:0 0 3px 0px rgba(0,0,0,0.2); -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative; }
.post_content blockquote:before { content: '"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; }
.post_content blockquote:after { content: '"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; }
.post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }


/* captions */
.post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }


/* etc */
.post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0 0 24px 0; line-height:2.2; }
.post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url(img/pre.gif) repeat left top; padding:0 17px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin: 12px 0 25px; }

/* thumbnail */
.post_image { text-align:center; margin:0 0 25px 0; }
.post_image img { display:block; margin:0 auto; border:12px solid #eee; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }



/* ----------------------------------------------------------------------
 シェアボタン
---------------------------------------------------------------------- */
.design_share_button { float:right; }
.design_share_button ul {
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.design_share_button span { display:none; }
.design_share_button li { margin:0 0 0 5px; }
.design_share_button a { display:block; width:40px; height:40px; background:#000; border-radius:100%; position:relative; }
.design_share_button a:before {
  font-family:'mono-lab'; font-size:18px; display:block; color:#fff;
	position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.design_share_button a:hover { }
.design_share_button li.twitter_button a { background:#1DA1F2; }
.design_share_button li.facebook_button a { background:#1877f2; }
.design_share_button li.hatena_button a { background:#00A4DE; }
.design_share_button li.twitter_button a:hover { background:#1471aa; }
.design_share_button li.facebook_button a:hover { background:#1254a9; }
.design_share_button li.hatena_button a:hover { background:#006d94; }
.design_share_button li.twitter_button a:before { content:'\ea96'; margin:1px 0 0 1px; }
.design_share_button li.facebook_button a:before { content:'\ea90'; margin:1px 0 0 0; }
.design_share_button li.hatena_button a:before { content:'\e93f'; margin:1px 0 0 1px; }


/* ----------------------------------------------------------------------
 タブ
---------------------------------------------------------------------- */
.coemi_tab_container .tab_header {
  list-style-type:none; margin:0 0 30px 0; padding:0;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.coemi_tab_container .tab_header li {
  margin:0 -1px 0 0; padding:0; text-align:center; height:50px; line-height:50px; cursor:pointer; position:relative;
  border:1px solid #ccc; font-size:15px; font-weight:600;
  -webkit-flex: 1 1 0%; flex: 1 1 0%;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.coemi_tab_container .tab_header li:first-of-type { border-radius:5px 0 0 5px; }
.coemi_tab_container .tab_header li:last-of-type { border-radius:0 5px 5px 0; }
.coemi_tab_container .tab_header li.active {
  background:#ffb0b0; color:#fff; border-color:#ffb0b0; z-index:3; pointer-events:none;
}
.coemi_tab_container .tab_header li.active:after {
  display:block; content:''; width:0; height:0; position:absolute; bottom:-10px;
  left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
  border-style: solid; border-width: 10px 10px 0 10px; border-color: #ffb0b0 transparent transparent transparent;
}
.coemi_tab_container .tab_header li:hover { background:#eee; }
.coemi_tab_container .tab_content { display:none; }
.coemi_tab_container .tab_content.active { display:block; }


/* Coemi */