html, body { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
padding:0;
border:0;
font-weight:normal;
font-style:normal;
font-size:14px;
font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
line-height:1.5em;
letter-spacing:0.4pt;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
overflow-wrap: break-word;
word-break: break-all;
}
table {
border-collapse:collapse;
border-spacing:0;
}
ol, ul {
list-style:none;
}
blockquote{
position: relative;
padding: 15px 0px;
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
margin: 0 !important;
word-wrap:break-all;
}
img{
width:100%;
height:auto;
}
p.quo{
font-size: 14px;
/*line-height: 1.5 !important;コメントアウト*/
margin-bottom: 0 !important;
padding-top: 10px !important;
}
blockquote:before {
content:"";
display: block;
position: absolute;
top: -8px;
left: 0px;
background-image: url("https://onsen-trip.com/wordpress/wp-content/uploads/2015/08/icon0827.jpg");
background-size: 179px 624px;
background-position: 0px -105px;
width: 20px;
height: 12px;
}
a { outline:none; }
input[type=search] {
-moz-appearance:none;
-webkit-appearance:none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
p.pink-slide__title {
display: table;
margin: 1em auto;
max-width: 85%;
padding: 0 0 0.3em;
border-bottom: 1px dotted #383838;
font-size: 18px;
color: #383838;
font-weight: 800;
}
p.list7 {
padding: 0px 0px 2px 15px; /* 項目のパディング（上右下左） */
background: url(images/triangle2.gif) no-repeat 3px 0.8em; /* マーカー画像 */
line-height: 250% !important;
margin-bottom: 1px !important;
}
p.listborder {
padding: 0.5em 0.5em 0.5em 20px;
border-bottom: dashed 1px silver;
margin-bottom: 10px !important;
text-indent: -1.5em;
}
p.listborder:last-child {
padding: .5em .5em .5em 20px;
margin-bottom: 0px !important;
text-indent: -1.5em;
border-bottom: none !important;
}
p.listborder_juusho {
padding: 0.5em 0.5em 0.5em 95px;
border-bottom: dashed 1px silver;
margin-bottom: 15px !important;
text-indent: -6.8em;
}
p.listborder_ryokin {
padding: 0.5em 0.5em 0.5em 63px;
border-bottom: dashed 1px silver;
margin-bottom: 15px !important;
text-indent: -4.5em;
}
p.listborder_shisetsu {
padding: 0.5em 0.5em 0.5em 63px;
border-bottom: dashed 1px silver;
margin-bottom: 15px !important;
text-indent: -4.5em;
}
p.listborder_access {
padding: .5em .5em .5em 78px;
margin-bottom: 15px !important;
text-indent: -5.5em;
}
p.listborder_uchiburo {
padding: 0.5em 0.5em 0.5em 63px;
border-bottom: dashed 1px silver;
margin-bottom: 15px !important;
text-indent: -4.8em;
}
p.read {
line-height: 170%;
margin-bottom: 15px !important;
text-indent: -1.3em;
padding: 0 0 10px 10px;
border-bottom: dashed 1px silver;
}
p.read:last-child {
line-height: 170%;
margin-bottom: 15px !important;
text-indent: -1.3em;
padding: 0 0 10px 10px;
border-bottom: dashed 0px !important;
}
p.read_sub {
line-height: 170%;
margin-bottom: 15px !important;
text-indent: -1.3em;
padding: 0 0 0 10px;
}
.attention-glay {
padding: 15px;
background: #cccccc;
}
.attention-pink {
padding: 15px;
background: #fff5f5;
}
.list_maru1{
counter-reset:number; /*数字をリセット*/
list-style-type: none!important; /*数字を一旦消す*/
padding:0.5em;
}
.list_maru1 li{
position: relative;
padding-left: 30px;
line-height: 1.5em;
padding: 1em 0.5em 1em 30px;
border-bottom: dashed 1px silver;
}
.list_maru1 li:last-of-type{
border-bottom: none;
}
.list_maru1 li:before{
/* 以下数字をつける */
position: absolute;
counter-increment: number;
content: counter(number);
/*以下数字のデザイン変える*/
display:inline-block;
background: #CABB02;
color: white;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight:bold;
font-size: 15px;
border-radius: 50%;
left: -15px;
width: 25px;
height: 25px;
line-height: 25px;
text-align:center;
/*以下 上下中央寄せのため*/
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.list_marupink{
counter-reset:number; /*数字をリセット*/
list-style-type: none!important; /*数字を一旦消す*/
padding:0.5em;
}
.list_marupink li{
position: relative;
padding-left: 30px;
line-height: 1.5em;
padding: 1em 0.5em 1em 30px;
border-bottom: dashed 1px silver;
}
.list_marupink li:last-of-type{
border-bottom: none;
}
.list_marupink li:before{
/* 以下数字をつける */
position: absolute;
counter-increment: number;
content: counter(number);
/*以下数字のデザイン変える*/
display:inline-block;
background: #eb6a7a;
color: white;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight:bold;
font-size: 15px;
border-radius: 50%;
left: -15px;
width: 25px;
height: 25px;
line-height: 25px;
text-align:center;
/*以下 上下中央寄せのため*/
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.kanren_kiji1 {
max-width: 650px;
margin: 20px auto;
background: #fff5f5;
border: 2px solid #5a5454;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
}
.kanren_kiji1 .imgbox {
width: 100px;
height: 100px;
float: right;
margin: 0 0 10px 10px;
padding: 0;
position: relative;
overflow: hidden;
}
.kanren_kiji1 .imgbox a {
position: absolute;
width: 1000%;
left: 50%;
margin: 0 0 0 -500%;
text-align: center;
}
.kanren_kiji1 .imgbox a img {
width: auto;
height: 100px;
margin: 0;
vertical-align: middle;
display: inline;
}
.kanren_kiji1 > a {
color: #333;
font-weight: bold;
text-decoration: none;
font-size: 17px;
margin: 0 0 10px 0;
line-height: 1.5;
text-decoration: underline;
}
.kanren_kiji1_desc {
margin: 0;
color: #0a0a0a;
font-size: 12px;
line-height: 1.3;
display: block;
padding-top: 5px;
letter-spacing: .2em;
}
.kanren_kiji1_info {
border-top: 1px solid #eee;
clear: both;
margin: 10px 0 0 0!important;
padding: 0;
}
.kanren_kiji1_info span {
color: #999;
margin: 3px 0 0 0!important;
font-size: 11px;
display: block;
}
.kanren_kiji_kankou {
max-width: 650px;
margin: 20px auto;
background: #f5fff9;
border: 2px solid #5a5454;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
}
.kanren_kiji_kankou .imgbox {
width: 100px;
height: 100px;
float: right;
margin: 0 0 10px 10px;
padding: 0;
position: relative;
overflow: hidden;
}
.kanren_kiji_kankou .imgbox a {
position: absolute;
width: 1000%;
left: 50%;
margin: 0 0 0 -500%;
text-align: center;
}
.kanren_kiji_kankou .imgbox a img {
width: auto;
height: 100px;
margin: 0;
vertical-align: middle;
display: inline;
}
.kanren_kiji_kankou > a {
color: #333;
font-weight: bold;
text-decoration: none;
font-size: 17px;
margin: 0 0 10px 0;
line-height: 1.5;
text-decoration: underline;
}
.kanren_kiji_kankou_desc {
margin: 0;
color: #4a4848;
font-size: 11px;
line-height: 1.5;
display: block;
padding-top: 5px;
letter-spacing: 0.2em;
}
.kanren_kiji_kankou_info {
border-top: 1px solid #eee;
clear: both;
margin: 10px 0 0 0!important;
padding: 0;
}
.kanren_kiji_kankou_info span {
color: #999;
margin: 3px 0 0 0!important;
font-size: 11px;
display: block;
}
.kanren_kiji_ken {
max-width: 650px;
margin: 20px auto;
background: #FDFFCE;
border: 2px solid #5a5454;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
}
.kanren_kiji_ken .imgbox {
width: 100px;
height: 100px;
float: right;
margin: 0 0 10px 10px;
padding: 0;
position: relative;
overflow: hidden;
}
.kanren_kiji_ken .imgbox a {
position: absolute;
width: 1000%;
left: 50%;
margin: 0 0 0 -500%;
text-align: center;
}
.kanren_kiji_ken .imgbox a img {
width: auto;
height: 100px;
margin: 0;
vertical-align: middle;
display: inline;
}
.kanren_kiji_ken > a {
color: #333;
font-weight: bold;
text-decoration: none;
font-size: 17px;
margin: 0 0 10px 0;
line-height: 1.5;
text-decoration: underline;
}
.kanren_kiji_ken_desc {
margin: 0;
color: #4a4848;
font-size: 12px;
line-height: 1.3;
display: block;
padding-top: 5px;
letter-spacing: 0.2em;
}
.kanren_kiji_ken_info {
border-top: 1px solid #eee;
clear: both;
margin: 10px 0 0 0!important;
padding: 0;
}
.kanren_kiji_ken_info span {
color: #999;
margin: 3px 0 0 0!important;
font-size: 11px;
display: block;
}
.kanren_kiji_onsenchi {
max-width: 650px;
margin: 20px auto;
background: #e1feff;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
}
.kanren_kiji_onsenchi .imgbox {
width: 100px;
height: 100px;
float: right;
margin: 0 0 10px 10px;
padding: 0;
position: relative;
overflow: hidden;
}
.kanren_kiji_onsenchi .imgbox a {
position: absolute;
width: 1000%;
left: 50%;
margin: 0 0 0 -500%;
text-align: center;
}
.kanren_kiji_onsenchi .imgbox a img {
width: auto;
height: 100px;
margin: 0;
vertical-align: middle;
display: inline;
}
.kanren_kiji_onsenchi > a {
color: #333;
font-weight: bold;
text-decoration: none;
font-size: 17px;
margin: 0 0 10px 0;
line-height: 1.5;
text-decoration: underline;
}
.kanren_kiji_onsenchi_desc {
margin: 0;
color: #4a4848;
font-size: 11px;
line-height: 1.5;
display: block;
padding-top: 5px;
letter-spacing: 0.2em;
}
.kanren_kiji_onsenchi_info {
border-top: 1px solid #eee;
clear: both;
margin: 10px 0 0 0!important;
padding: 0;
}
.kanren_kiji_onsenchi_info span {
color: #999;
margin: 3px 0 0 0!important;
font-size: 11px;
display: block;
}
.favicon {
margin: 0 5px 0 0;
padding: 0;
border: none;
display: inline;
vertical-align: sub;
width: 16px;
height: 16px;
}
.page-link {
margin: 10px 0 40px 0;
margin-bottom: 40px;
text-align: center;
padding: 30px 0px 30px 0px;
background: #eeeeee;
}
.page-link span, .comment-page-link span, .comment-page-link a {
width: 64px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 20px;
border: 1px solid #161514;
text-align: center;
padding: 8px 12px;
color: #fff;
background-color: #161514;
}
.page-link a span, .comment-page-link a {
background: #fff;
color: #000;
}
page-link a {
border-bottom: none;
color: #000;
text-decoration: none;
}
.next_link {
background: #000;
display: inline-block;
width: 100%;
}
.next_link div {
color: #fff;
font-weight: 500 !important;
border: solid 3px #fff;
margin: 6px !important;
padding: 6px 8px 8px;
text-align: center;
}
/* -------------------------------------------------------------------------------- */
/* 1. Document setup
/* -------------------------------------------------------------------------------- */
html { -webkit-text-size-adjust: 100%; }
body {
margin: 0;
padding: 0;
border: none;
color: #333;
font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
font-size: 14px;
background: #f2f2f2;
}
body * { -webkit-font-smoothing: subpixel-antialiased; }
body a {
color: #019EBD;
text-decoration: none;
}
body a:hover {
color: #019EBD;
text-decoration: none;
}
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
padding-bottom: 10px;
}
.hidden { display: none; }
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
::selection {
background: #444;
color: #FFF;
}
::-webkit-input-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }
/* -------------------------------------------------------------------------------- */
/* 2. Structure
/* -------------------------------------------------------------------------------- */
.sidebar {
width: 280px;
padding: 50px 40px;
position: absolute;
top: 0;
left: 0;
font-size: 0.71em;
}
.sidebar:before {
content: "";
display: block;
width: 280px;
background: #fff;
position: fixed;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
}
.wrapper { margin-left: 280px; }
.content {
width: 1200px;
max-width: 86%;
margin: 40px auto 50px;
}
.content.thin {
width: 973px;
margin-top: 50px;
}
/* Columns --------------------------------------- */
.one-fourth { width: 21.5%; margin-left: 5%; float: left; }
.one-third { width: 30%; margin-left: 5%; float: left; }
.one-half { width: 47.5%; margin-left: 5%; float: left; }
.two-thirds { width: 65%; margin-left: 5%; float: left; }
.one-fourth:first-child,
.one-third:first-child,
.one-half:first-child,
.two-thirds:first-child { margin-left: 0; }
/* Transitions --------------------------------------- */
body a,
.widget_fukasawa_recent_posts a:hover .title,
.widget_fukasawa_recent_comments a:hover .title {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.post-title a,
.flex-direction-nav a,
.comment-form input[type="submit"],
.post-content input[type="submit"],
.post-content input[type="reset"],
.post-content input[type="button"],
.archive-nav a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blog-title a {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.posts .post .featured-media img,
.posts .post .post-overlay,
.post-navigation a,
.post-navigation a p {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* -------------------------------------------------------------------------------- */
/* 3. Sidebar
/* -------------------------------------------------------------------------------- */
.blog-title a {
display: inline-block;
padding: 9px 13px;
border: 3px solid #333;
font-size: 17px;
line-height: 150%;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
color: #333;
}
.blog-title a:hover {
background: #333;
color: #fff;
}
.blog-logo,
.blog-logo img { display: block; }
.blog-logo:hover {
opacity: 0.6;
-moz-opacity: 0.6;
-webkit-opacity: 0.6;
}
.main-menu:before,
.widgets:before,
.widget + .widget:before,
.credits:before {
content: "";
display: block;
width: 48px;
height: 2px;
background: #e7e7e7;
margin: 35px 0;
}
/* Navigation --------------------------------------- */
.main-menu li {
display: block;
margin-top: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
}
.main-menu > li:first-child { margin-top: 0; }
.main-menu ul { margin-left: 20px; }
.main-menu a { color: #999; }
.main-menu a:hover,
.main-menu .current-menu-item > a,
.main-menu .current_page_item > a { color: #333; }
.main-menu .current-menu-item:before,
.main-menu .current_page_item:before {
/* content: '\f405';*/
display: block;
font: 16px;
color: #019EBD;
position: absolute;
top: -1px;
left: -20px;
}
/* -------------------------------------------------------------------------------- */
/* 4. Widgets
/* -------------------------------------------------------------------------------- */
.widget-title {
margin-bottom: 15px;
font-weight: 700;
color: #333;
}
/* Widget content ----------------------------------------- */
.widget-content { color: #555; }
.widget-content .textwidget a:hover { text-decoration: underline; }
.widget-content p {
line-height: 150%;
margin-top: 1em;
}
.widget-content p:first-child { margin-top: 0; }
.widget-content li {
line-height: 140%;
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.widget-content ul ul { margin-left: 1em; }
.widget-content ul ul li:first-child {
margin-top: 0.5em;
border-top: 1px solid #eee;
}
.widget-content > ul > li:first-child { padding-top: 0; }
.widget-content li:last-child {
padding-bottom: 0;
border-bottom: none;
}
/* Widget text --------------------------------------- */
.widget-content .textwidget { line-height: 150%; }
.widget-content .textwidget a { color: #999; }
.widget-content .textwidget a:hover { color: #019EBD; text-decoration: none; }
/* Widget icons --------------------------------------- */
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages { color: #999; }
.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_pages li a { color: #333; }
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover,
.widget_pagaes li a:hover {
color: #019EBD;
text-decoration: none;
}
.widget_archive li:before,
.widget_categories li:before,
.widget_meta li:before,
.widget_nav_menu li:before {
font: 16px/1 'Genericons';
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
color: #999;
margin-right: 8px;
position: relative;
top: -1px;
}
.widget_archive li:before { content: '\f307'; }
.widget_categories li:before { content: '\f301'; }
.widget_meta li:before { content: '\f445'; }
.widget_nav_menu li:before { content: '\f429'; }
/* Widget RSS --------------------------------------- */
.widget_rss .widget-title a { vertical-align: middle; }
.widget_rss .widget-content ul a.rsswidget {
display: block;
line-height: 120%;
font-weight: 700;
color: #444;
}
.widget_rss .widget-content ul a.rsswidget:hover { color: #019EBD; }
.rss-date {
display: block;
margin-top: 2px;
font-size: 0.85em;
color: #999;
}
.rssSummary {
margin-top: 5px;
color: #666;
}
.widget_rss cite {
display: block;
margin-top: 5px;
font-size: 0.8em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #999;
}
.widget_rss cite:before { content: "— "; }
/* Widget search --------------------------------------- */
.widget_search .search-field {
padding: 15px 49px 15px 15px;
font-size: 14px;
}
.widget_search .search-button {
width: 24px;
height: 24px;
margin-top: -12px;
right: 13px;
}
.widget_search .search-button .genericon {
font-size: 24px;
}
/* Widget calendar --------------------------------------- */
#wp-calendar {
width: 100%;
max-width: 100%;
color: #888;
text-align: center;
}
#wp-calendar,
#wp-calendar caption,
#wp-calendar tr,
#wp-calendar td,
#wp-calendar th {
text-align: center;
}
#wp-calendar th,
#wp-calendar td {
padding: 4% 2%;
}
#wp-calendar caption,
#wp-calendar thead {
color: #666;
border-bottom: 1px solid #eee;
}
#wp-calendar caption {
text-transform: capitalize;
color: #999;
padding-bottom: 4%;
}
#wp-calendar thead {
color: #019EBD;
}
#wp-calendar thead th {
font-weight: 700;
text-transform: uppercase;
font-size: 0.9em;
}
#wp-calendar tfoot { border-top: 1px solid #EEE; }
#wp-calendar tfoot td { padding: 0; }
#wp-calendar tfoot #prev { text-align: left; }
#wp-calendar tfoot #next { text-align: right; }
#wp-calendar tfoot a {
display: block;
margin-top: 10px;
font-size: 0.9em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #999;
}
#wp-calendar tfoot a:hover {
text-decoration: none;
color: #666;
}
/* Widget Dribbble & Flickr --------------------------------------- */
.widget_fukasawa_dribbble_widget .dribbble-shot,
.widget_fukasawa_flickr_widget .flickr_badge_image {
display: inline-block;
width: 55px;
height: auto;
margin: 3px 9px 3px 0;
}
.widget_fukasawa_dribbble_widget .dribbble-shot { margin-bottom: 7px; }
.widget_fukasawa_dribbble_widget .dribbble-shot img,
.widget_fukasawa_flickr_widget .flickr_badge_image a,
.widget_fukasawa_flickr_widget .flickr_badge_image img {
display: block;
border-radius: 3px;
}
.widget_fukasawa_dribbble_widget .dribbble-shot:hover,
.widget_fukasawa_flickr_widget .flickr_badge_image a:hover {
opacity: 0.7;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
}
/* Widget recent posts & recent comments --------------------------------------- */
.widget_fukasawa_recent_posts a,
.widget_fukasawa_recent_comments a { display: block; }
.widget_fukasawa_recent_posts .post-icon,
.widget_fukasawa_recent_comments .post-icon {
display: block;
float: left;
width: 44px;
height: 44px;
background: #eee;
border-radius: 999px;
position: relative;
}
.widget_fukasawa_recent_posts img,
.widget_fukasawa_recent_comments img {
display: block;
border-radius: 999px;
width: 100%;
height: auto;
}
.widget_fukasawa_recent_posts .inner,
.widget_fukasawa_recent_comments .inner {
padding-top: 4px;
margin-left: 54px;
}
.widget_fukasawa_recent_posts .post-icon .genericon {
font-size: 32px;
height: 32px;
width: 32px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
color: #bbb;
}
.widget_fukasawa_recent_posts .title,
.widget_fukasawa_recent_comments .title {
line-height: 120%;
font-weight: 700;
color: #333;
word-break: break-word;
-ms-word-break: break-word;
}
.widget_fukasawa_recent_posts .meta {
margin-top: 2px;
color: #999;
}
.widget_fukasawa_recent_comments .excerpt {
margin-top: 3px;
font-size: 0.9em;
line-height: 150%;
color: #999;
}
.widget_fukasawa_recent_posts a:hover .title,
.widget_fukasawa_recent_comments a:hover .title { color: #019EBD; }
/* Widget tag cloud --------------------------------------- */
.widget_tag_cloud a {
display: inline-block;
padding: 6px 8px;
margin: 0 1px 4px 0;
border-radius: 2px;
background: #eee;
font-size: 11px !important;
line-height: 1;
color: #444;
}
.widget_tag_cloud a:hover {
background: #019EBD;
color: #fff;
}
/* -------------------------------------------------------------------------------- */
/* 4. Navigation
/* -------------------------------------------------------------------------------- */
.mobile-navigation,
.nav-toggle {
display: none;
}
/* -------------------------------------------------------------------------------- */
/* 5. Blog
/* -------------------------------------------------------------------------------- */
.posts {
overflow: visible !important;
position: relative;
}
.posts .post-container {
width: 33.33333%;
padding: 10px;
overflow: hidden;
}
.posts .post,
.posts .page {
width: 100%;
padding: 16px;
background: #fff;
position: relative;
}
.posts .post.sticky .is-sticky { display: inline; }
.featured-media {
display: block;
overflow: hidden;
position: relative;
}
.featured-media a,
.featured-media iframe,
.featured-media object { display: block; }
.featured-media img {
display: block;
width: 100%;
height: auto;
}
.posts .format-standard .featured-media:hover img,
.posts .format-image .featured-media:hover img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
/* Post overlay ----------------------------------------- */
.post-overlay {
display: block;
background: rgba(17,17,17,0.3);
opacity: 0;
position: absolute;
z-index: 1000;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.format-standard .featured-media:hover .post-overlay,
.format-image .featured-media:hover .post-overlay { opacity: 1; }
.format-gallery .flexslider:hover .post-overlay { opacity: 1; }
.post-overlay .view {
display: block;
width: 100%;
font-size: 0.75em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
text-align: center;
position: absolute;
top: 50%;
margin-top: -6px;
}
/* Post header ----------------------------------------- */
.posts .featured-media + .post-header { margin-top: 16px; }
.posts .post-title {
font-size: 1.25em;
line-height: 120%;
font-weight: 700;
color: #333;
word-break: break-word;
-ms-word-break: break-word;
}
.posts .post-title a { color: #333; }
.posts .post-title a:hover { color: #019EBD; }
/* Post excerpt ----------------------------------------- */
.post-excerpt {
margin-top: 8px;
font-size: 0.9em;
}
.post-excerpt p {
line-height: 145%;
color: #666;
}
/* Posts meta ----------------------------------------- */
.posts-meta {
margin-top: 20px;
font-size: 0.75em;
line-height: 120%;
text-transform: uppercase;
color: #999;
}
.posts-meta:before {
content: "";
display: block;
width: 40px;
height: 2px;
background: #eee;
margin-bottom: 12px;
}
.posts-meta a { color: #999; }
.posts-meta a:hover { color: #666; }
/* Post formats ----------------------------------------- */
/* gallery format */
.flexslider { position: relative; }
.flex-direction-nav {
width: 100%;
position: absolute;
z-index: 1001;
top: 50%;
margin-top: -16px;
}
.wp-is-mobile .flex-direction-nav { display: none; }
.flex-direction-nav a {
display: block;
width: 32px;
height: 32px;
background: #333 no-repeat center;
background-size: auto 10px;
text-indent: -99999px;
}
.flex-direction-nav li:nth-child(1) a {
float: left;
margin-left: -32px;
background-image: url(images/icons/chevron-left_w.png);
}
.flex-direction-nav li:nth-child(2) a {
float: right;
margin-right: -32px;
background-image: url(images/icons/chevron-right_w.png);
}
.flexslider:hover .flex-direction-nav a {
margin-left: 0;
margin-right: 0;
}
.flex-direction-nav a:hover { background-color: #019EBD; }
/* -------------------------------------------------------------------------------- */
/* 6. Single post
/* -------------------------------------------------------------------------------- */
.post.single { background: #fff; }
.post-inner {
width: 620px;
max-width: 94%;
padding: 1% 0;
margin: 0 auto;
}
.post-innerthin {
width: 620px;
max-width: 100%;
padding: 10px 15px 0px 15px;
}
.post-innerthin-header {
width: 620px;
max-width: 100%;
padding: 0px 5px 2px 8px;
}
.post-inner-top {
width: 620px;
max-width: 100%;
padding: 35px 15px 0px 15px;
}
.post-inner-bottom {
width: 620px;
max-width: 100%;
padding: 0px 15px 35px 15px;
}
.post-inner-ueshita {
width: 620px;
max-width: 100%;
padding: 35px 15px 35px 15px;
}
/* Post header ----------------------------------------- */
.post.single .post-title {
font-size: 26px;
line-height: 1.3em;
font-weight: 700;
margin-bottom: 40px;
word-break: break-word;
-ms-word-break: break-word;
margin: 0 auto;
}
.post.single .post-title a { color: #333; }
.post.single .post-title a:hover { color: #019EBD; }
/* Page links ----------------------------------------- */
a.white:link {
color : #ffffff;
}
a.white:hover {
color : #ffffff;
}
a.white:visited {
color : #ffffff;
}
.page-links {
display: inline-block;
margin-bottom: 15px;
background: #eee;
border-radius: 3px;
overflow: hidden;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
color: #999;
}
.page-links a,
.page-links > span {
display: inline-block;
padding: 10px;
}
.page-links a:first-child,
.page-links span:first-child {
margin-left: 0;
}
.page-links a:hover {
background: #019EBD;
color: #fff;
}
.page-links > span:nth-of-type(2) {
background: #ddd;
color: #666;
}
/* Post meta bottom ----------------------------------------- */
.post-meta-bottom {
margin-top: 40px;
font-size: 0.85em;
color: #999;
}
.post-meta-bottom:before {
content: "";
display: block;
width: 48px;
height: 2px;
background: #ddd;
margin-bottom: 18px;
}
.post-meta-bottom ul li {
float: left;
margin-right: 20px;
line-height: 140%;
}
.post-meta-bottom li a { color: #999; }
.post-meta-bottom li a:hover { color: #666; }
.post-meta-bottom .post-tags a { margin-right: 6px; }
.post-meta-bottom .post-tags a:last-child { margin-right: 0; }
.post-meta-bottom .post-tags a:before { content: "#"; }
/* Post navigation ----------------------------------------- */
.post-navigation {
background: #f2f2f2;
min-height: 2px;
}
.post-navigation a {
display: block;
width: 48.5%;
height: 120px;
margin-top: 3%;
margin-bottom: 3%;
background: #e2e2e2;
overflow: hidden;
position: relative;
}
.post-navigation .post-nav-prev { float: left; }
.post-navigation .post-nav-next { float: right; }
.post-navigation p {
width: 100%;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
color: #666;
position: absolute;
top: 50%;
margin-top: -7px;
right: 0;
left: 0;
}
.post-navigation a:hover { background: #333; }
.post-navigation a:hover p { color: #fff; }
/* Post formats ----------------------------------------- */
/* format gallery */
.post.single .flex-direction-nav { margin-top: -24px; }
.post.single .flex-direction-nav a {
width: 48px;
height: 48px;
}
.post.single .flex-direction-nav li:nth-child(1) a { margin-left: -48px; }
.post.single .flex-direction-nav li:nth-child(2) a { margin-right: -48px; }
.post.single .flexslider:hover .flex-direction-nav a {
margin-left: 0;
margin-right: 0;
}
/* -------------------------------------------------------------------------------- */
/* 7. Post content
/* -------------------------------------------------------------------------------- */
.post-content { color: #333; }
.post-content a:hover { text-decoration: underline; }
.post-content p,
.post-content ul,
.post-content ol,
.post-content address,
.post-content dl,
.post-content .wp-caption,
.post-content pre {
line-height: 1.8em;
letter-spacing: 0.5px;
margin-bottom: 16px;
}
.post-content > *:first-child { margin-top: 0; }
/* .post-content *:last-child { margin-top: 0;}）*/
.post-content h1, .post-content h2, .post-content h4, .post-content h6 {
margin: 0px 0px 15px;
font-weight: 700;
}
.post-content h3 {
margin: 0px 0px 8px;
font-weight: 700;
}
.sankou {
padding: 6px 10px 4px 10px;
background-color: #595c5d;
border-radius: 2px;
font-size: 12px;
letter-spacing: 0.1em;
-webkit-box-shadow: 0px 3px 0px 0px #000b4e;
-moz-box-shadow: 0px 3px 0px 0px #000b4e;
box-shadow: 0px 3px 0px 0px #000b4e;
}
.sankou_red {
padding: 2px;
background-color: #0c9ed2;
color: #fff;
margin-left: 8px;
font-size: 12px;
border-radius: 3px;
}
.sankou_red2 {
padding:10px;/* （上） （右） （下） （左）*/
background-color: #0c9ed2;
color: #FFF;
margin-right: 0px;
margin-left: 2px;
font-size: 14px;
/* border-radius:2px;*/
/* width:300px;*/
/* height:30px;*/
}
.sankou_map
{
padding: 1px 2px 1px 2px;
background-color: #eb6a7a;
color: #FFF;
margin-left: 5px;
font-size: 12px;
border-radius: 2px;
margin-right: 5px;
}
.sankou_black {
padding:0px 5px 0px 5px;/* （上） （右） （下） （左）*/
/* background-color: #e6e6e6; */
background-color: #F5F5F5;
color: #000000; /*#FFF;*/
font-size: 12px;
/*font-weight: bold; */
margin: 6px 10px 6px 6px;/* （上） （右） （下） （左）*/
border: 1px solid #E7E7E7;
}
.sankou_blue {
padding:1px 10px 1px 10px;/* （上） （右） （下） （左）*/
background-color: #F5F5F5; /*#2CA0CD*/
color: #000000; /*# #FFF*/
font-size: 14px;
/* margin-right: 5px;*/
/* margin-left: 5px;*/
/* border-radius:2px;*/
/* width:300px;*/
/* height:30px;*/
border: 1px solid #E7E7E7;
}
.sankou_tag {
padding:0px 5px 0px 5px;/* （上） （右） （下） （左）*/
background-color: #F5F5F5; /*#6D6D6D;*/
/* color: #000000; */ /*#FFF;*/
margin: 6px 10px 6px 0px;/* （上） （右） （下） （左）*/
display: inline-block;
vertical-align: middle;
position: relative;
height: 23px;
border: 1px solid #E7E7E7;
/*background: #FFF none repeat scroll 0% 0%;*/
letter-spacing: normal;
border-radius: 2px;
}
@media screen and (max-width: 600px) {
.michinori {
padding: 5px 0 30px;
}
}
@media screen and (min-width: 601px) {
.michinori {
padding: 5px 0 30px;
}
}
.michinori__wrapper {
position:relative;
width:100%;
}
.michinori__wrapper::after {
content:' ';
display:table;
clear:both
}
@media screen and (min-width: 601px) {
.michinori__wrapper {
height:50px
}
.michinori__wrapper>* {
float:left;
width:14%
}
}
@media screen and (min-width: 601px) {
.michinori__wrapper--taxi .michinori__ic,.michinori__wrapper--taxi .michinori__jct,.michinori__wrapper--taxi .michinori__goal {
width:15%
}
.michinori__wrapper--taxi .michinori__ic span,.michinori__wrapper--taxi .michinori__jct span,.michinori__wrapper--taxi .michinori__goal span {
font-size:12px
}
.michinori__wrapper--taxi .michinori__root {
width:5%
}
}
.michinori__wrapper-returning {
position:relative
}
@media screen and (min-width: 601px) {
.michinori__wrapper-returning .michinori__root {
position:relative;
width:95.45454545%;
height:100px
}
.michinori__wrapper-returning .michinori__root:before {
content:'';
position:absolute;
top:0;
right:0;
width:10px;
height:50px;
background-image:linear-gradient(to bottom, #e2e2e2 100%, rgba(255,255,255,0) 0%);
background-size:20px 10px
}
.michinori__wrapper-returning .michinori__root span {
text-align:right
}
.michinori__wrapper-returning:after {
content:'';
position:absolute;
top:50%;
left:0;
width:10px;
height:80px;
background-image:linear-gradient(to bottom, #e2e2e2 100%, rgba(255,255,255,0) 0%);
background-size:20px 10px
}
}
.michinori__ic {
display:table;
border:solid 2px #273e9f;
color:#273e9f;
font-weight:bold;
-webkit-font-smoothing:antialiased
}
@media screen and (max-width: 600px) {
.michinori__ic {
width:100%;
height:30px
}
.michinori__ic br {
display:none
}
.michinori__ic span {
padding-left:10px;
font-size:13px;
text-align:left;
}
}
@media screen and (min-width: 601px) {
.michinori__ic {
height:50px
}
.michinori__ic span {
font-size:12px;
line-height:1.25em;
text-align:center
}
}
.michinori__ic span {
display:table-cell;
vertical-align:middle;
}
.michinori__ic--goal {
background-color:#273e9f;
color:#ffffff
}
@media screen and (min-width: 601px) {
.michinori__ic--wide {
width:18.181818%
}
}
.michinori__ic--wide span {
font-size:12px
}
.michinori__goal {
display:table;
border:solid 1px #273e9f;
background-color:#273e9f;
color:#ffffff;
font-weight:bold;
-webkit-font-smoothing:antialiased
}
@media screen and (max-width: 600px) {
.michinori__goal {
width:100%;
height:30px
}
.michinori__goal br {
display:none
}
.michinori__goal span {
padding-left:10px;
font-size:13px;
text-align:left
}
}
@media screen and (min-width: 601px) {
.michinori__goal {
height:50px
}
.michinori__goal span {
font-size:14px;
line-height:1.25em;
text-align:center
}
}
.michinori__goal span {
display:table-cell;
vertical-align:middle
}
.michinori__goal--goal {
background-color:#273e9f;
color:#ffffff
}
@media screen and (min-width: 601px) {
.michinori__goal--wide {
width:18.181818%
}
}
.michinori__goal--wide span {
font-size:12px
}
.michinori__jct {
display:table;
color:#273e9f;
font-weight:bold;
border:solid 2px #273e9f;
-webkit-font-smoothing:antialiased
}
@media screen and (max-width: 600px) {
.michinori__jct {
width:50%;
height:30px;
border-radius:15px
}
.michinori__jct br {
display:none
}
.michinori__jct span {
padding-left:10px;
font-size:12px;
text-align:left
}
}
@media screen and (min-width: 601px) {
.michinori__jct {
height:50px;
border-radius:25px
}
.michinori__jct span {
font-size:12px;
line-height:1.25em;
text-align:center
}
}
.michinori__jct span {
display:table-cell;
vertical-align:middle
}
.michinori__root {
color:#273e9f;
font-weight:bold
}
@media screen and (max-width: 600px) {
.michinori__root {
position:relative;
height:45px;
text-align:center
}
.michinori__root span {
position:absolute;
display:block;
top:50%;
left:40px;
margin-top:-5px;
font-size:11px;
line-height:1.25em;
text-align:center
}
.michinori__root br {
display:none
}
.michinori__root:after {
content:'';
position:absolute;
top:0;
left:20px;
width:10px;
height:100%;
background-image:linear-gradient(to top, #e2e2e2 100%, rgba(255,255,255,0) 0%);
background-size:10px 20px;
background-repeat:repeat-y
}
}
@media screen and (min-width: 601px) {
.michinori__root {
position:relative;
height:50px;
text-align:center
}
.michinori__root span {
position:absolute;
display:block;
width:100%;
top:50%;
margin-top:20px !important;
font-size:11px;
line-height:1.25em;
text-align:center
}
.michinori__root:after {
content:'';
position:absolute;
top:50%;
left:0;
margin-top:-5px;
width:100%;
height:10px;
background-image:linear-gradient(to right, #e2e2e2 100%, rgba(255,255,255,0) 0%);
background-size:20px 10px;
background-repeat:repeat-x
}
}
@media screen and (max-width: 600px) {
.michinori__root--mobile-hide {
height:0
}
.michinori__root--mobile-hide span {
display:none
}
.michinori__root--mobile-hide br {
display:none
}
.michinori__root--mobile-hide:after {
display:none;
top:0;
left:0;
width:0;
height:0
}
}
@media screen and (min-width: 601px) {
.michinori__root--train:after {
background-image:linear-gradient(to right, #e2e2e2 50%, rgba(255,255,255,0) 0%)
}
}
#center03 {
display:table; /* 要素をテーブルのようにする */
width:100%;
margin:0 auto;
background:#fff;
margin-top: 25px;
}
#center03 p {
display:table-cell; /* 要素をテーブルのようにする */
text-align:center; /* インライン要素の中央揃え */
vertical-align:middle; /* 天地中央に揃える */
}
.icon{
display:inline-block;
position:relative;
background: #CCCCCC;
/* border-radius:90px; */
width:90px;
height:90px;
margin:5px;
border-radius: 20px 10px 40px 15px/50px 40px 10px 20px;
}
.icon2{
display:inline-block;
position:relative;
background: #eb6a7a;
height:40px;
width:40px;
}
.icon2_b{
display:inline-block;
position:relative;
background: #eb6a7a;
height:60px;
width:60px;
}
.icon3{
display:inline-block;
position:relative;
background: #CCCCCC;
height:40px;
width:40px;
}
.icon3_b{
display: inline-block;
position: relative;
background: #ccc;
height: 60px;
width: 60px;
}
.icon4{
height:40px; width:40px; display:block; position:relative;
}
.icon50{width:24px; overflow:hidden;}
.icon50:before{content:''; height:25px; width:24px; display:block; position:absolute; top:2px; left:0px; z-index:1; line-height:26px; background:#9E1D1D; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; color:#fff; text-align:center;}
.icon50:after{content:''; height:0px; width:0px; display:block; position:absolute; bottom:1px; left:-9px; border:10px transparent solid; border-top-color:#9E1D1D; border-width:16px 10px 0px 10px;}
.icon8:before{
content:'';
display:block;
position:absolute;
height:0;
width:0;
top:-3px;
left:25px;
border-top: 30px solid transparent;
border-right: 20px solid transparent;
border-bottom: 30px solid #fff;
border-left: 20px solid transparent;
}
.icon27:before{
content:'';
display:block;
position:absolute;
top:40px;
left:30px;
height:10px;
width:10px;
border:10px solid #fff;
border-bottom:0;
}
.icon27:after{
content:'';
display:block;
position:absolute;
height:0;
width:0;
top:5px;
left:25px;
border-top: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 19px solid #fff;
border-left: 20px solid transparent;
}
/* 丸 */
.icon30:after{
content:'';
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
height:24px; width:24px;
display:block;
border:8px solid #fff;
}
.icon30_b:after{
content:'';
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
height:36px; width:36px;
display:block;
border:12px solid #fff;
}
/* バツ */
.icon40:before, .icon40:after{
content:'';
height:8px; width:40px; display:block; background:#fff; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; position:absolute; top:16px; left:0px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
}
.icon40:after{
transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);
}
.kcuhikomi__yoi__warui__pros-cons.unit {
padding: 10px 20px 20px;
border: 1px solid;
}
.icon40_b:before, .icon40_b:after {
content: '';
height: 12px;
width: 60px;
display: block;
background: #fff;
/* border-radius: 10px; */
/* -webkit-border-radius: 10px; */
-moz-border-radius: 10px;
position: absolute;
top: 24px;
left: 0px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.icon40_b:after{
transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);
}
.kcuhikomi__yoi__warui__item {
position: relative;
margin-top: 35px;
}
.kcuhikomi__yoi__warui__pros-cons.unit .kcuhikomi__yoi__warui__pros-cons__box:first-of-type {
margin-top: 0;
padding: 0;
border: none;
}
.kcuhikomi__yoi__warui__pros-cons.unit .kcuhikomi__yoi__warui__pros-cons__box__head {
margin-bottom: 0;
border-bottom: none;
}
.kcuhikomi__yoi__warui__pros-cons__box__head {
margin-bottom: 20px;
padding: 7px 0 10px 0px;
/* background-image: url(https://onsen-trip.com/wordpress/wp-content/themes/fukasawa/images/icn_pros_face.svg);
background-repeat: no-repeat;
background-size: 35px 35px;
/*background-position: 0 5px;*/
line-height: 1.7;
border-bottom: 1px solid;
font-weight: 700;
font-size: 16px;
}
.kcuhikomi__yoi__warui__pros-cons__box__list {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 16px;
margin-left: 0px !important;
}
.kcuhikomi__yoi__warui__pros-cons__box__item:first-of-type {
margin-top: 0;
}
.kcuhikomi__yoi__warui__pros-cons__box__item {
margin-top: 10px;
padding-left:30px;
/* background-image: url(https://onsen-trip.com/wordpress/wp-content/themes/fukasawa/images/icn_check_red.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: 0 3px;*/
text-indent: -1.8em;
}
.kcuhikomi__yoi__warui__pros-cons.unit .kcuhikomi__yoi__warui__pros-cons__box {
margin-top: 20px;
padding: 10px 0 0;
border: none;
border-top: 1px dotted;
}
.kcuhikomi__yoi__warui__pros-cons__box--cons .kcuhikomi__yoi__warui__pros-cons__box__head {
/* background-image: url(https://onsen-trip.com/wordpress/wp-content/themes/fukasawa/images/icn_cons_face.svg);*/
}
.kcuhikomi__yoi__warui__pros-cons__box--cons .kcuhikomi__yoi__warui__pros-cons__box__item {
/* background-image: url(https://onsen-trip.com/wordpress/wp-content/themes/fukasawa/images/icn_check_blue.svg);*/
}
.matome__toc__list-h3{
margin-bottom: 10px !important;
margin-top: 5px !important;
}
.matome__toc__item-h2 {
position: relative;
margin-top: 15px;
color: #000;
list-style: none !important;
border-bottom: dashed 1px silver;
font-size: 15px;
font-weight: 700 !important;
}
p .matome__toc__item__link-h3 {
position: relative;
display: inline-block;
padding-left: 20px;
color: #000;
font-size: 12px;
padding-bottom: 8px;
}
.matome__toc__item__link-h3 {
position: relative;
display: inline-block;
padding-left: 20px;
color: #000;
font-size: 12px;
}
.matome__toc__item__link-h3:before {
top: 10px;
width: 7px;
height: 1px;
}
.matome__toc__item__link-h3:after, .matome__toc__item__link-h3:before {
content: "";
position: absolute;
left: 8px;
display: block;
margin: auto;
background-color: #777;
}
.matome__toc__item__link-h3:after {
top: 3px;
width: 1px;
height: 7px;
}
.matome__toc__item__link-h3:after, .matome__toc__item__link-h3:before {
content: "";
position: absolute;
left: 8px;
display: block;
margin: auto;
background-color: #777;
}
.post-content h1 {
position: relative;
padding: 25px 30px;
background-color: #eb6a7a;
font-size: 16px;
text-align: center;
color: #fff;
font-weight: bold;
border-radius: 4px 4px 0 0;
}
.post-content h1::before,
.post-content h1::after {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
}
.post-content h1::before {
left: 0;
border-width: 0 15px 15px 0;
border-right-color: #bc5965;
}
.post-content h1::after {
right: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-top-color: #bc5965;
}
/*
.post-content h2{ position:relative;
font-weight: bold;
padding:30px 20px;
font-size: 18px;
text-align: center;
color:#333;
border:#333 solid 3px;
border-radius:8px;
background:#fff;
box-shadow:
-7px -5px 0 0 #e8e8e8 inset,
2px 3px 0 0 #000;
margin-top: 35px;
}
.post-content h2:before{
content:" ";
position:absolute;
top:100%;
left:14px;
width:0;
height:0;
border-width:20px;
border-style:solid;
border-color:transparent;
border-top-color:#333;
}
.post-content h2:after{
content:" ";
position:absolute;
bottom:-27px;
left:18px;
width:0;
height:0;
border-width:14px;
border-style:solid;
border-color:transparent;
border-top-color:#e8e8e8;
}
.post-content h2 b {
padding: .1em;
background: linear-gradient(transparent 60%, #eb6a7a 40%);
background: -moz-linear-gradient(transparent 60%, #eb6a7a 40%);
background: -webkit-linear-gradient(transparent 90%, #eb6a7a 15%);
background: -ms-linear-gradient(transparent 60%, #eb6a7a 40%);
background: -o-linear-gradient(transparent 60%, #eb6a7a 40%);
font-weight: bold;
}
コメントアウト*/
.post-content h2{
font-weight: bold;
padding: 30px 0 30px;
font-size: 18px;
border: 4px solid #eb6a7a;
border-radius: 20px 10px 40px 15px/50px 40px 10px 20px;
text-align: center;
margin-top: 30px;
background: url(https://onsen-trip.com/wordpress/wp-content/themes/fukasawa/images/giza_h2_y.gif) no-repeat;
background-position: 50% 80%;
}
.post-content h3 {
font-size: 16px !important;
font-weight: 700 !important;
clear: both;
border-left: 5px solid #e36342;
padding-left: 10px;
/* line-height: 1.6em; */
border-radius: 20px 10px 40px 15px/50px 40px 10px 20px;
}
.post-content h4 {
padding-bottom: 3px;
padding-left: 10px;
border-bottom: 4px solid #eb6a7a;
font-size: 18px;
font-weight: bold;
line-height: 1.4em;
padding-top: 20px;
border-radius: 0px 10px 40px 15px/0px 5px 10px 0px;
}
.post-content h5 {
position: relative;
padding: 25px 30px;
background-color: #eb6a7a;
font-size: 16px;
text-align: center;
color: #fff;
font-weight: bold;
border-radius: 4px 4px 0 0;
}
.post-content h5::before,
.post-content h5::after {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
}
.post-content h5::before {
left: 0;
border-width: 0 15px 15px 0;
border-right-color: #bc5965;
}
.post-content h5::after {
right: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-top-color: #bc5965;
}
.post-content h6 {
font-weight: bold;
padding: 30px 0 30px;
font-size: 18px;
border: 4px solid #eb6a7a;
border-radius: 20px 10px 40px 15px/50px 40px 10px 20px;
text-align: center;
}
.post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6,
.post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6,
.post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6,
.post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6,
.post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6,
.post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 {
margin-top: 25px;
}
.post-content cite {
font-size: 0.9rem;
line-height: 140%;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.post-content cite:before { content: "— "; }
.post-content b {
font-weight:bold;
}
.post-content strong em,
.post-content em strong {
font-weight: 700;
}
.post-content big { font-size: 1.25em; }
abbr, acronym { cursor: help; }
code, kbd, pre {
font-size: 0.85em;
background: #EEE;
font-family: Menlo, Monaco, monospace;
}
.post-content .highlight {
background: #fcf8a5;
width: auto;
display: inline;
padding: 2px 3px;
}
.post-content kbd,
.post-content code {
padding: 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.post-content dl { line-height: 160%; }
.post-content dl dt { font-weight: 700; }
.post-content hr {
display:block;
width: 100%;
height: 1px;
border: 0;
border-top: 2px dashed #2CA0CD;
}
.bar12 {
height: 10px;
border: 0;
box-shadow: 0 10px 10px -10px #bbb inset;
}
.post-content hr.b
{
border-width: thick 0px 0px;
border-style: dashed none none;
border-color: #000 -moz-use-text-color -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
margin:80px 0px 100px;/* （上） （右） （下） （左）*/
}
.post-content ul {
margin-left: 1.5em;
}
.post-content ul ul { list-style: circle; }
.post-content ul ul ul { list-style: square; }
.post-content ol {
list-style: decimal;
margin-left: 1.5em;
}
.post-content ol ol { list-style: lower-alpha; }
.post-content ol ol ol {
list-style: lower-roman;
}
.post-content ul ul,
.post-content ul ol,
.post-content ol ul,
.post-content ol ol {
margin-bottom: 0;
}
.post-content li {
line-height: 170%;
}
.post-content ol > li:last-child,
.post-content ul > li:last-child {
margin-bottom: 0;
}
/*
.post-content ol > li:first-child,
.post-content ul > li:first-child {
margin-top: 0.5em;
}
*/
.post-content address {
padding: 3% 3.5%;
background: #f1f1f1;
}
.post-content pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
line-height: 140%;
padding: 2% 2.5%;
background: #333;
font-size: 0.8em;
color: #FFF;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
/* Post media --------------------------------------- */
.post-content .wp-caption { margin-bottom: 1.5em; }
img.alignleft,
.alignleft img,
img.aligncenter,
.aligncenter img,
img.alignright,
.alignright img,
img.alignnone,
.alignnone img {
display: block;
box-sizing: border-box;
border: 0px solid #EEE;
}
.post-content .alignleft,
.post-content .alignright {
margin-bottom: 1em;
max-width: 45%;
}
.post-content .wp-caption .alignleft,
.post-content .wp-caption .alignright {
margin-bottom: 0;
}
.post-content .alignleft {
float: left;
margin-right: 1em;
}
.post-content .alignright {
float: right;
margin-left: 1em;
}
.post-content .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.post-content .wp-caption-text,
.post-content .gallery-caption {
/* padding-top: 10px;（上） （右） （下） （左）*/
font-size: 14px;
color: #666;
text-align: center;
/* margin-top: -30px;*/
/* */
}
.post-content .gallery-caption {
font-size: 16px;
line-height: 24px;
}
/* Tables --------------------------------------- */
.post-content td {
padding: 2%;
margin: 0;
overflow: visible;
line-height: 120%;
}
.post-content table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 0.9em;
width: 96%;
}
.post-content table.a-normal {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 12px !important;
width: 100% !important;
}
.post-content.list7 th,
.post-content.list7 td {
padding: 2%;
margin: 0;
overflow: visible;
line-height: 120%;
border-bottom: 1px solid #DDD;
}
.post-content.list7 table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 0.9em;
width: 100%;
}
.post-content.list7 th,
.post-content.list7 td {
padding: 2%;
margin: 0;
overflow: visible;
line-height: 120%;
border-bottom: 1px solid #DDD;
}
.post-content.list7 caption {
color: #444;
text-align: center;
padding: 2%;
}
.post-content.list7 thead {
vertical-align: bottom;
white-space: nowrap;
}
.post-content.list7 th {
font-weight: 700;
color: #444;
}
.post-content.list7 table tbody > tr:nth-child(odd) > td { background: #f9f9f9; }
/* Forms --------------------------------------- */
.post-content fieldset {
padding: 25px;
border: 2px solid #eee;
margin-bottom: 1em;
}
.post-content fieldset legend {
font-size: 0.8rem;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
padding: 10px 12px;
background: #019EBD;
color: #fff;
}
.post-content label {
font-size: 1rem;
font-weight: 700;
}
.post-content input,
.post-content textarea {
font-family: 'Lato', sans-serif;
}
.post-content input[type="text"],
.post-content input[type="tel"],
.post-content input[type="url"],
.post-content input[type="password"],
.post-content textarea {
width: 100%;
padding: 14px 16px;
font-size: 0.9em;
border: none;
color: #333;
background: #f2f2f2;
border-radius: 3px;
-webkit-appearance: none;
}
.post-content input[type="file"] {
padding: 10px;
background: #f2f2f2;
border-radius: 3px;
}
.post-content textarea {
height: 180px;
line-height: 140%;
}
.post-content input[type="text"]:focus,
.post-content input[type="tel"]:focus,
.post-content input[type="url"]:focus,
.post-content input[type="password"]:focus,
.post-content textarea:focus {
outline: none;
}
.post-content input[type="submit"],
.post-content input[type="reset"],
.post-content input[type="button"] {
padding: 12px 16px;
margin: 0;
border: none;
background: #333;
color: #fff;
font-size: 0.9rem;
line-height: 1;
-webkit-appearance: none;
border-radius: 3px;
-webkit-appearance: none;
}
.post-content input[type="submit"] + input[type="reset"],
.post-content input[type="submit"] + input[type="button"],
.post-content input[type="reset"] + input[type="submit"],
.post-content input[type="reset"] + input[type="button"],
.post-content input[type="button"] + input[type="reset"],
.post-content input[type="submit"] + input[type="submit"] {
margin-left: 10px;
}
.post-content input[type="submit"]:hover,
.post-content input[type="reset"]:hover,
.post-content input[type="button"]:hover {
cursor: pointer;
background: #019EBD;
color: #fff;
}
.post-content input[type="submit"]:focus,
.post-content input[type="submit"]:active {
outline: none;
}
/* -------------------------------------------------------------------------------- */
/* 8. Comments
/* -------------------------------------------------------------------------------- */
/* Comments container --------------------------------------- */
.comments-inner {
padding: 7.5% 0;
width: 620px;
max-width: 85%;
margin: 0 auto;
position: relative;
}
/* Comments title --------------------------------------- */
.comments-title,
.comment-reply-title {
margin-bottom: 40px;
font-size: 1.5em;
font-weight: 700;
color: #333;
}
.comments-title:after,
.comment-reply-title:after {
content: "";
display: block;
width: 48px;
height: 2px;
background: #ddd;
margin-top: 20px;
}
.no-comments {
text-align: center;
color: #999;
}
/* Comment --------------------------------------- */
.commentlist div.comment {
margin-top: 30px;
border-top: 2px solid #eee;
padding-top: 30px;
position: relative;
}
.commentlist > li.comment:first-child > div.comment:first-child {
margin-top: 0;
border-top: none;
padding-top: 0;
}
.commentlist .children { margin-left: 8%; }
.comment-header {
margin-bottom: 20px;
position: relative;
}
.comment .avatar {
float: left;
width: 50px;
}
.comment.bypostauthor > .comment .comment-header:before {
content: "";
display: block;
width: 24px;
height: 24px;
background: #019EBD;
border-radius: 999px;
position: absolute;
z-index: 999;
top: -12px;
left: -12px;
}
.comment.bypostauthor > .comment .comment-header:after {
content: '\f304';
display: block;
font: 16px/1 "Genericons";
color: #fff;
position: absolute;
z-index: 1000;
top: -8px;
left: -8px;
}
.comment-header-inner { padding: 4px 0 0 62px; }
.comment-header h4 {
font-size: 1em;
font-weight: 700;
color: #333;
}
.comment-header h4 a { color: #333; }
.comment-header h4 a:hover { color: #019EBD; }
.comment-meta {
margin-top: 8px;
font-size: 0.75em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.comment-meta,
.comment-meta a { color: #999; }
.comment-meta a:hover { color: #666; }
/* Comment actions --------------------------------------- */
.comment-actions {
margin-top: 25px;
font-size: 0.75em;
}
.comment-actions .fleft {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.comment-actions .sep {
color: #ddd;
margin: 0 10px;
}
.comment-actions a:hover { text-decoration: underline; }
.comment-awaiting-moderation {
font-weight: 700;
color: #999;
}
/* Pingbacks --------------------------------------- */
.comments .pingbacks {
margin-top: 30px;
border-top: 2px solid #eee;
padding-top: 45px;
}
.pingbacks-title {
font-size: 0.8em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
}
.comments .pingbacks li {
padding: 12px 4px;
border-bottom: 1px solid #eee;
}
.comments .pingbacks li:first-child { border-top: 1px solid #eee; }
.comments .pingbacks li:nth-child(2n) { background: #fafafa; }
.comments .pingbacks li .url {
line-height: 140%;
color: #767676;
}
.comments .pingbacks li .comment-edit-link {
margin-left: 4px;
font-size: 0.7em;
font-weight: 700;
text-transform: uppercase;
color: #999;
}
.comments .pingbacks li a:hover { color: #019EBD; }
/* Comment navigation --------------------------------------- */
.comments-nav {
margin-top: 30px;
border-top: 2px solid #eee;
padding-top: 20px;
font-size: 0.9em;
font-weight: 700;
}
.comments-nav a { color: #666; }
.comments-nav a:hover { color: #019EBD; }
/* -------------------------------------------------------------------------------- */
/* 9. Respond
/* -------------------------------------------------------------------------------- */
.comments-container + .respond-container { border-top: 2px solid #eee; }
.comment-respond {
padding: 7.5% 0;
width: 620px;
max-width: 85%;
margin: 0 auto;
position: relative;
}
.commentlist .comment-respond {
max-width: 100%;
margin: 30px 0 0;
border-top: 2px solid #eee;
padding: 30px 0 0;
}
#cancel-comment-reply-link {
margin-left: 5px;
font-size: 0.9rem;
font-weight: 700;
color: #999;
}
#cancel-comment-reply-link:hover {
text-decoration: underline;
color: #999;
}
.comment-notes { color: #666; }
.comment-form { margin-top: 40px; }
.comment-form p { margin-top: 30px; }
.comment-form p a:hover { text-decoration: underline; }
p.comment-form-author,
p.comment-form-email {
width: 47.5%;
float: left;
margin: 0 0 30px;
}
p.comment-form-author { margin-right: 5%; }
.comment-form label {
display: block;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 6px;
color: #666;
}
.comment-form .required {
color: red;
margin-left: 3px;
}
.comment-form input,
.comment-form textarea { font-family: 'Lato', sans-serif; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
display: block;
width: 100%;
padding: 16px 18px;
border-radius: 3px;
background: #f2f2f2;
color: #333;
border: none;
font-size: 0.95em;
margin: 0;
}
.comment-form textarea {
height: 250px;
line-height: 140%;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form textarea:focus {
outline: none;
}
.form-submit #submit {
padding: 14px 20px 16px 20px;
border: none;
margin: none;
background: #333;
border-radius: 3px;
font-size: 0.9em;
color: #fff;
-webkit-appearance: none;
}
.form-submit #submit:hover {
cursor: pointer;
background: #019EBD;
}
.comment-form .comment-subscription-form label {
text-transform: none;
letter-spacing: 0;
}
.comment-subscription-form + .comment-subscription-form { margin-top: 12px; }
/* -------------------------------------------------------------------------------- */
/* 10. Pagination
/* -------------------------------------------------------------------------------- */
/* Page title --------------------------------------- */
.page-title { padding: 10px 10px 20px; }
.page-title h4 {
display: block;
padding-bottom: 10px;
border-bottom: 2px solid #e1e1e1;
margin: 0 10px;
line-height: 120%;
font-weight: 700;
color: #666;
}
.search-no-results .page-title { padding-bottom: 20px; }
.search-no-results .page-title h4 { margin: 0; }
.page-title span {
float: right;
font-weight: 400;
color: #999;
font-size: 10px;
}
/* Archive navigation --------------------------------------- */
.archive-nav { margin-top: 40px; }
.archive-nav a {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #019ebd;
padding-bottom: 5px;
border-bottom: 2px solid transparent;
}
.archive-nav .archive-nav-older { float: right; }
.archive-nav .archive-nav-newer { float: left; }
.archive-nav a:hover {
color: #666;
border-bottom-color: #ccc;
}
/* Infinite handle (Jetpack infinite scroll) --------------------------------------- */
.infinite-scroll .posts { padding-bottom: 70px; }
.infinite-scroll .archive-nav { display: none; }
#infinite-handle {
width: 100%;
position: absolute;
top: auto !important;
bottom: 0;
text-align: center;
}
#infinite-handle span {
display: inline-block;
padding: 15px 20px;
background: #fff;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #666;
}
#infinite-handle span:before { content: "+ "; }
#infinite-handle span:hover {
color: #333;
cursor: pointer;
}
/* Infinite loader (Jetpack infinite scroll) --------------------------------------- */
.infinite-loader {
width: 100%;
text-align: center;
}
.infinite-loader .spinner {
display: block;
position: absolute !important;
top: auto !important;
bottom: 10px !important;
left: 50% !important;
margin-left: -12px;
}
/* -------------------------------------------------------------------------------- */
/* 12. Page & Page Templates
/* -------------------------------------------------------------------------------- */
/* Search form --------------------------------------- */
.search-form { position: relative; }
.search-field {
display: block;
width: 100%;
padding: 20px 80px 20px 20px;
margin: 0;
border: none;
border-radius: 3px;
background: #eee;
font-family: 'Lato', sans-serif;
font-size: 0.95em;
color: #666;
}
.search-field:focus { outline: none; }
.search-button {
display: block;
height: 32px;
width: 32px;
position: absolute;
top: 50%;
margin-top: -16px;
right: 15px;
}
.search-button .genericon {
font-size: 32px;
color: #666;
}
.search-button:hover { cursor: pointer; }
.search-button:hover .genericon { color: #019EBD; }
/* Archive template --------------------------------------- */
.archive-container h3 {
font-size: 1.4em;
font-weight: 700;
margin: 50px 0 20px;
}
.archive-container > ul {
list-style: none;
margin-left: 0;
}
.archive-container ul ul { margin-left: 30px; }
.archive-container li {
padding: 12px 0;
margin: 0;
border-top: 1px solid #eee;
line-height: 130%;
word-break: break-word;
-ms-word-break: break-word;
}
.archive-container ul > li:last-child { border-bottom: 1px solid #eee; }
.archive-container ul ul li:first-child { margin-top: 12px; }
.archive-container ul ul li:last-child { padding-bottom: 0; }
.archive-container .posts-archive-list span {
margin-left: 4px;
font-size: 0.7em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #999;
}
.archive-container a:hover { text-decoration: underline; }
/* -------------------------------------------------------------------------------- */
/* 13. Credits
/* -------------------------------------------------------------------------------- */
.credits { font-size: 13px; }
.credits p {
color: #999;
line-height: 160%;
}
.credits p a { color: #999; }
.credits p a:hover { color: #666; }
img#wpstats { display: none; }
/* -------------------------------------------------------------------------------- */
/* 13. No JS fixes
/* -------------------------------------------------------------------------------- */
/* blog */
.no-js .posts .post-container {
width: 508px;
max-width: 100%;
margin: 0 auto;
}
.no-js .posts .format-gallery .slides li { display: none; }
.no-js .posts .format-gallery .slides li:first-child { display: block; }
/* single */
.no-js .single.format-gallery .slides li {
float: left;
width: 50%;
}
/* pagination */
.no-js .archive-nav { display: block; }
/* -------------------------------------------------------------------------------- */
/* 13. Responsive
/* -------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
/* structure */
.section { padding: 60px 0; }
.medium-padding { padding: 45px 0; }
.small-padding { padding: 30px 0; }
.no-padding { padding: 0; }
/* blog */
.posts .post-container { width: 50%; }
}
@media ( max-width: 1000px ) {
/* structure */
.wrapper { margin-left: 0; }
.sidebar {
width: 100%;
padding: 30px 5%;
margin: 0;
border-bottom: 1px solid #ddd;
background: #fff;
font-size: 1em;
position: relative;
top: 0;
left: 0;
}
.sidebar:before { content: none; }
.content,
.content.thin {
max-width: 100%;
margin: 5% auto;
}
/* sidebar */
.main-menu,
.widgets,
.credits {
display: none;
}
.blog-title { margin-right: 120px; }
/* mobile menu */
.mobile-navigation { background: #2d2d2d; }
.mobile-menu {
padding: 7.5% 5%;
font-size: 0.8em;
}
.mobile-menu li {
display: block;
margin-top: 25px;
font-weight: 700;
line-height: 120%;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
}
.mobile-menu > li:first-child { margin-top: 0; }
.mobile-menu ul { margin-left: 25px; }
.mobile-menu a { color: #999; }
.mobile-menu > .current-menu-item > a,
.mobile-menu > .current_page_item > a {
color: #fff;
}
.mobile-menu .current-menu-item:before,
.mobile-menu .current_page_item:before {
content: '\f405';
display: block;
font: 16px/1 "Genericons";
color: #019EBD;
position: absolute;
left: -19px;
top: 2px;
}
.mobile-menu a:hover { color: #fff; }
/* nav toggle */
.nav-toggle {
display: block;
padding: 12px 12px 10px;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -16px;
right: 5%;
}
.nav-toggle .bars {
height: 10px;
width: 15px;
float: right;
position: relative;
margin-top: 10px;
}
.nav-toggle .bar {
width: 15px;
height: 2px;
background: #767676;
border-radius: 2px;
position: absolute;
left: 0;
top: 0;
}
.nav-toggle .bar:nth-child(2) { top: 4px; }
.nav-toggle .bar:nth-child(3) { top: 8px; }
.nav-toggle p {
font-size: 13px;
line-height: 10px;
font-weight: 700;
text-transform: uppercase;
text-align: right;
color: #767676;
float: right;
margin-right: 8px;
position: relative;
top: -1px;
}
.nav-toggle .close { display: none; }
.nav-toggle:hover { cursor: pointer; }
.nav-toggle.active { background: #019EBD; }
.nav-toggle.active p { color: #fff; }
.nav-toggle.active .bar { background: #fff; }
.nav-toggle.active .bar:nth-child(1),
.nav-toggle.active .bar:nth-child(3) { top: 4px; }
.nav-toggle.active .bar:nth-child(2) { opacity: 0; }
.nav-toggle.active .bar:nth-child(1) {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.nav-toggle.active .bar:nth-child(3) {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.nav-toggle.active .menu { display: none; }
.nav-toggle.active .close { display: block; }
/* blog */
.posts .post-container { width: 50%; }
}
@media (max-width: 800px) {
/* single post */
.post-navigation a { height: 100px; }
}
@media (max-width: 600px) {
/* sidebar */
.sidebar { padding: 20px 5%; }
.blog-title a {
padding: 5px 7px 5px 9px;
font-size: 16px;
letter-spacing: 2px;
}
/*padding: 5px 7px 5px 9px;*/
/* blog */
.posts .post-container {
width: 100%;
padding: 0;
}
.posts .post-container + .post-container { margin-top: 20px; }
.load-container { margin-top: 30px; }
/* single post */
.post.single .post-inner { padding-top: 0px; }
.post.single .post-title {
font-size: 26px;
margin-bottom: 12px;
}
body.single-post .content.thin,
body.page .content.thin,
body.single-attachment .content.thin {
margin: 0;
max-width: 100%;
}
.post-navigation { padding: 0 3%; }
/* post content */
.post-content h4, .post-content h6 { margin: 0 0 20px; }
/*.post-content h1 { font-size: 1.75em; }*/
/*.post-content h2 { font-size: 1.5em; }*/
/*.post-content h3 { font-size: 1.25em; }*/
/*.post-content h4 { font-size: 1.1em; }*/
/*.post-content h5 { font-size: 1em; }*/
/*.post-content h6 { font-size: 0.85em; }*/
.post-content hr { margin: 2em 0; }
.post-content .alignleft,
.post-content .alignleft img,
.post-content .alignright,
.post-content .alignright img {
max-width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
}
/* comments */
.comments-title,
.comment-reply-title {
font-size: 1.25em;
}
#cancel-comment-reply-link { font-size: 0.85rem; }
.comment-actions .fleft,
.comment-actions .fright {
float: none;
}
.comment-awaiting-moderation { margin-bottom: 15px; }
.comments-nav { padding: 18px 0; }
.comments-nav span { display: none; }
/* respond */
.comment-form { margin-top: 30px; }
.comment-form p { margin-top: 20px; }
.comment-form p:first-child { margin-top: 0; }
p.comment-form-author,
p.comment-form-email {
width: 100%;
float: none;
margin: 20px 0 0 0;
}
.comment-form textarea { height: 180px; }
/* pagination */
.page-title { padding-bottom: 20px; }
.page-title h4 {
font-size: 16px;
margin: 0;
}
}
@media (max-width: 500px) {
/* navigation */
.mobile-menu li { margin-top: 20px; }
.mobile-menu ul { margin-left: 20px; }
.mobile-menu .current-menu-item:before,
.mobile-menu .current_page_item:before {
left: -16px;
}
/* blog */
.posts .post { width: 100%; }
/* single post */
.post-navigation { padding: 15px; }
.post-navigation a {
max-height: 80px;
width: 100%;
margin: 0;
float: none !important;
}
.post-navigation a + a { margin-top: 15px; }
.post-meta-bottom ul li {
float: none;
display: block;
margin: 0;
}
.post-meta-bottom ul li + li { margin-top: 8px; }
/* post formats */
.post.single .flex-direction-nav { margin-top: -16px; }
.post.single .flex-direction-nav a {
width: 32px;
height: 32px;
}
.post.single .flex-direction-nav li:nth-child(1) a { margin-left: -32px; }
.post.single .flex-direction-nav li:nth-child(2) a { margin-right: -32px; }
.post.single .flexslider:hover .flex-direction-nav a {
margin-left: 0;
margin-right: 0;
}
/* post content */
.post-content fieldset { padding: 15px; }
/* pagination */
.archive-nav { margin: 30px 25px 25px; }
}
div.prettyprint{
text-align:center;
padding:25px 25px;
border: 2px solid #CCCCCC;
margin: 30px 0px 60px;
border-radius: 20px 10px 40px 15px/50px 40px 10px 20px;
}
.prettyprint span {
font-weight:bold;
}
.article_headline_second {
font-size: 14px;
margin-bottom: -10px !important;
}
.article_headline_second span {
display: inline-block;
padding-right: 10px;
font-size: 14px;
font-weight: 700;
color: #4a4a4a;
font-weight: 700;
vertical-align: middle;
}
/* 小さい文字用*/
.linking {
padding: 0px 0px 2px 8px;
font-size: 18px;
cursor: pointer;
line-height: 1.5em;
border-left: 3px solid #EEE;
margin-bottom: 5px !important;
}
/* 口コミ用*/
.insta_info {
margin-top: 10px;
overflow: hidden;
}
.insta_info .insta_icon {
display: inline-block;
vertical-align: middle;
width: 25px;
border-radius: 13px;
}
.insta_info .insta_user {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
color: #666;
font-size: 13px;
}
.insta_info .acon {
float: right;
margin-top: 5px;
}
.acon.acon-credit-instagram {
width: 71px;
height: 22px;
}
.acon {
display: inline-block;
margin: -1px auto 1px;
vertical-align: middle;
}
.post-kuchiokmi-inner {
margin-left: 5px !important;
margin-bottom: 10px !important;
}
.post-nakaguro-inner {
width: 620px;
max-width: 96%;
margin-top: -10px !important;
margin-left: 5px !important;
}
/* ボタン用*/
.link_btn {
height: 44px;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 45px;
border-radius: 4px;
display: block;
}
.link_btn.link_btn_pink{
color: #FFF;
background: #2CA0CD none repeat scroll 0% 0%;
border-bottom: 2px solid #1E6C8A;
}
.adbox_tag
{
padding: 5px 10px;
background-color: #00A8FF;
display: inline-block;
vertical-align: middle;
position: relative;
color: #FFF;
font-size: 14px;
margin-bottom: 20px;
}
hr.bar9 {
display:block;
width: 100%;
height: 1px;
border: 0;
border-top: 1px dashed #ddd;
margin:1px 0 5px 0;
}
.center_iframe{
display: block;
margin: auto;
}
.linking {
padding: 0px 0px 0px 8px;
font-size: 18px;
cursor: pointer;
line-height: 1.5em;
border-left: 6px solid #B1B1B1;
}
.rel {
margin-top: 5px !important;
color: #5f5f5f;
font-size: 11px !important;
margin-bottom: 2px !important;
line-height: 130% !important;
}
/*---------------------------------
Original-SNS-Button
---------------------------------*/
.sns_frame_top{
/* margin-top:0px; */
/* margin-bottom:0px; */
}
.sns_frame_btm{
/* margin-top:0px; */
/* margin-bottom:0px; */
}
.sns_org {
display:block;
margin:auto;
width:100%;
}
.sns_org ul {
text-align:center;
list-style:none;
}
.sns_org li {
float:left;
width:18%;
margin:0 1% 30px 1%;
}
.sns_org li a {
font-size:75%;
position:relative;
display:block;
padding:12px 2px;
color:#fff;
border-radius:4px;
text-align:center;
text-decoration: none;
}
.sns_org li a:hover {
transform:translate3d(0px, 5px, 1px);
box-shadow:none;
transition-duration:0.4s;
transition-property:all;
transition-timing-function:ease;
}
/* ボタン内のシェア数スタイル */
.sns_org li a .sns_count {
position:absolute;
font-size:85%;
right:5px;
bottom:3px;
}
/* feedlyボタンスタイル */
.sns_org .feedly-o a {
background:#25af00;
box-shadow:0 5px 0 #219900;
}
.sns_org .feedly-o a:hover {
background:#170042;
}
/* lineボタンスタイル */
.sns_org .line-o a {
background:#25af00;
box-shadow:0 5px 0 #219900;
}
.sns_org .line-o a:hover {
background:#170042;
}
/* Twitterボタンスタイル */
.sns_org .twitter-o a {
background:#00acee;
box-shadow:0 5px 0 #0092ca;
}
.sns_org .twitter-o a:hover {
background:#170042;
}
/* Facebookボタンスタイル */
.sns_org .facebook-o a {
background:#2066b1;
box-shadow:0 5px 0 #43638b;
}
.sns_org .facebook-o a:hover {
background:#170042;
}
/* はてブボタンスタイル */
.sns_org .hatebu-o a {
background:#2f70be;
box-shadow:0 5px 0 #43638b;
}
.sns_org .hatebu-o a:hover {
background:#170042;
}
/* Pocketボタンスタイル */
.sns_org .pocket-o a {
background:#ec2136;
box-shadow:0 5px 0 #c0392b;
}
.sns_org .pocket-o a:hover {
background:#170042;
}
/* ウェブフォント */
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?d2zfqs');
src: url('fonts/icomoon.eot?d2zfqs#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?d2zfqs') format('truetype'),
url('fonts/icomoon.woff?d2zfqs') format('woff'),
url('fonts/icomoon.svg?d2zfqs#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-icn_pros_face:before {
content: "\e900";
color: #ed3834;
padding-right: 8px;
font-size: 35px;
vertical-align: middle;
font-weight: 100 !important;
}
.icon-icn_cons_face:before {
content: "\e901";
color: #0c9ed2;
padding-right: 8px;
font-size: 35px;
vertical-align: middle;
font-weight: 100 !important;
}
.icon-icn_check_red:before {
content: "\e902";
color: #ed3834;
font-size: 22px;
font-weight: 800;
vertical-align: sub;
padding-right: 5px;
}
.icon-icn_check_blue:before {
content: "\e903";
color: #0c9ed2;
font-size: 22px;
font-weight: 800;
vertical-align: sub;
padding-right: 5px;
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-hand-o-right:before {
content: "\f0a4";
}
.icon-hand-o-left:before {
content: "\f0a5";
}
.icon-hand-o-up:before {
content: "\f0a6";
}
.icon-hand-o-down:before {
content: "\f0a7";
}
.icon-arrow-circle-left:before {
content: "\f0a8";
}
.icon-arrow-circle-right:before {
content: "\f0a9";
padding-right: 5px;
color: #eb6a7a;
font-size: 14px;
}
.icon-arrow-circle-up:before {
content: "\f0aa";
padding-right: 5px;
color: #eb6a7a;
font-size: 12px;
}
.icon-arrow-circle-up-af:after {
content: "\f0aa";
padding-left: 5px;
color: #eb6a7a;
font-size: 12px;
}
.icon-arrow-circle-down:before {
content: "\f0ab";
}
.icon-angle-double-left:before {
content: "\f100";
}
.icon-angle-double-right:before {
content: "\f101";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-up:after {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-number:before {
content: "\e900";
}
.icon-number2:before {
content: "\e901";
}
.icon-number3:before {
content: "\e902";
}
.icon-number4:before {
content: "\e903";
}
.icon-number5:before {
content: "\e904";
}
.icon-number6:before {
content: "\e905";
}
.icon-number7:before {
content: "\e906";
}
.icon-number8:before {
content: "\e907";
}
.icon-number9:before {
content: "\e908";
}
.icon-number10:before {
content: "\e909";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-number11:before {
content: "\e90b";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-number12:before {
content: "\e90c";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-number13:before {
content: "\e90d";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-number14:before {
content: "\e90e";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-number15:before {
content: "\e90f";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-number16:before {
content: "\e910";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-number17:before {
content: "\e911";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-number18:before {
content: "\e912";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-number19:before {
content: "\e913";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-number20:before {
content: "\e914";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #000;
}
.icon-numberao10:before {
content: "\e90a";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-numberao11:before {
content: "\e90b";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-numberao12:before {
content: "\e90c";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-numberao13:before {
content: "\e90d";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-numberao14:before {
content: "\e90e";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-numberao15:before {
content: "\e90f";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-numberao16:before {
content: "\e910";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-numberao17:before {
content: "\e911";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-numberao18:before {
content: "\e912";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-numberao19:before {
content: "\e913";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-numberao20:before {
content: "\e914";
font-size: 200%;
padding-right: 5px;
vertical-align: bottom;
color: #eb6a7a;
}
.icon-forward:before {
content: "\e914";
}
.icon-popout:after {
content: "\e915";
padding-left: 5px;
color: #019ebd;
font-size: 12px;
}
.icon-feedly:before {
content: "\e600";
}
.icon-hatebu:before {
content: "\e601";
}
.icon-line:before {
content: "\e602";
}
.icon-pocket:before {
content: "\e603";
}
.icon-google-plus:before {
content: "\ea88";
}
.icon-google-drivetitled6:before {
content: "\ea8b";
}
.icon-facebook:before {
content: "\ea8c";
}
.icon-twitter:before {
content: "\ea91";
}
.icon-feed:before {
content: "\ea94";
}
.icon-youtube:before {
content: "\ea99";
}
.icon-file-text:before {
content: "\e922";
}
.icon-profile:before {
content: "\e923";
}
.icon-coin-yen:before {
content: "\e93e";
}
.icon-phone:before {
content: "\e942";
}
.icon-location:before {
content: "\e947";
}
.icon-alarm:before {
content: "\e950";
}
.icon-bubble:before {
content: "\e96b";
padding-right: 5px;
color: #eb6a7a;
font-size: 14px;
}
.icon-bubbles:before {
content: "\e96c";
}
.icon-bubbles2:before {
content: "\e96d";
}
.icon-bubble2:before {
content: "\e96e";
}
.icon-user:before {
content: "\e971";
}
.icon-user-tie:before {
content: "\e976";
}
.icon-search:before {
content: "\e986";
}
.icon-truck:before {
content: "\e9b0";
}
.icon-link:before {
content: "\e9cb";
}
.icon-attachment:before {
content: "\e9cd";
}
.icon-star-empty:before {
content: "\e9d7";
}
.icon-star-full:before {
content: "\e9d9";
}
.icon-heart:before {
content: "\e9da";
}
.icon-heart-broken:before {
content: "\e9db";
}
.icon-happy:before {
content: "\e9df";
padding-right: 5px;
}
.icon-smile:before {
content: "\e9e1";
}
.icon-grin:before {
content: "\e9e9";
}
.icon-angry:before {
content: "\e9ed";
padding-right: 5px;
}
.icon-shocked:before {
content: "\e9f1";
}
.icon-neutral:before {
content: "\e9f7";
padding-right: 5px;
}
.icon-sleepy:before {
content: "\e9fd";
}
.icon-crying:before {
content: "\ea01";
padding-right: 5px;
}
.icon-point-right:before {
content: "\ea04";
}
.icon-point-left:before {
content: "\ea06";
}
.icon-warning:before {
content: "\ea07";
}
.icon-notification:before {
content: "\ea08";
}
.icon-plus:before {
content: "\ea0a";
}
.icon-minus:before {
content: "\ea0b";
}
.icon-cross:before {
content: "\ea0f";
}
.icon-checkmark:before {
content: "\ea10";
}
.icon-checkmark2:before {
content: "\ea11";
}
.icon-play3::before {
content: "\ea1c";
font-size: 80%;
padding-right: 8px;
color: #fff;
}
.icon-stop2:before {
content: "\ea1e";
}
.icon-arrow-up:before {
content: "\ea32";
}
.icon-arrow-right:before {
content: "\ea34";
}
.icon-arrow-down:before {
content: "\ea36";
}
.icon-arrow-left:before {
content: "\ea38";
}
.icon-arrow-up2:before {
content: "\ea3a";
}
.icon-arrow-right2:before {
content: "\ea3c";
padding-right: 5px;
color: #eb6a7a;
font-size: 14px;
}
.icon-arrow-down2:before {
content: "\ea3e";
}
.icon-arrow-left2:before {
content: "\ea40";
}
.icon-circle-up:after {
content: "\ea41";
padding-left: 5px;
color: #019ebd;
font-size: 12px;
}
.icon-circle-right:before {
content: "\ea42";
}
.icon-circle-down:before {
content: "\ea43";
}
.icon-circle-left:before {
content: "\ea44";
}
.icon-checkbox-checked:before {
content: "\ea52";
}
.icon-radio-unchecked:before {
content: "\ea56";
}
.icon-share:before {
content: "\ea7d";
}
.icon-new-tab:after {
content: "\ea7e";
padding-left: 3px;
font-size: 10px;
}
.is-block {
display:block !important;
}
/* BOX */
.c_box{
padding: 1em 4%;
margin: 2em 0 2em;
border: 2px solid #dddddd;
}
.c_box.intitle{
padding-top: 0;
padding-bottom: 1.4em;
}
.c_box.intitle .box_title span{
position: relative;
top: -0.85em;
padding: 0.1em 0.7em;
background: #6d6d6d;
color: #ffffff;
font-weight: bold;
display: inline-block;
vertical-align: bottom;
}
.c_box.blue_box{
background: #d4f3ff;
border-color: #82c8e2;
color: #465d65;
}
.c_box.blue_box .box_title span{
background: #82c8e2;
}
.c_box.red_box{
background: #ffafaf;
border-color: #e77373;
color: #654646;
}
.c_box.red_box .box_title span{
background: #e77373;
}
.c_box.yellow_box{
background: #fff8d4;
border-color: #ded647;
color: #636546;
}
.c_box.yellow_box .box_title span{
background: #ded647;
}
.c_box.green_box{
background: #d8f7c3;
border-color: #79e37c;
color: #42613a;
}
.c_box.green_box .box_title span{
background: #79e37c;
}
.c_box.pink_box{
background: #ffeeee;
border-color: #f7b2b2;
color: #775454;
}
.c_box.pink_box .box_title span{
background: #f7b2b2;
}
.c_box.glay_box{
background: #ececec;
border-color: #c5c5c5;
color: #555555;
}
.c_box.glay_box .box_title span{
background: #9c9c9c;
padding: 10px 10px 10px 5px;
}
.c_box.black_box{
background: #313131;
border-color: #757575;
color: #ffffff;
}
.c_box.black_box .box_title span{
background: #757575;
}
.c-panel {
background-color:#fff;
border-radius:5px;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
box-shadow:0 0 10px rgba(0,0,0,0.3);
margin:20px 0;
overflow:hidden;
padding:15px;
position:relative
}
.c-panel:first-child {
margin-top:0
}
.c-panel:last-child {
margin-bottom:0
}
.c-panel .slick-slider .slick-arrow {
top:40%
}
.c-panel__label {
background-color:#ff6e4a;
color:#fff;
font-size:13px;
font-weight:bold;
left:-45px;
line-height:1;
padding:.75em 0;
position:absolute;
text-align:center;
top:15px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
width:150px;
z-index:1
}
.c-panel__badge-0,.c-panel__badge-1,.c-panel__badge-2,.c-panel__badge-3 {
border-radius:2em;
font-size:18px;
font-weight:bold;
height:50px;
line-height:50px;
text-align:center;
width:50px
}
.c-panel__badge-0 {
background-color:#fff;
border:1px solid #e7e7e7;
color:#484848
}
.c-panel__badge-1 {
background-color:#d9b33f;
color:#fff
}
.c-panel__badge-2 {
background-color:#6f7b82;
color:#fff
}
.c-panel__badge-3 {
background-color:#a05326;
color:#fff
}
.c-panel__header {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.c-panel__header--bordered {
border-bottom:1px solid #e7e7e7;
margin-bottom:15px;
padding-bottom:15px
}
.c-panel__figure {
margin-top:15px
}
.slick-slider .c-panel__figure {
display:inline-block;
vertical-align:top
}
.c-panel__figure-image {
height:250px;
line-height:250px;
margin:0 auto;
text-align:center;
width:250px
}
.c-panel__figure-image>img {
display:inline-block;
max-height:250px;
max-width:250px;
vertical-align:middle
}
.c-panel__figure-rel {
color:#999;
font-size:12px;
margin-top:10px;
text-align:center
}
.c-panel__figure-rel>a {
color:#999
}
.c-panel__heading-wrapper:not(:only-child) {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
padding:5px 0 0 15px
}
.c-panel__heading {
font-size:22px;
line-height:1.25
}
.c-panel__sub-text {
font-size:13px
}
.c-panel__price {
margin-top:20px
}
.c-panel__buttons {
margin:15px 0
}
.c-panel__buttons:last-child {
margin-bottom:0
}
.c-panel__buttons>li+li {
margin-top:10px
}
.c-panel__info {
margin-bottom:15px
}
.c-panel__info:last-child {
margin-bottom:0
}
.c-panel__info-description {
color:#666;
font-size:12px;
margin-top:7px
}
.c-panel__footer {
border-top:1px solid #e7e7e7;
margin-top:15px;
padding-top:15px
}
.p-profile__avatar {
border: 1px solid #e7e7e7;
border-radius: 100%;
}
.c-widget-md {
margin-bottom:30px !important
}
.c-widget-sm {
margin-bottom:15px !important
}
.c-widget-shadow {
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
box-shadow:0 0 10px rgba(0,0,0,0.3)
}
.p-blog-info {
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin:20px 0 10px
}
.p-blog-info>a {
margin-right:20px
}
.p-blog-info img {
height:auto;
width:27px
}
.p-creator-card {
border-bottom:solid 1px #e7e7e7;
display:block;
padding:15px 40px 15px 15px;
position:relative
}
.p-creator-card:first-of-type {
border-top:solid 1px #e7e7e7
}
.p-creator-card>i {
color:#ccc;
font-size:32px;
font-weight:bold;
margin-top:-.5em;
position:absolute;
right:15px;
top:50%
}
.p-creators {
border-top:1px solid #e7e7e7;
margin-top:20px;
padding-top:20px
}
.p-creators__heading {
font-size:18px;
font-weight:bold;
margin-bottom:20px
}
.p-creators__lists {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin:0 -15px 10px;
-webkit-overflow-scrolling:touch;
overflow-x:scroll;
overflow-y:hidden;
white-space:nowrap
}
.p-creators__lists::-webkit-scrollbar {
display:none
}
.p-creators__list {
border:1px solid transparent;
border-radius:100%;
margin-left:10px;
padding:3px
}
.p-creators__list.is-selected {
border-color:#e36342
}
.p-creators__list:first-child {
margin-left:15px
}
.p-creators__avatar {
border:1px solid #e7e7e7;
border-radius:100%
}
.is-selected .p-creators__avatar {
border-color:transparent
}
.p-item-card {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-overflow-scrolling:touch;
overflow-x:scroll;
overflow-y:hidden
}
.p-item-card::-webkit-scrollbar {
display:none
}
.p-item-card__item {
margin:0 0 30px 15px
}
.is-block .p-item-card__item {
margin:15px
}
.is-block .p-item-card__item:last-child {
padding-right:0
}
.p-item-card__item:last-child {
padding-right:15px
}
.p-item-card__item>a {
background-color:#fff;
border-radius:5px;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
box-shadow:0 0 10px rgba(0,0,0,0.3);
display:block;
width:230px
}
.is-block .p-item-card__item>a {
width:auto
}
.p-item-card__header {
background-size:cover;
border-radius:5px 5px 0 0;
height:125px;
position:relative
}
.is-block .p-item-card__header {
height:150px
}
.p-item-card__header::after {
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.7)));
background:-webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
border-radius:5px 5px 0 0;
content:'';
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}
.p-item-card__header-text {
color:#fff;
padding:12px 10px 0;
position:relative;
z-index:1
}
.is-block .p-item-card__header-text {
padding-top:20px
}
.p-item-card__heading {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
display:-webkit-box;
overflow:hidden;
font-size:15px;
font-weight:bold;
margin-bottom:10px
}
.is-block .p-item-card__heading {
font-size:17px
}
.p-item-card__profile-name {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:16px;
padding-top:5px
}
.is-block .p-item-card__profile-name {
font-size:18px
}
.p-item-card__profile-text {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:12px;
padding-left:10px
}
.p-profile {
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-bottom:15px
}
.p-profile:last-of-type {
margin-bottom:0
}
.p-profile__avatar {
border:1px solid #e7e7e7;
border-radius:100%
}
.p-profile__text {
font-size:12px;
padding-left:15px
}
.p-profile__name,.p-profile__name--conclusion {
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
font-size:18px;
font-weight:bold;
margin-bottom:3px
}
.p-profile__name>i,.p-profile__name--conclusion>i {
color:#ccc;
padding-left:7px
}
.p-profile__name--conclusion {
border-bottom:4px solid #e36342
}
.p-sns {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:10px
}
.p-sns__item {
margin-left:10px
}
.p-sns__item>a {
border-radius:2em;
color:#fff;
display:block;
height:30px;
line-height:30px;
text-align:center;
width:50px
}
.u-font-xxl {
font-size: 20px !important;
}
.c-panel__heading {
font-size:22px;
line-height:1.25
}
.c-panel__sub-text {
font-size:13px
}
.c-panel__price {
margin-top:20px
}
.c-panel__buttons {
margin:15px 0
}
.c-panel__buttons:last-child {
margin-bottom:0
}
.c-panel__buttons>li+li {
margin-top:10px
}
.c-panel__info {
margin-bottom:15px
}
.c-panel__info:last-child {
margin-bottom:0
}
.c-panel__info-description {
color:#666;
font-size:12px;
margin-top:7px
}
.c-panel__footer {
border-top:1px solid #e7e7e7;
margin-top:15px;
padding-top:15px
}
.c-button-green {
background-color:#02bb80;
border-radius:5px;
-webkit-box-shadow:0 -4px 0 rgba(0,0,0,0.1) inset;
box-shadow:0 -4px 0 rgba(0,0,0,0.1) inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
display:inline-block;
font-size:15px;
line-height:1;
padding:13px 5px 15px;
text-align:center
}
.c-button-green:hover {
color:#fff;
text-decoration:none
}
.c-button-animation {
-webkit-animation:swing-button 1.25s ease-in-out infinite alternate;
animation:swing-button 1.25s ease-in-out infinite alternate
}
.u-font-lg {
font-size: 16px !important;
}
.press_introduction {
font-size:14px;
line-height:1.8em
}
.press_adsense:empty {
display:none
}
.press_adsense a {
display:block;
margin:12px 0;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
border:1px solid #e7e7e7;
font-size:0;
line-height:1.6
}
.press_adsense a img {
width:100%;
text-align:center
}
.press_parts_body {
font-size:14px;
line-height:1.6
}
.press-title {
line-height:1.6em;
color:#484848
}
.press-title h2 {
font-size:17px;
font-weight:bold;
border-bottom:2px solid #e36342;
padding:10px 0
}
.press-title h3 {
font-size:16px;
font-weight:bold;
border-left:3px solid #e36342;
padding-left:10px
}
.press-title h4 {
font-size:15px;
font-weight:bold
}
.press-text {
margin:25px 0 30px 0;
line-height:1.8em
}
.text-center {
text-align:center
}
.press-image-area {
margin-bottom:30px
}
.press-image {
margin-top:15px;
text-align:center
}
.press-image img {
max-height:350px;
max-width:345px
}
.press-image .press-image__rel {
text-align:center;
font-size:12px;
color:#999;
padding-top:10px
}
.press-image .press-image__rel a {
color:#999
}
.press-image .press-image__rel a:link {
color:#999
}
.press-image__text {
padding:20px 15px;
background-color:#f9f9f9;
margin-top:15px
}
.press-image__text a {
color:#999
}
.press-image__text a:link {
color:#999
}
.press-link {
margin-bottom:20px
}
.EditPressPage .press-link {
margin-bottom:0
}
.press-link a {
position:relative;
display:block;
padding:12px 20px;
text-align:center;
font-size:13px;
text-decoration:underline;
color:#000;
border:1px solid #e7e7e7;
background-color:#f8f8f8
}
.press-link a span {
font-size:12px;
display:inline-block;
position:absolute;
right:18px;
top:16px;
color: #eb6a7a;
}
.press-link .PressLinkSite {
font-size:12px;
width:90%;
display:inline-block;
margin: 0;
}
.press-link .ArticleLinkUrl {
display:none
}
.press-link .ArticleLinkComment {
margin:0;
font-size:14px;
color:#666;
display:none
}
.press-button {
margin-bottom:35px;
display:inline-block;
font-size:14px;
color:#fff;
word-break:break-all;
text-align:center;
vertical-align:middle;
line-height:2.5;
background-color:#02bb80;
-webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0,0.1);
box-shadow:inset 0 -4px 0 rgba(0,0,0,0.1);
border-radius:0.3em
}
/* パンくず */
#breadcrumb{
margin-bottom: 12px;
}
#breadcrumb ul{
padding: 0px;
margin: 0px;
}
#breadcrumb ul li {
display: inline;
margin-right: 0.1em;
}
#breadcrumb ul li a {
text-decoration: none;
color: #019ebd
}
#breadcrumb ul li a:hover{
color: #019ebd
}
/* 日本地図リスト */
.clist {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.clist, .clist th, .clist td {
border: 1px solid #eee;
text-align: center;
}
.clist th {
width: 44px;
font-size: 11px;
padding: 12px 16px;
color: #fff;
font-weight: bold;
background-color: #273e9f;
}
.clist, .clist th, .clist td {
border: 1px solid #eee;
text-align: center;
}
.clist td {
padding: 12px 0;
}
.clist, .clist th, .clist td {
border: 1px solid #eee;
text-align: center;
}
.outline__item
{
list-style-type: none;
background: transparent url(https://onsen-trip.com/wordpress/wp-content/themes/fukasawa/images/triangle2.gif) no-repeat scroll 3px 0.7em;
padding: 5px 0px 10px 15px;
margin-bottom: 15px;
border-bottom: dashed 1px silver;
}
.outline__list
{
position: relative;
margin-bottom: 2em;
margin-left: auto !important;
margin-right: auto;
padding: 10px 15px;
border: 2px solid #C0C0C0;
}
@-webkit-keyframes swing {
0%,100% {
-webkit-transform-origin: bottom center;
}
10% { -webkit-transform: translateX(-50%) translateY(-45%) rotateZ(-45deg); }
20% { -webkit-transform: translateX(-50%) translateY(-15%) rotateZ(-45deg); }
30% { -webkit-transform: translateX(-50%) translateY(-40%) rotateZ(-45deg); }
40% { -webkit-transform: translateX(-50%) translateY(-20%) rotateZ(-45deg); }
50% { -webkit-transform: translateX(-50%) translateY(-35%) rotateZ(-45deg); }
60% { -webkit-transform: translateX(-50%) translateY(-27%) rotateZ(-45deg); }
70% { -webkit-transform: translateX(-50%) translateY(-33%) rotateZ(-45deg); }
80% { -webkit-transform: translateX(-50%) translateY(-28%) rotateZ(-45deg); }
90% { -webkit-transform: translateX(-50%) translateY(-30%) rotateZ(-45deg); }
100% { -webkit-transform: translateX(-50%) translateY(-30%) rotateZ(-45deg); }
}
.main_yajirushi {
position: relative;
padding: 50px 0 0 0;
}
.main_yajirushi:after {
content: "";
visibility: visible;
width: 20px;
height: 20px;
border: solid #eb6a7a;
border-width: 0 0 2px 2px;
position: absolute;
bottom: 5%;
left: 50%;
-webkit-transform: translateX(-50%) rotateZ(-45deg);
transform: translateX(-50%) rotateZ(-45deg);
-webkit-animation: swing 3.5s infinite;
animation: swing 2.5s infinite;
}
.post-content .attention-pink p {
margin-bottom: 10px !important;
}
wp-caption-shiro {
font-size: 12px !important;
color: #fff;
text-align: center;
}
.tab_black {
position: relative;
display: block;
margin: auto;
padding: 0;
background: none;
box-sizing: border-box;
}
.tab_black:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #0c0c0c;
}
.tab_black span {
position: relative;
display: block;
width: 15em;
padding: 3px 5px;
background: #fff;
border: 2px solid #0c0c0c;
border-bottom: 0;
border-radius: 7px 7px 0 0;
text-align: center;
}
.tab_black span:before {
content: '';
display: block;
position: absolute;
right: -8px;
bottom: 0;
width: 8px;
height: 8px;
background: #fff;
}
.tab_black span:after {
content: '';
display: block;
position: absolute;
right: -8px;
bottom: 0;
width: 8px;
height: 8px;
border-radius: 8px;
background: #fff;
border: 2px solid #0c0c0c;
border-top: 0;
border-right: 0;
border-radius: 0 0 0 8px;
box-sizing: border-box;
}
.tab_black span strong {
padding: .1em;
background: linear-gradient(transparent 60%,#eb6a7a 40%);
background: -moz-linear-gradient(transparent 60%,#eb6a7a 40%);
background: -webkit-linear-gradient(transparent 90%,#eb6a7a 15%);
background: -ms-linear-gradient(transparent 60%,#eb6a7a 40%);
background: -o-linear-gradient(transparent 60%,#eb6a7a 40%);
font-weight: 500;
}
.tab_pink {
position: relative;
display: block;
margin: auto;
padding: 0;
background: none;
box-sizing: border-box;
line-height: 240% !important;
}
.tab_pink:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #eb6a7a;
}
.tab_pink span {
position: relative;
display: block;
width: 15em;
padding: 3px 5px;
background: #fff;
border: 2px solid #eb6a7a;
border-bottom: 0;
border-radius: 7px 7px 0 0;
text-align: center;
}
.tab_pink span:before {
content: '';
display: block;
position: absolute;
right: -8px;
bottom: 0;
width: 8px;
height: 8px;
background: #fff;
}
.tab_pink span:after {
content: '';
display: block;
position: absolute;
right: -8px;
bottom: 0;
width: 8px;
height: 8px;
border-radius: 8px;
background: #fff;
border: 2px solid #eb6a7a;
border-top: 0;
border-right: 0;
border-radius: 0 0 0 8px;
box-sizing: border-box;
}
.marumoji_1 {
font-family: 'Raleway',sans-serif;
color: #eb6a7a;
font-size: 137%;
text-shadow: 1px 1px 0px #555555, 1px -1px 0px #555555, -1px 1px 0px #555555, -1px -1px 0px #555555, 0 1px 0 #555555, 0 -1px 0 #555555, 1px 0 0 #555555, -1px 0 0 #555555, 0 0 1px #555555, 0 0 1px #555555;
display: table;
margin: auto auto 10px;
-webkit-transform: scaleX(.93);
-moz-transform: scaleX(.93);
-ms-transform: scaleX(.93);
-o-transform: scaleX(.93);
transform: scaleX(1.5);
letter-spacing: .08em;
font-weight: bolder;
}
.article-box-caution:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 7px;
border: 1px solid #231815;
border-bottom: 0;
border-radius: 3px 3px 0 0;
box-sizing: border-box;
}
.article-box-caution {
position: relative;
margin: 20px auto;
border-radius: 3px;
font-weight: 300;
overflow: hidden;
}
.tabrow {
list-style: none;
padding: 0 0 0 30px;
line-height: 60px !important;
height: 60px !important;
overflow: hidden;
font-size: 12px;
position: relative;
margin-left: 0 !important;
}
.tabrow:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 2px solid #eb6a7a;
z-index: 1;
}
.tabrow li {
border: 2px solid #eb6a7a;
background: #D1D1D1;
background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
display: inline-block;
position: relative;
z-index: 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
text-shadow: 0 1px #FFF;
margin: 0 -5px;
padding: 0px 30px 10px 30px;
line-height: 130% !important;
text-align: center;
font-size: 12px !important;
}
.tabrow li:before {
left: -6px;
border-bottom-right-radius: 6px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow a {
color: #555;
text-decoration: none;
font-weight: 900;
font-size: 13px;
}
.tabrow li.selected {
background: #FFF;
color: #333;
z-index: 2;
border-bottom-color: #FFF;
}
.tabrow li.selected:before {
box-shadow: 2px 2px 0 #FFF;
}
.tabrow li.selected:after {
box-shadow: -2px 2px 0 #FFF;
}
.u-visible-sp {
display: block!important;
}
.onsen-inner__gnav-list-item {
font-weight: 400;
display: table-cell;
/* overflow: hidden; */
height: 100%;
/* padding: 1rem .2rem; */
/* vertical-align: middle; */
-webkit-display: table-cell;
-ms-display: table-cell;
-ms-vertical-align: middle;
-webkit-vertical-align: middle;
position: relative;
display: inline-block;
width: 100%;
padding: 1rem 0;
}
.prts__contents_15 .cmsi__txt {
width: 90%;
padding: 40px 8%;
border-radius: 25px;
background-image: none;
border: 1px solid #3d709e;
}
.prts__contents_15:after {
content: '';
display: block;
position: absolute;
top: 34px;
left: 0;
right: 0;
margin: auto;
width: 20px;
height: 18px;
background: url(https://onsen-trip.com/wordpress/wp-content/uploads/2019/12/baloon_ue_kuchi.gif) no-repeat center top;
top: 13px;
}
.bg_pionk {
/*margin-top: 60px;*/
/* margin-bottom: 80px;*/
/* padding: 10px 0 60px;*/
/* background-color: #f9eff1;*/
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFF),color-stop(.75, #FFF), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 20px 20px;
}
/* PC検索用地図 */
@media screen and (min-width: 760px) {
.show-sml {
display: none;
}
.show-wide {
display: block;
}
.map-rap .imagemap-base {
width: 100%;
height: auto;
position: relative;
z-index: 1;
}
.map-rap {
position: relative;
margin-bottom: 54px;
}
.map-rap map {
position: relative;
z-index: 1000;
}
.imut li {
position: absolute;
z-index: 2;
width: 130px;
height: 32px;
}
.imut .btn-01{
top: 110px;
right: 90px;
}
.imut .btn-02{
top: 145px;
right: 70px;
}
.imut .btn-03{
top: 50px;
right: 242px;
}
.imut .btn-04{
top: 218px;
right: 70px;
}
.imut .btn-05{
top: 87px;
right: 280px;
}
.imut .btn-06{
top: 113px;
right: 370px;
}
.imut .btn-07{
top: 133px;
right: 474px;
}
.imut .btn-08{
top: 100px;
right: 70px;
}
.map-rap .imagemap-base{
width:100%;
height:auto;
position: relative;
z-index: 1;
}
.imut a {
display: block;
font-size: 13px;
background-color: #fff;
border: 2px solid #eb6a7a;
color:#333;
border-radius: 16px;
height: 100%;
padding-top: 8px;
line-height: 1;
text-align: center;
opacity: 1;
transition: background-color .4s,border .4s,color .4s;
}
.ih-unit li{
position:absolute;
z-index:2;
opacity:0;
transition:opacity 0.4s;
}
.ih-unit li:hover{
opacity:1;
}
.ih-unit li.hover{
opacity:1;
}
.ih-unit li:nth-child(1){
top: 29px;
right: 175px;
}
.ih-unit li:nth-child(2){
top: 175px;
right: 175px;
}
.ih-unit li:nth-child(3){
top: 130px;
right: 239px;
}
.ih-unit li:nth-child(4){
top: 205px;
right: 325px;
}
.ih-unit li:nth-child(5){
top: 160px;
right: 285px;
}
.ih-unit li:nth-child(6){
top: 165px;
right: 333px;
}
.ih-unit li:nth-child(7){
top: 165px;
right: 383px;
}
.ih-unit li:nth-child(8){
top: 89px;
right: 175px;
}
}
/* 検索用地図スマホ */
@media screen and (max-width: 760px) {
.show-wide {
display: none;
}
.show-sml {
display: block;
}
.ih-unit {
display: none;
}
.map-rap .imagemap-base-sp{
width: 100%;
height: auto;
}
.map-rap .imagemap-base{
width:100%;
height:auto;
position: relative;
z-index: 1;
}
.map-rap{
position:relative;
margin-bottom: 54px;
}
.map-rap map{
position:relative;
z-index:1000;
}
.imut li{
position:absolute;
z-index: 2;
width: 99px;
height:32px;
}
.imut a{
display:block;
font-size:14px;
background-color:#fff;
border:2px solid #8A6D37;;
color:#333;
border-radius:16px;
height:100%;
padding-top: 9px;
line-height: 1;
text-align:center;
opacity:1;
transition:background-color 0.4s, border 0.4s, color 0.4s;
}
.imut li{
width: 70px;
height: 22px;
}
.imut a{
font-size:11px;
padding-top: 5px;
letter-spacing: 0;
}
.imut a img{
width:100%;
height:auto;
}
.imut .btn-01{
top: 15.4%;
right: 3%;
}
.imut .btn-02{
top: 53%;
right: 3%;
}
.imut .btn-03{
top: 24%;
right: 43%;
}
.imut .btn-04{
bottom: 7%;
right: 3%;
}
.imut .btn-05{
top: 37.4%;
right: 50.8%;
}
.imut .btn-06{
top: 25%;
right: 67%;
}
.imut .btn-07{
top: 43%;
right: 79%;
}
.imut .btn-08{
top: 37%;
right: 3%;
}
}
.area-navigation.flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 300px;
margin: 0 auto 51px;
}
.area-navigation li {
line-height: 1;
border-right: 1px solid
#111;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 16px !important;
}
.spot-nav-wrap {
width: 100%;
margin-bottom: 40px!important;
margin-top: 40px!important;
}
.spot-nav-items {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-left: 0px !important;
}
.spot-nav-items .spot-nav-item.active {
border-bottom: 2px solid
#F08D8D;
}
.spot-nav-items .spot-nav-item {
width: 25%;
text-align: center;
border-top: 1px solid
#ddd;
border-bottom: 1px solid #ddd;
}
.spot-nav-items .spot-nav-item {
text-align: center;
}
.spot-nav-items .spot-nav-item.active a {
padding-bottom: 14px;
color:
#F08D8D;
}
.spot-nav-items .spot-nav-item a {
padding: 15px 0;
padding-bottom: 15px;
display: block;
color: #404040;
}
.area-navigation.flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 300px;
margin: 0 auto 51px;
}
.area-navigation.ue-pad {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 20px;
}
/*くちこみ用*/
tr.a-histogram-row {
color: #767676;
}
#histogramTable td {
vertical-align: middle;
}
tr.a-histogram-row:first-child td {
padding-top: 0;
}
tr.a-histogram-row td:first-child {
padding-left: 0;
}
.a-size-base {
/* font-size: 1rem !important;*/
/* line-height: 1.35 !important;*/
white-space: nowrap;
}
.a-letter-space {
/* display: inline-block; */
/* width: 0;*/
}
.a-meter {
border-radius: .3rem;
box-shadow: inset 0 .1rem .2rem
rgba(0,0,0,.4),inset 0 0 0 .1rem
rgba(0,0,0,.1);
}
.a-meter {
overflow: hidden;
background: #f2f2f2;
background: -webkit-linear-gradient(top,#eee,#f6f6f6);
background: linear-gradient(to bottom,#eee,#f6f6f6);
background-color: rgba(0, 0, 0, 0);
background-color:
#f3f3f3;
height: 1.6rem;
}
.a-meter .a-meter-bar {
box-shadow: inset 0 0 0 .1rem
rgba(0,0,0,.25);
}
.a-meter .a-meter-bar {
border-radius: .1rem;
background: #fb0;
background: -webkit-linear-gradient(top,#ffce00,#ffa700);
background: linear-gradient(to bottom,#ffce00,#ffa700);
background-color: rgba(0, 0, 0, 0);
background-color:
#ffce00;
}
.a-meter .a-meter-bar {
-webkit-transition: width .5s ease;
transition: width .5s ease;
float: left;
font-size: 0;
height: 100%;
width: 0;
}
.a-meter .a-meter-bar::before {
background-color:
rgba(255,255,255,.25);
}
.a-meter .a-meter-bar::before {
content: "";
display: block;
font-size: 0;
height: .1rem;
margin: .1rem;
}
.a-span10 {
width: 82.5%;
}
.aok-nowrap {
white-space: nowrap;
}
.a-icon {
background-image: url(https://aroma-oil.com/wordpress/wp-content/themes/fukasawa/images/star_kuchikomi.png);
background-size: 40rem 90rem;
background-repeat: no-repeat;
display: inline-block;
}
.a-star-small-5 {
background-position: -.5rem -36.8rem;
}
.a-star-small-4 {
background-position: -2.1rem -36.8rem;
}
.a-star-small-3 {
background-position: -3.7rem -36.8rem;
}
.a-star-small-2 {
background-position: -5.3rem -36.8rem;
}
.a-star-small-1 {
background-position: -6.9rem -36.8rem;
}
.a-star-small-0 {
background-position: -8.5rem -36.8rem;
}
.a-icon-star-small {
width: 8rem;
height: 1.8rem;
}
.a-icon-star-small {
position: relative;
vertical-align: text-top;
}
.a-row::before {
display: table;
content: "";
line-height: 0;
font-size: 0;
}
.shRvwUserAreaClmn {
border-bottom: solid 1px #E5E5E5;
}
.shRvwUserArea {
text-align: center;
margin: 0 auto;
overflow: hidden;
padding: 10px;
}
.shRvwUserPoint {
display: block;
}
.detaiArea {
float: left;
text-align: left;
}
.shRvwUserPointCmt {
text-align: left;
padding: 10px 0;
clear: both;
}
.starImg {
display: inline;
}
.starImg {
padding-top: 5px;
overflow: hidden;
}
.number {
font-weight: bold;
font-size: 150%;
color: #fe7f00;
display: inline-block;
margin-left: 5px;
padding-bottom: 5px;
margin-top: -5px;
}
.review_toggleContainer {
min-height: 32px;
}
.comment {
/* height: 48px;*/
overflow: hidden;
}
.review_toggleContainer p {
min-height: 32px;
}
.shRvwUserNextReadTxt {
color:
#1D54A7;
display: inline;
}
.review_open_select {
display: inline-block;
float: right;
padding: 10px 0;
}
.review_close_select {
display: inline-block;
float: right;
padding: 10px 0;
}
.starImg li {
float: left;
padding-right: 3px;
}
.text_overflow{
margin-bottom: 0px !important;
}
.list li.is-hidden {
opacity: 0;
height: 0;
margin: 0;
}
.more {
text-align: center;
margin-top: 20px;
}
.kuchikomi-s-box-blue {
background-color: #D7E8EA;
line-height: 20px;
margin: 10px 10px 0px 0px !important;
border-bottom: solid 1px #969696;
display: inline-block;
font-size: 16px;
color: #111111 !important;
padding: 3px 10px 3px 10px;
}
input[type="radio"]{display:none;}
#501:checked ~ .tab_area .tab1_label{background:#fff; color:#000;}
.spot-nav-wrap {
width: 100%;
margin-bottom: 40px!important;
margin-top: 40px!important;
}
.spot-nav-items {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.spot-nav-items .spot-nav-item.active {
border-bottom: 2px solid
#F08D8D;
}
.spot-nav-items .spot-nav-item {
width: 25%;
text-align: center;
border-top: 1px solid
#ddd;
border-bottom: 1px solid #ddd;
}
.spot-nav-items .spot-nav-item {
text-align: center;
}
.spot-nav-items .spot-nav-item.active a {
padding-bottom: 14px;
color:
#F08D8D;
}
.spot-nav-items .spot-nav-item a {
padding: 15px 0;
padding-bottom: 15px;
display: block;
color: #404040;
}
.media-items::before, .media-items::after {
content: "";
display: table;
}
.media-items .media-item {
float: left;
width: 25%;
height: 165px;
border-right: 1px solid
#fff;
border-bottom: 1px solid
#fff;
overflow: hidden;
position: relative;
background-color:
#f9f9f9;
}
.media-items .media-item .popup > img {
position: absolute;
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.media-items {
width: calc(100% + 20px);
margin-left: -10px;
margin-right: -10px;
}
.media-items.large .media-item {
height: calc(100vw / 3);
width: calc(100vw / 3);
}
}
.next-link-wrap {
width: 100%;
padding-top: 20px;
}
.next-link {
display: block;
text-align: center;
border: 1px solid #404040;
border-radius: 3px;
color: #404040;
width: 300px;
margin: 20px auto 0;
padding: 10px;
cursor: pointer;
}
a.wordone {
color: #000000 !important;
}
a.wordtwo {
color: #000000 !important;
}
a.wordthree {
color: #000000 !important;
}
a.wordfour {
color: #000000 !important;
}
a.wordfive {
color: #000000 !important;
}
a.wordsix {
color: #000000 !important;
}
a.wordseven {
color: #000000 !important;
}
a.wordeight {
color: #000000 !important;
}
.symptom-tab.is-upside {
margin-top: 25px;
border-bottom: solid 5px #cccccc;
}
.symptom-tab {
width: 100%;
}
.symptom-tab__list {
width: calc(100% - 12px);
margin-left: auto;
margin-right: auto;
display: flex;
margin-left: auto !important;
margin-bottom: 0 !important;
}
.is-upside .symptom-tab__list__item {
align-items: flex-end;
}
.symptom-tab__list__item:first-child {
margin-left: 0px;
}
.symptom-tab__list__item {
display: flex;
}
.symptom-tab__list__item {
width: calc(( 100% - 6px ) / 3);
margin-left: 3px;
}
.is-upside .symptom-tab__list__item__ttl {
border-radius: 6px 6px 0 0;
}
.symptom-tab__list__item__ttl {
display: block;
background-color: #ccc;
width: 98%;
height: calc(76px/2);
font-size: 20px;
text-align: center;
line-height: calc(90px/2);
color: #fff;
text-decoration: none;
font-weight: 600;
}
.is-avtive .symptom-tab__list__item__ttl {
background-color: #eb6a7a;
height: calc(90px / 2);
line-height: calc(104px/2);
}
/* PC検索用地図 */
@media screen and (min-width: 760px) {
.show-sml {
display: none;
}
.show-wide {
display: block;
}
.map-rap .imagemap-base {
width: 100%;
height: auto;
position: relative;
z-index: 1;
}
.map-rap {
position: relative;
margin-bottom: 54px;
}
.map-rap map {
position: relative;
z-index: 1000;
}
.imut li {
position: absolute;
z-index: 2;
width: 99px;
height: 32px;
}
.imut .btn-01{
top: 49px;
right: 70px;
}
.imut .btn-02{
top: 145px;
right: 70px;
}
.imut .btn-03{
top: 50px;
right: 242px;
}
.imut .btn-04{
top: 218px;
right: 70px;
}
.imut .btn-05{
top: 87px;
right: 280px;
}
.imut .btn-06{
top: 113px;
right: 370px;
}
.imut .btn-07{
top: 133px;
right: 474px;
}
.imut .btn-08{
top: 100px;
right: 70px;
}
.map-rap .imagemap-base{
width:100%;
height:auto;
position: relative;
z-index: 1;
}
.imut a {
display: block;
font-size: 13px;
background-color: #fff;
border: 2px solid#8A6D37;
color:#333;
border-radius: 16px;
height: 100%;
padding-top: 8px;
line-height: 1;
text-align: center;
opacity: 1;
transition: background-color .4s,border .4s,color .4s;
}
.ih-unit li{
position:absolute;
z-index:2;
opacity:0;
transition:opacity 0.4s;
}
.ih-unit li:hover{
opacity:1;
}
.ih-unit li.hover{
opacity:1;
}
.ih-unit li:nth-child(1){
top: 29px;
right: 175px;
}
.ih-unit li:nth-child(2){
top: 175px;
right: 175px;
}
.ih-unit li:nth-child(3){
top: 130px;
right: 239px;
}
.ih-unit li:nth-child(4){
top: 205px;
right: 325px;
}
.ih-unit li:nth-child(5){
top: 160px;
right: 285px;
}
.ih-unit li:nth-child(6){
top: 165px;
right: 333px;
}
.ih-unit li:nth-child(7){
top: 165px;
right: 383px;
}
.ih-unit li:nth-child(8){
top: 89px;
right: 175px;
}
}
/* 検索用地図スマホ */
@media screen and (max-width: 760px) {
.show-wide {
display: none;
}
.show-sml {
display: block;
}
.ih-unit {
display: none;
}
.map-rap .imagemap-base-sp{
width: 100%;
height: auto;
}
.map-rap .imagemap-base{
width:100%;
height:auto;
position: relative;
z-index: 1;
}
.map-rap{
position:relative;
margin-bottom: 54px;
}
.map-rap map{
position:relative;
z-index:1000;
}
.imut li{
position:absolute;
z-index: 2;
width: 99px;
height:32px;
}
.imut a{
display:block;
font-size:14px;
background-color:#fff;
border:2px solid #8A6D37;;
color:#333;
border-radius:16px;
height:100%;
padding-top: 9px;
line-height: 1;
text-align:center;
opacity:1;
transition:background-color 0.4s, border 0.4s, color 0.4s;
}
.imut li{
width: 70px;
height: 22px;
}
.imut a{
font-size:11px;
padding-top: 5px;
letter-spacing: 0;
}
.imut a img{
width:100%;
height:auto;
}
.imut .btn-01{
top: 15.4%;
right: 3%;
}
.imut .btn-02{
top: 53%;
right: 3%;
}
.imut .btn-03{
top: 24%;
right: 43%;
}
.imut .btn-04{
bottom: 7%;
right: 3%;
}
.imut .btn-05{
top: 37.4%;
right: 50.8%;
}
.imut .btn-06{
top: 25%;
right: 67%;
}
.imut .btn-07{
top: 43%;
right: 79%;
}
.imut .btn-08{
top: 37%;
right: 3%;
}
}
.area-navigation.flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 300px;
margin: 0 auto 51px;
}
.area-navigation.ue-pad {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 20px;
}
.area-navigation li {
line-height: 1;
border-right: 1px solid
#111;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 16px !important;
}
.review-inner {
background: #fff;
padding: 10px;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}