@charset "UTF-8";
/*
Theme Name: Emanon Free child
Description: Emanon Freeの子テーマです。
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Theme URI: https://wp-emanon.jp/emanon-free/
Template: emanon_free
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options

Emanon Free子テーマ用のスタイルを以下に記述
*/

body {
font-size: 1.5px;
font-size: 1.5rem;
background: #F3EADF url(lib/images/bg_bodyimage.png) 0 0 repeat;
}

.header {
height: 64px;
background: #fff url(lib/images/img_header.png) right bottom no-repeat;
}

.content, .home .content {
background: url(lib/images/img_header.png) left bottom no-repeat;
margin-bottom: 0;
padding-bottom: 64px;
}

@media screen and (max-width: 767px) {
.header, .content, .home .content {
background-size: 80%;
}
.fb-page {
margin: 0 24px;
}
}
.header-logo {
    height: 64px;
}
h1, h2, h3, h4, h5, h6, h2 a, h3 a, h4 a, .archive-header-title a, .featured-title a, .related-date a {
color: #663333;
}
h1 {
  font-size: 24px;
  font-size: 2.4rem;
}

h2 {
  font-size: 16px;
  font-size: 1.6rem;
}

h3 {
  font-size: 16px;
  font-size: 1.6rem;
}
.article-body p {
margin-bottom: 36px;
line-height: 1.6;
}

.article-body h2, .article-body h3 {
margin-top: 32px;
margin-bottom: 12px;
}

.archive-header-title {
font-size: 1.6rem;
padding: 8px 0;
}

.archive-header-title h2 {
font-size: 1.6rem;
}

.txt-white {
color: #fff;
}

.txt-shadow {
text-shadow: 3px 3px 6px #1e1e1e, -3px 3px 6px #1e1e1e, 3px -3px 6px #1e1e1e, -3px -3px 6px #1e1e1e;
}

a img:hover {
opacity: 0.8;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
a:hover {
color: #ff9900;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}

.entry-heading, .side-widget-title {
    border-bottom: 1px solid #fff;
}

.option-list h3 {
display: inline;
}
.option-list span {
font-size: 12px;
font-weight: bold;
float: right;
}

.link-url {
text-align: center;
}
.link-url a img {
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.link-url img:hover {
  opacity: 0.6 ;
}
.link-url p {
  margin-bottom: 1.0rem;
  font-size: 13px;
  font-size: 1.3rem;
}

.search-box {
margin-bottom: 30px;
}

#gnav {
box-shadow: 0 -5px 8px -8px #000 inset;
}

.mgn-btm {
margin-bottom: 8px;
}
.mgn-btm16 {
margin-bottom: 16px;
}
.mgn-top {
margin-top: 8px;
}

.big {
  font-size: 18px;
  font-size: 1.8rem;
  color: #FF6600;
}
small, .small {
  font-size: 13px;
  font-size: 1.3rem;
}
.archive-header-title {
    font-size: 1.4rem;
}

.related-thumbnail {
    padding-right: 8px;
}
.plan-list {
  margin-top: 8px;
}
.plan-list img {
  display: inline;
  float: left;
  margin: 0 16px 10px 0;
  max-width: 33%;
}
.plan-list h4 {
margin: 0 0 12px 0;
font-size: 14px;
font-size: 1.4rem;
}
.plan-list span {
padding: 0 16px 0 6px;
}
.plan-list h3:hover {
color: #ff9900;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.plan-list p {
margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
.plan-list strong {
display: block;
line-height: 1.1rem;
margin-bottom: 12px;
font-size: 1.2rem;
}
.article-header h1 {
    font-size: 2.0rem;
}
.article-header h2 {
font-size: 1.4rem;
}
}
@media screen and (min-width: 992px) {
.sub-menu li.sp-only {
display: none;
}
.btn-mid {
    width: 70%;
}
}



/*-----------------------------
トップページ　メインスライダー
------------------------------*/


/*-----------------------------
トップページ
------------------------------*/

/* 横並び写真リスト */
.list-row ul {
}
.list-row li {
float: left;
width: 12.5%;
box-sizing: border-box;
padding: 5px;
margin-bottom: 20px;
text-align: center;
}

.list-row li:hover{
background-color: #AFCAE4;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
}

.list-row h3{
font-size: 1.3rem;
color: #663333;
margin:0;
}

.list-row p{
font-size: 1.2rem;
text-align: left;
}

@media print, screen and (max-width: 1023px) and (min-width: 768px) {
.list-row li {
width: 25%;
}
}

@media print, screen and (max-width: 767px) and (min-width: 480px) {
.list-row li {
width: 25%;
}
}
@media only screen and  (max-width: 479px) {
.list-row li {
width: 33.33333333%;
}
}

/* ランキング */
.ranking{
background:#fff url(lib/images/bg_crown.png) right top no-repeat;
padding: 10px;
list-style-type: none;
font-size: 1.3rem;
}
.ranking li{
position: relative;
margin: 0;
padding: 3px 0 3px 16px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
}

.ranking li a{
display: block;
}

.ranking li::before{
position: absolute;
top: 7px;
left: 1px;
color: #d05;
content: "★";
font-size: 0.85rem;
}
.ranking li:first-child::before,
.ranking li:nth-child(2)::before,
.ranking li:nth-child(3)::before{
position: absolute;
top: 3px;
left: 0;
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom: 10px solid #fb0;
content: "";
}
.ranking li:first-child::after,
.ranking li:nth-child(2)::after,
.ranking li:nth-child(3)::after{
position: absolute;
top: 9px;
left: 0;
width: 0;
height: 0;
border: 6px solid #fb0;
border-top: 3px solid transparent;
border-bottom: 6px solid #f90;
content: "";
}
.ranking li:nth-child(2)::before{
border-bottom: 10px solid #ccc;
}
.ranking li:nth-child(2)::after{
border: 6px solid #ccc;
border-top: 3px solid transparent;
border-bottom: 6px solid #aaa;
}
.ranking li:nth-child(3)::before{
border-bottom: 10px solid #d98;
}
.ranking li:nth-child(3)::after{
border: 6px solid #d98;
border-top: 3px solid transparent;
border-bottom: 6px solid #c76;
}
.ranking li span{
color: #9ab;
font-size: 11px;
padding: 1.5px 0;
font-weight: normal;
display: block;
}
.ranking .archive-header-title {
font-size: 17px;
padding: 10px 0 15px 0;
border-bottom: 1px dotted #ccc;
}


/*-----------------------------
詳細ページ　ギャラリー
------------------------------*/
.gallery {
    overflow: hidden;
}
.gallery-item {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.gallery-item:hover {
filter:alpha(opacity=80);
opacity:0.8;
}
.gallery-icon {
    text-align: center;
}
.gallery-caption {
    color: #21759B;
    font-size: 0.8em;
    margin: 0;
    text-align: center;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item {
    width: 49%;
    margin-right: 1%;
}
.gallery-columns-3 .gallery-item {
    width: 32%;
    margin-right: 1%;
}
.gallery-columns-4 .gallery-item {
    width: 24%;
    margin-right: 1%;
}

/*-----------------------------
サイドウィジット
------------------------------*/
/* smart-post */
.smart-posts-widget li {
 padding: 8px 0;
 font-size: 0.9em;
 border-bottom: dotted 0.85px #fff;
}
.smart-posts-widget li:first-child {
 padding-top: 0;
}
.smart-posts-widget li:hover {
 filter:alpha(opacity=80);
 opacity:0.8;
} 
.smart-post-singleitem {
min-width:80px;
min-height:80px;
}

.rsswidget {
font-size: 1.4rem;
color: #663333;
font-weight: bold;
}
.rss-date {
font-size: 1.2rem;
color: #666;
}

/* その他 */
.menu-side-submenu-container ul li {
font-size: 1.3rem;
padding: 6px 0;
border-bottom: dotted 0.85px #fff;
}
.menu-side-submenu-container ul li a {
display: block;
width: 100%;
}
.menu-side-submenu-container ul li a:before {
display: inline-block;
position: relative;
content: "\f138";
font-family: fontawesome;
margin-right: 0.6rem;
color: #07b8e6;
}

.footer .menu-side-submenu-container ul li, .menu-footer-tour-container ul li {
font-size: 1.3rem;
padding: 5px 0;
border-bottom: dotted 0.85px #fff;
}
.footer .menu-side-submenu-container ul li a, .menu-footer-tour-container ul li a {
display: block;
width: 100%;
}
.footer .menu-side-submenu-container ul li a:before, .menu-footer-tour-container ul li a:before {
display: inline-block;
position: relative;
content: "\f138";
font-family: fontawesome;
margin-right: 0.6rem;
color: #fff;
}

/*-----------------------------
slicknav
------------------------------*/
.slicknav_btn{position:absolute;top:8px;right:8px;}
.slicknav_menu .slicknav_icon{float:left;margin:4px 4.5px 0 4.5px;}
.slicknav_menu .slicknav_no-text{margin:0;}
.slicknav_menu .slicknav_icon-bar{display:block;width:24px;height:2px;border-radius:4px;-webkit-transition:all 0.2s;transition:all 0.2s;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:6px;}
.slicknav_menu:before{display:table;content:" ";}
.slicknav_menu:after{display:table;content:" ";clear:both;}
.slicknav_menu > ul{position:absolute;z-index:999;width:100%;left:0;background-color:#f5f6f7;border-bottom:1px solid #e2e5e8;opacity:0.96;}
.slicknav_menu{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;}
.slicknav_menu *{box-sizing:border-box;}
.slicknav_menu .slicknav_menutxt{display:block;font-size:12px;font-size:1.2rem;color:#999;}
.slicknav_nav{clear:both;}
.slicknav_nav li{border-top:1px solid #e2e5e8;display:block;}
.slicknav_nav .slicknav_arrow{font-size:0.8em;margin:0 0 0 0.4em;}
.slicknav_nav .slicknav_item{cursor:pointer;}
.slicknav_nav .slicknav_item a{display:inline;}
.slicknav_nav .slicknav_row{display:block;}
.slicknav_nav .slicknav_parent-link a{display:inline;}
.slicknav_brand{float:left;}
.slicknav_nav{margin:0;padding:0;list-style:none;overflow:hidden;font-size:0.875em;}
.slicknav_nav ul{list-style:none;padding:0 0 0 16px;overflow:hidden;}
.slicknav_nav .slicknav_row:hover{border-radius:2px;}
.slicknav_nav a{display:block;padding:16px 8px;text-decoration:none;color:#303030;}
.slicknav_nav .slicknav_txtnode{margin-left:16px;}
.slicknav_nav .slicknav_item a{padding:0;margin:0;}
.slicknav_nav .slicknav_parent-link a{padding:0;margin:0;}
.slicknav_brand{height:44px;font-size:18px;line-height:30px;padding:7px 12px;color:#fff;}
.slicknav_active_btn span:nth-of-type(1){-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg);}
.slicknav_active_btn span:nth-of-type(2){opacity:0;}
.slicknav_active_btn span:nth-of-type(3){-webkit-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg);}





/* ショートコード「display-posts」用 CSS -comemo 2016-02-19- */
/* Copyright (c) 2014 katsuhiro fuchinoue / Apache License, Version 2.0 / http://apache.org/licenses/LICENSE-2.0
/** サムネイル画像をタイル状に並べる（「display-posts」ショートコード対応版）**/
.entry-content a img.emoji {
	display: inline;
}
.boxline img:hover {
opacity: 0.8;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.boxline a:hover {
color: #ff9900;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}

/* large 版 OL */
.boxline ol.display-posts-listing {
margin: 0;
padding: 0;
list-style: none;
counter-reset: yourDefinition;
}

.boxline.large ol.display-posts-listing li {
    font-size: 16px;
    margin-bottom: 40px;
    width: 100%;
}

.boxline.large ol.display-posts-listing li a.title {
display: block;
padding: 10px 0 10px 35px;
text-indent: -35px;
font-weight: bold;
color: #663333;
vertical-align: middle;
}

.boxline.large ol.display-posts-listing li a.title:before {
counter-increment: yourDefinition;
content: counter(yourDefinition);
display: inline-block;
margin: auto 6px auto 0;
width: 24px;
height: 24px;
left: 0;
top: 1;
font-size: 20px;
text-align: center;
vertical-align: middle;
color: white;
font-weight: bold;
font-family: helvetica;
text-indent: 0;
background: #ff6900;
border-radius: 50%;
}

.boxline.large ol.display-posts-listing li img {
display: block!important;
width: 100%;
    max-width: 100%;
    height: auto!important;
    box-shadow: none!important;
}

.boxline.large ol.display-posts-listing li .excerpt {
font-size: 14px;
}

/* large 版 DIV */
.boxline.sideimg {
clear: both;
overflow: auto;
padding-bottom: 12px;
margin-bottom: 20px;
border-bottom: 1px solid #07b8e6;
}

.boxline.sideimg .display-posts-listing a.title {
display: block;
font-size: 1.4rem;
font-weight: bold;
color: #663333;
}
.boxline.sideimg .display-posts-listing a.title:hover {
color: #ff9900;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.boxline.sideimg .display-posts-listing img {
float: left;
width: 150px;
max-width: 40%;
height: auto!important;
margin: 0 8px 8px 0;
}
 
.boxline.sideimg .display-posts-listing span.excerpt {
font-size: 1.2rem;
margin-bottom: 0.6rem;
display:block;
}

.boxline.sideimg .excerpt-more {
font-size: 1.3rem;
}
.boxline.sideimg .excerpt-more span {
color: #07b8e6;
font-weight: bold;
padding-right: 1.2rem;
}

@media only screen and  (max-width: 768px) {
.boxline.sideimg .display-posts-listing img {
width: 80px;
max-width: 80px;
}
}


/* large 版 UL */
.boxline ul.display-posts-listing {
list-style: none;
    margin: 0 0 15px;
}

.boxline.large ul.display-posts-listing li {
    font-size: 16px;
    margin-bottom: 40px;
    width: 100%;
}
 
.boxline.large ul.display-posts-listing li a.title {
display: block;
font-weight: bold;
color: #663333;
    padding: 10px 0;
}

.boxline.large ul.display-posts-listing li img {
display: block!important;
width: 100%;
    max-width: 100%;
    height: auto!important;
    box-shadow: none!important;
}
 
.boxline.large ul.display-posts-listing li .excerpt {
font-size: 14px;
}


/*-----------------------------
テーブル｜早見表専用
------------------------------*/
table.lookup {
	width: 100%;
	line-height: 1.2;
	border: none;
margin-bottom: 0;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

table.lookup th {
	padding: 1.3rem 0.4rem;
	vertical-align: middle;
}

table.lookup td {
	vertical-align: middle;
}

table.lookup tr:nth-child(even) { /* ←各セル */
	border-top: 2px solid #07B8E6;
}
table.lookup tr.head { /* ←各セル最上段 */
	border-bottom: none;
}

table.lookup tr.panel-head:hover { /* ←各セル・マウスオーバー時 */
	background: #BEF1FF;
	cursor: pointer;
}
table.lookup tr.panel-head:hover td { /* ←各内容・マウスオーバー時 */
	background: #BEF1FF;
	cursor: pointer;
}
table.lookup tr.panel-head:hover td.link { /* ←各ツアー等・マウスオーバー時 */
	background: #BEF1FF;
	color: #0099CC;
}

table.lookup th { /* ←各項目 */
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #07B8E6;

}

table.lookup tr {
background: #F1FBFE;
}

table.lookup tr.panel-contents td {
text-align: left;
padding-left: 0.6rem;
padding-right: 0.6rem;
white-space: normal;
font-size: 1.2rem;
}

table.lookup tr.panel-contents td img{
width: 30%;
float: right;
}

table.lookup tr.panel-contents td p {
width: 68%;
margin-bottom: 0.8rem;
float: left;
}
table.lookup tr.panel-contents td .btn {
margin-bottom: 0;
}

table.lookup tr.panel-contents td button:after {
display: inline-block;
content: "\f054";
font-family: fontawesome;
margin-left: 0.6rem;

}


table.lookup tr:nth-child(even) {}

table.lookup td { /* ←各内容 */
	font-size: 1.4rem;
	text-align: center;
}

table.lookup td.link {
	padding: 1.3rem 0.4rem 0.6rem 0.4rem;
	font-weight: bold;
	color: #FFF;
	background: #62D2EF;
	border-right: none;
}
table.lookup td.link a {
	padding: 0 0 0.7rem 0;
	font-weight: bold;
	color: #FFF;
	background: #62D2EF;
	border-right: none;
	width: 100%;
	height: 100%;
	display: block;
}
table.lookup tr.panel-head td.link:after {
display: block;
content: "\f078";
font-family: fontawesome;
}

table.lookup tr.active td.link:after {
display: block;
content: "\f077";
font-family: fontawesome;
}


.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


@media only screen and (min-width:541px) and (max-width:820px) {
table.lookup th,
table.lookup td {
	padding: 1.2em 0.2em 1em;
}

table.lookup th { /* ←各項目 */
	font-size: 1.2rem;
}

table.lookup td { /* ←各内容 */
	font-size: 1.3rem;
}
}

@media only screen and (max-width:540px) {
table.lookup th,
table.lookup td {
}

table.lookup th { /* ←各項目 */
	font-size: 1.0rem;
}

table.lookup td { /* ←各内容 */
	font-size: 1.0rem;
}

table.lookup td b { /* ←各内容○×の場合はbを付加 */
	font-size: 1.1rem;
}

/*	!!! SP環境にて非表示項目 !!! */
table.lookup th.forSPnone,
table.lookup td.forSPnone {
	display: none;
}
}

/* ご注意事項リスト */
.listsNotice {
	margin: 0.6rem 0 0;
	color: #888;
}
.listsNoticeMin {
	margin: 0.5em 0 0;
	color: #888;
}
.listsNoticeMgTop {
	margin: 1.0rem 0 0;
	color: #888;
}

.listsNotice dt,
.listsNoticeMin dt,
.listsNoticeMgTop dt {
	float: left;
	clear: left;
	width: 1.5em;
	margin: 0 0 0.18em;
	font-size: 0.8em;
padding:0.3rem;
}
.listsNotice dd,
.listsNoticeMin dd,
.listsNoticeMgTop dd {
	margin: 0 0 0.2em 1.5em;
padding:0.3rem;
	font-size: 0.8em;
}
.listsNotice dd b,
.listsNoticeMin dd b,
.listsNoticeMgTop dd b {
	font-weight: bold;
}
.listsNotice dd b.red,
.listsNoticeMin dd b.red,
.listsNoticeMgTop dd b.red {
	color: #FF3366;
}


@media only screen and (max-width:540px) {
.listsNotice dt.forSPnone,
.listsNotice dd.forSPnone {
	display: none;
}
}
.recommend-plan {
margin-bottom: 10px;
}
.recommend-plan p {
margin-bottom: 8px;
}

.table-center td {
text-align: center;
}

.text-large {
font-size: 1.8rem;
margin: 0;
font-weight: 600;
}