@charset "utf-8";

/*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*
* Browser Style Reset
^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*/

/*@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
*{   box-sizing: border-box;
    text-size-adjust: 100%;
    outline:none!important;
    -webkit-text-size-adjust: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td	,button,figure{
    margin: 0;	padding: 0;
    border:none;

}
address, caption, cite, code, dfn, em, strong, th, var	{
    font-style: normal;
}
table	{
    border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
    text-align: left;
}
q:before ,q:after	{
    content: '';
}
object, embed	{
    vertical-align: top;
}
hr, legend	{
    display: none;
    clear:both;

}
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
html{
    font-size:10px;
}
h1, h2, h3, h4, h5, h6	{
    font-size: 100%;
    font-weight:normal;
}
img, abbr, acronym, fieldset	{
    border: 0;
    vertical-align: bottom;
    outline:none;
}
li	{
    list-style-type: none;
}
input {
    border: 1px none #CCC;
    font-family:'Lucida Grande','Noto Sans Japanese','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
    color: #222;
    font-size: 1.5rem;
    line-height: 1.4;
    text-align: left;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family:'Lucida Grande','Noto Sans Japanese','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
    color: #222;
    font-size: 1.5rem;
    line-height: 1.4;
}
select::-ms-expand {
    display: none;
}

.p-0 {
    padding: 0px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-20 {
    padding: 20px !important;
}
.p-30 {
    padding: 30px !important;
}
.p-l-0 {
    padding-left: 0px !important;
}
.p-l-10 {
    padding-left: 10px !important;
}
.p-l-20 {
    padding-left: 20px !important;
}
.p-l-30 {
    padding-left: 30px !important;
}
.p-r-0 {
    padding-right: 0px !important;
}
.p-r-10 {
    padding-right: 10px !important;
}
.p-r-20 {
    padding-right: 20px !important;
}
.p-r-30 {
    padding-right: 30px !important;
}
.p-r-40 {
    padding-right: 40px !important;
}
.p-t-0 {
    padding-top: 0px !important;
}
.p-t-10 {
    padding-top: 10px !important;
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-t-30 {
    padding-top: 30px !important;
}
.p-b-0 {
    padding-bottom: 0px !important;
}
.p-b-10 {
    padding-bottom: 10px !important;
}
.p-b-20 {
    padding-bottom: 20px !important;
}
.p-b-30 {
    padding-bottom: 30px !important;
}
.p-b-40 {
    padding-bottom: 40px !important;
}
.m-0 {
    margin: 0px !important;
}
.m-l-5 {
    margin-left: 5px !important;
}
.m-l-10 {
    margin-left: 10px !important;
}
.m-l-15 {
    margin-left: 15px !important;
}
.m-l-20 {
    margin-left: 20px !important;
}
.m-l-30 {
    margin-left: 30px !important;
}
.m-l-40 {
    margin-left: 40px !important;
}
.m-r-5 {
    margin-right: 5px !important;
}
.m-r-10 {
    margin-right: 10px !important;
}
.m-r-15 {
    margin-right: 15px !important;
}
.m-r-20 {
    margin-right: 20px !important;
}
.m-r-30 {
    margin-right: 30px !important;
}
.m-r-40 {
    margin-right: 40px !important;
}
.m-t-5 {
    margin-top: 5px !important;
}
.m-t-0 {
    margin-top: 0px !important;
}
.m-t-10 {
    margin-top: 10px !important;
}
.m-t-15 {
    margin-top: 15px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-t-30 {
    margin-top: 30px !important;
}
.m-t-40 {
    margin-top: 40px !important;
}
.m-b-0 {
    margin-bottom: 0px !important;
}
.m-b-5 {
    margin-bottom: 5px !important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-b-15 {
    margin-bottom: 15px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.m-b-30 {
    margin-bottom: 30px !important;
}
.m-b-40 {
    margin-bottom: 40px !important;
}
.m-b-50 {
    margin-bottom: 50px !important;
}


/*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*
* Font Style
^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*/
body {
    font-family:'Lucida Grande','Noto Sans Japanese','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
    color: #222;
    font-size: 1.5rem;
    line-height: 1.3;
    text-align: left;
}
/*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*
* link Style
^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*/
a:link	{
    color:#2e649b;
    text-decoration: none;
}

a:visited	{
    color:#2e649b;
    text-decoration: none;

}
a:hover	{
    color:#2e649b;
    text-decoration: underline;
}

footer .nav_area a:link{
    color:#FFF;
}
footer .nav_area a:visited{
    color:#FFF;
}
footer .nav_area a:hover{
    color:#FFF;
    text-decoration: underline;
}

.snsbox a:link{
    color:#FFF;
}
.snsbox a:visited{
    color:#FFF;
}
.snsbox a:hover{
    color:#FFF;
}

/*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*
* new clearfix
^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { /*zoom: 1;*/ } /* IE6 */
*:first-child+html .clearfix {  /*zoom: 1;*/ } /* IE7 */
.left {
    float: left;
}
.right {
    float: right;
}
.center {
    text-align: center;
}



.both {
    clear: both;
}
.impct {
    color: #eb3535;
}
.kome {
    color: #888888;
}
.nobg {
    background-image: none!important;
    border: none!important;
}

/* ======================================================================
Image Rollover
======================================================================== */
a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

a:hover canvas {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}


input:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
::-webkit-input-placeholder {
    color: #959595;
}
::-moz-placeholder {
    color: #959595; opacity: 1;
}
:-ms-input-placeholder {
    color: #959595;
}



/* ======================================================================
layout
======================================================================== */
.red{
    background: #d44650;
}
.green{
    background: #44a481;
}
.orenge{
    background: #f1a14b;
}
.gray {
    background: #555555;
}
.blue{
    background: #2e649b;
}
a.orenge:hover{
    background: #f4b366;
    text-decoration: none;
}
a.green:hover{
    background: #69b69a;
    text-decoration: none;
}
.to_top a{
    position: fixed;
    right:calc(50% - 630px);
    display: block;
background: url("../img/foot_bg.png");
    padding:14px 15px 19px 15px;
    border-radius: 50px;
    line-height: 1;
}
.to_top{
    position: relative;
    width: 1100px;
    margin: 0 auto;
}
header .bar {
    display: flex;
}
header .bar div{
    height:4px;
    overflow: hidden;
    font-size:1px;
    width: 25%
}
header  .inner{
    width: 1100px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
header h1{
    font-weight: bold;
    padding:43px 0 25px 0;
}
header h1 span{
    display:inline-block;
    padding-left:20px;
    letter-spacing: 1.8px;
}
header h1 img{
    width:250px;
}

header .input_set{
    margin-top:55px;
    background: #f8f7f5;
    border-radius: 50px;
    padding:5px;
}
header input{
    background: #f8f7f5;
    margin:3px 0 0 15px;
    font-size: 1.4rem;
}
header button{
    text-indent: -9999px;
    padding:3px 8px;
    background: #f8f7f5 url("../img/icon_search.png") no-repeat center bottom 6px;
    border-left:1px solid #e8e3da;
    cursor: pointer;
    width:38px;
}




header select#header_search_type {
    position: relative;
    z-index: 1;
    color: #666666;
    line-height: 1.0;

    display: inline-block;
font-size:1.4rem;
    width: 80px;
    padding: 3px 0;
padding-left:10px;

    border-left: 1px solid #e8e3da;
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    box-shadow: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}
.select-group
{
    position: relative;
    display: inline-block;
    overflow: hidden;

    box-sizing: border-box;

    padding: 0;

    vertical-align: middle;


}
.select-group:after
{
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;

    width: 0;
    height: 0;
    margin: auto;

    content: '';

    border-top: 4px solid #999;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}




.search_area{
    background: #f8f7f5;
    /*overflow: hidden;*/

}
.search_area .inner{
    width:1100px;
    margin: 0px auto;
    padding: 15px 0;
    /*overflow: hidden;*/
}
.search_area .inner:after { content: ""; display: block; visibility: hidden; overflow: hidden; height: 0; clear: both }
.search_area .pref_name,
.search_area .thema {
    border-radius: 2px;
    border: 1px solid #cbcac9;
    background: #FFF;
    position: relative;
    padding:2px 0 3px 40px;
}
.search_area .inner .form div{
    float: left;
    height: 45px;
    position: relative;
}
.search_area .inner .x{
    font-size:2.4rem;
    padding: 10px;
    line-height: 1.5rem;
    vertical-align: middle;
}
.search_area .pref_name input,
.search_area .pref_name select{
    width:435px;
    border: none;
    padding: 8px 40px 8px 0;
    background: #FFF url(../img/icon_arrow_01.png) no-repeat center right 15px;
}
.search_area .thema input,
.search_area .thema select{
    width:435px;
    border: none;
    padding: 8px 40px 8px 0;
    background: #FFF url(../img/icon_arrow_02.png) no-repeat center right 15px;
}
.search_area .pref_name img,
.search_area .thema img{
    position: absolute;
    left:10px;
    top:8px;
}
.search_area .x img{
    padding:15px;
}
.search_area .submit{
    background: #222;
    color:#FFF;
    font-weight: bold;
    font-size: 1.5rem;
    padding:0 30px;
    border-radius: 2px;
    display:block;
    float: right;
    height: 45px;
    cursor: pointer;
}
.search_area .submit:hover{
    background: #555;
}







/*
.search_area{
	background: #f8f7f5;
	overflow: hidden;

}
.search_area .inner{
	width:1100px;
	margin:  15px auto;
	overflow: hidden;
}
.search_area .pref_name,
.search_area .thema {
	border-radius: 4px;
	border: 1px solid #cbcac9;
	background: #FFF;
	position: relative;
	padding:2px 0 3px 40px;
}
.search_area .inner div{
	float: left;
	height: 45px;
}
.search_area .inner .x{
	font-size:3.0rem;
	padding: 10px;
	line-height: 1.5rem;
	vertical-align: middle;
}
.search_area .pref_name input{
	width:435px;
	border: none;
	padding: 8px 40px 8px 0;
	background: #FFF url(/img/icon_arrow_01.png) no-repeat center right 15px;
	cursor: pointer;
}
.search_area .thema input{
	width:435px;
	border: none;
	padding: 8px 40px 8px 0;
	background: #FFF url(/img/icon_arrow_02.png) no-repeat center right 15px;
	cursor: pointer;
}
.search_area .pref_name img,
.search_area .thema img{
	position: absolute;
	left:10px;
	top:8px;
}
.search_area .x img{
	padding:15px;
}
.search_area .submit{
	background: #222;
	color:#FFF;
	font-weight: bold;
	font-size: 1.5rem;
	padding:0 30px;
	border-radius: 4px;
	display:block;
	float: right;
	height: 45px;
	cursor: pointer;
}
.search_area .submit:hover{
	background: #555;
}


*/

.hero_slider .box_padd{
    padding:0 5px;
    width: 560px;
}
.hero_slider .box{
    width:540px;
    /*height:382px;*/
    font-weight: bold;
    position: relative;

}
.hero_slider .box p{
    font-size:1.4rem;
}
.hero_slider .box h2{
    font-size:2.4rem;
}
.hero_slider .box a{
    color:#FFF;
}
.hero_slider .box .grad{
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    line-height: 1.6;
    padding:225px 34px 0px 34px;/*255px*/
    background: url("../img/gra.png") repeat-x center bottom;
}
footer{
    border-top:1px solid #e4e4e4;
}
footer .inner{
    width:1100px;
    margin:0 auto;
    padding:57px 0 0 0 ;
}
footer dl{
    font-weight: bold;
    font-size: 1.4rem;
    padding-bottom:20px;
    margin-bottom:40px;
    background: url("../img/dott.png")repeat-x center bottom;
}
footer dl:last-child{
    background-image: none;
}
footer dt{
    float:left;
    width:97px;

}
footer dd{
    padding:0 0 20px 97px;

}
footer dd li{
    display: inline-block;
    line-height: 1;
    border-right:1px solid #a6a6a6;
    padding-right:10px;
    margin-right:10px;
}
footer dd li:last-child {
    border-right:none;
}
footer .footer_nav{
    background: url("../img/foot_bg.png");
}
footer  .nav_area{
    width: 1100px;
    margin:0 auto;
    overflow: hidden;
}

footer  .nav_area h2{
    float:left;
    padding:25px 0 0 0 ;
    width:160px;
}
footer  .nav_area .nav{
    float:left;
}
footer  .nav_area .nav{
    font-size:1.4rem;
    padding:40px 15px 40px 0;
    /*border-right:1px solid #555;*/
}
footer  .nav_area .nav li{
    padding-right:12px;
    margin-right:12px;
    border-right:1px solid #555;
    line-height: 1.2;
}
footer  .nav_area .nav li:last-child{
    border-right:none;
}
footer  .nav_area .sns{
    float:right;
    padding-top:27px;
}
footer  .nav_area .sns li{
    margin-left:6px;
}
footer  .nav_area .sns li:first-child{
    margin-right:10px;
}
footer  .nav_area li{
    display:inline-block;
    vertical-align: middle;
    line-height: 1;
}
footer  .copy{
    border-top:1px solid #555;
    color:#888888;
    text-align: center;
    padding:33px 0 60px 0;
}
.content .fuatur,
.content .attention{
    width:1100px;
    margin:0 auto;
    padding:70px 0;
}
.content .area_title {
    position: relative;
    background: url("../img/dott.png")repeat-x left center;
    text-align: center;
    font-weight: bold;
    margin-bottom:30px;
}
.content .area_title .jp{
    font-size:2.4rem;
    background: #FFF;
    display: inline-block;
    padding:0 25px;
    letter-spacing: 3px;
}
.content .area_title .en{
    position: absolute;
    top:-40px;
    text-align: center;
    left: 0;
    right: 0;
}
.item_wrap{
    display: flex;
    flex-wrap: wrap;
    margin-left:-26px;
}
.item_box {
    width:255px;
    margin-left:26px;
    margin-bottom:40px;
}
.item_box .ph{
    width:255px;
    height: 180px;
}
.item_box .ph canvas{
    background: #CCC;
    width:255px;
    height: 180px;
}
.item_box a{
    display: inline-block;

}

.item_box .ymd{
    display: block;
    padding:10px 0 0px 0;
    font-size: 1.2rem;
}
.item_box h2{
    display: inline;
    font-weight: bold;
}
.item_box a:hover{
    text-decoration: underline;
}

.item_box .ymd{
    color:#222;
    text-decoration: none;
}
.item_box .tag {
    padding-top:10px;
}
.item_box .tag a{
    height: auto;
    color:#FFF;
    font-size:1.2rem;
    display: block;
    padding:2px 10px;
    border-radius: 2px
}
.item_box .tag a:hover{
    text-decoration: none;
}
.item_box .tag li{
    display:inline-block;;
}
p.btn{
    text-align: center;
}
p.btn a{
    display: inline-block;
    background: url("../img/icon_arrow_bk.png")no-repeat right 20px center;
    padding:5px 80px;
    border:2px solid #222;
    border-radius: 50px;
    font-weight: bold;
    color:#222;
    letter-spacing: 1.8px;
}
p.btn a:hover{
    color:#777;
    border-color:#777;
    background: url("../img/icon_arrow_bk_on.png")no-repeat right 20px center;
}
.attention{
    padding:95px 0 10px 0 ;
    background: #f8f7f5;
}
.attention .inner{
    width:1100px;
    margin:0 auto;
}
.attention .area_title .jp{
    background: #f8f7f5;
}
.attention .area_box{
    display: flex;
    justify-content: space-between;
    border-bottom:1px solid #d1d0ce;
    padding:0 0 40px 0;
    margin:0 0 40px 0;
    overflow: hidden;
}
.attention .area_box .check{
    width:585px;
    line-height: 1.7;
    font-size:1.6rem;
}
.attention .area_box .check h3{
    font-size:2.0rem;
    font-weight: bold;
    padding:20px 0;
}
.attention .area_box .check h3 span{
    display: table-cell;
    vertical-align: middle;
    padding-right:15px;
}
.attention .area_inner{
    padding:0 30px;
}
.attention .area_inner .area_box:nth-child(odd){
    flex-direction: row-reverse;
}
.attention .area_inner .area_box:last-child{
    border:none;
}
.attention a.area_link{
    background: url("../img/icon_arrow_min_01.png")no-repeat left center;
    padding:0 0 0 25px;
    display:inline-block;
    color:#222;
    font-weight: bold;
    font-size:1.5rem;
    float: right;
    margin-top:50px;
}
.attention a.area_link:hover{
    text-decoration: underline;
}

/* ======================================================================
sec
======================================================================== */
.sec_content{
    width:1100px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.side_area{
    width: 340px;
    padding-top:30px;
}
.side_area .info {
    border-top: 1px solid #dfdfdf;
}
.side_area .info li {
    font-weight: bold;
    border-bottom: 1px solid #dfdfdf;
}
.side_area .info li a:link{
    color:#222;
}
.side_area .info li a:visited{
    color:#222;
}

.side_area .info li a:hover{
    color:#555;
    text-decoration: none;
}
.side_area .info li a{
    display: block;
    padding:15px 8px 15px 40px;
}
.side_area .info li.kanko a{
    background: url("../img/icon_zoom.png")no-repeat left 5px center;
}
.side_area .info li.foods a{
    background: url("../img/icon_foods.png")no-repeat left 5px center;
}
.side_area .info li.shopping a{
    background: url("../img/icon_shopping.png")no-repeat left 5px center;
}
.side_area .info li.hotel a{
    background: url("../img/icon_hotel.png")no-repeat left 5px center;
}
.side_area .info li.shoes a{
    background: url("../img/icon_shoes.png")no-repeat left 5px center;
}
.side_area .info li .fa {
  float:right!important;
  position: relative;
  top:3px;
}
.side_area .maker {
    margin:30px 0 15px 0;

    font-weight: bold;
    padding:10px       ;
    background: url("../img/dott.png")repeat-x center bottom;
}
.side_area .maker img{
    display: inline-block;
    margin-right:13px;
}
.side_area .area {
    padding-bottom:30px;
}
.side_area .area li{
    line-height: 1;
    margin:0 7px 5px 0;
    display: inline-block;
    border-right:1px solid #a6a6a6;
}
.side_area .area li:last-child{
    border-right:none;
}
.side_area .area li a{
    display: inline-block;
    margin-right:8px;
    font-size: 1.4rem;
}
.side_area .area li a:hover{
    text-decoration: underline;
}
.main_area{
    width:710px;
}
.pankz{
    font-size:1.4rem;
    font-weight: bold;
    padding:25px 0 15px;
    background: url("../img/dott.png")repeat-x left bottom;
}

.result_header h1{
    font-size:2.0rem;
    font-weight: bold;
    padding:20px 0px;
}
.result_header h2{
    font-size:2.0rem;
    font-weight: bold;
    padding:20px 0px;
}
.refine {
    background: #f8f7f5;
    border:1px solid #e6e5e3;
    border-radius: 2px;
    padding: 15px 30px ;
}
.refine h3{
    font-weight: bold;
    padding:0;
    cursor: pointer;
}
.refine h3:hover {
	text-decoration: underline;
    
}
.refine dl{ 
	margin-top: 10px;
}
.refine dt{
    float: left;
    color:#FFF;
    font-size:1.2rem;
    padding:2px 10px;
    border-radius: 2px
}
.refine .area_tab{
    background: #f1a14b;
}
.refine .thema_tab{
    background: #44a481;
}
.refine dd{
    font-size: 1.4rem;
    padding:0px 5px 10px 70px;
}
.refine dd a{
    text-decoration: none;
}
.refine dd a:hover{
    text-decoration: underline;
}
.refine dd li{
    padding:0 8px 0 0;
    line-height: 1;
    display: inline-block;
    border-right:1px solid #cacac8;
}
.refine dd li:last-child{
    border-right: none;
}
.post_area_header {
    padding:0px 0 10px 0;/*padding:40px 0 10px 0;*/
    margin-bottom:15px;
    display: flex;
    justify-content: space-between;
    border-bottom:1px solid #eaeaea;
}
.post_area_header  .count{
    font-weight: bold;
    font-size: 1.3rem;
}
.post_area_header  .view_type {
    display: flex;
    justify-content: space-between;
    font-size:1.3rem;
    font-weight: bold;
}
.view_type dt{

    padding:0 10px;
    border-right:1px solid #eaeaea;
}
.view_type dd{
    line-height: 1;
    padding:0 10px;
    border-right:1px solid #eaeaea;
    position: relative;
}
.view_type dd span{
    display: inline-block;
    width:16px;
    height:16px;
    line-height: 1;
    position: relative;
    top:3px;
    overflow: hidden;
    margin:0 0 0 8px;
}
.view_type  i{
    display: block;
    font-size:1px;
    overflow: hidden;
    background: #2e649b;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.view_type dd .type_list i{
    height:3px;
    width: 100%;
    margin:3px 0;
}
.view_type dd .type_list i:first-child{
    margin-top:0;
}
.view_type dd .type_list i:last-child{
    margin-bottom:0;
}
.view_type dd .type_thumb i{
    height:7px;
    width: 7px;
    position: absolute;
}
.view_type dd .type_thumb i:nth-child(1){
    left:0;
    top:0;
}
.view_type dd .type_thumb i:nth-child(2){
    right:0;
    top:0;
}
.view_type dd .type_thumb i:nth-child(3){
    left:0;
    bottom:0;
}
.view_type dd .type_thumb i:nth-child(4){
    right:0;
    bottom:0;
}
.view_type .current {
    color:#959595;
    cursor: default;
}
.view_type .current i{
    background: #cacaca;
}
.view_type a:hover{
    text-decoration: none;
}
.post_area.list .ph{
    width:180px;
}
.post_area.list .ph canvas{
    width:180px;
    height:127px;
    background: #ccc;
}
.post_area .ph{
    position: relative;
}
.post_area.list .ph .grad{
    display: none;
}

.post_area.list .post{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding:0 0 15px 0;
    margin:0 0 15px 0 ;
}
.post_area.list .post:last-child{
    border:none;
}
.post_area .ph img{
    width: 100%;
    height: auto;
}
.post_area .ph .lazy{
    /*width:180px;*/
}
.post_area.list  .cont_area{
    width:510px;
    color:#555555;
}
.post_area.list  .cont_area h2{
    font-size:1.8rem;
    padding:10px 0 5px 0;
    font-weight: bold;
}
.post_area.list  .cont_area h2 a:hover{
    text-decoration: underline;
}
.post_area.list  .cont_area .ymd{
    color: #222;
    font-size: 1.2rem;
    font-weight: bold;
    padding:10px 0;
}
.post_area.thumb {
    display: flex;
    flex-wrap: wrap;
}
.post_area.thumb .post{
    width: 235px;
    height: 166px;
    position: relative;
    margin:0 1px 1px 0;
    overflow: hidden;
    background-color: #000000;
}
.post_area.thumb .post canvas{
    width: 235px;
    height: 166px;
    background: #ccc;
}
.post_area.thumb .ph .grad{
    display: block;
    position: absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    background: url("../img/gra2.png")repeat-x left bottom;
}
.post_area.thumb .post h2{
    position: absolute;
    bottom:0;
    font-weight: bold;
    font-size:1.4rem;
    padding:10px 14px;
}
.post_area.thumb .post h2 a{
    color: #FFF
}
.post_area.thumb .post h2 a:hover{
    color: #FFF;
    text-decoration: underline;
}
.post_area.list .post h2 .list_title{
    display: block;
}
.post_area.list .post h2 .thumb_title{
    display: none;
}
.post_area.thumb .post h2 .list_title{
    display: none;
}
.post_area.thumb .post h2 .thumb_title{
    display: block;
}
.post_area.thumb .post p{
    display: none;
}
.pager {
    padding:20px 0 30px 0;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
}
.pager li{
    padding-right:0px;
    line-height: 1;
    display:inline-block;
    
}
.pager li:last-child{
    /*border:0px;*/
}
.pager a{
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block;
    padding:8px 10px;
    border:1px solid #2e649b;
}
.pager a.currnet{
    color:#cccccc!important;
}
.pager span{
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block;
    padding:8px 10px;
    background-color: #2e649b;
    border:1px solid #2e649b;
    color: #ffffff;
}
.area_info{
    margin-bottom:60px;
    padding:20px;
    background: #eaeaea;
}
.area_info h2{
    font-size: 2.0rem;
    font-weight: bold;
    padding-bottom: 10px;
}
.area_info p{
	margin-left: 240px;
}
.area_info canvas{
    width: 220px; height: 180px; float: left; margin-right: 20px;
}
.area_info img{
    width: 220px;  float: left; margin-right: 20px;
}

.writer {
    border:3px solid #e0e0e0;
    padding:20px 20px;
    font-size: 1.4rem;
    margin-bottom: 60px;
    margin-bottom: 0px;
    margin-top: 20px;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}
.writer_photo {
    width: 20%;
}

.writer_photo .trim {
    position:relative;
    overflow: hidden;
    width:150px;
    height:150px;
    border-radius:50%;
}
.writer_photo .trim img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    height:100%;
}
.writer_text {
    width: 75%;
}
.writer h2{
    font-weight: bold;
}





.buy{
    display: flex;
    background: #f8f7f5;
    padding:30px;
    border-radius: 2px;
    justify-content: space-between;
}
.buy  .text{

    width: 500px
}
.buy h2{
    font-weight: bold;
    font-size: 1.8rem;
}
.buy h2::before{
    content:"・";
    color:#d44650;
    font-size:3rem;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 25px
}
.buy p{
    padding:0 0 0 25px;
}
.buy .amazon{
    margin:30px 0 0 10px;
    display: inline-block;
    background: #d44650;
    color:#FFF;
    text-decoration: none;
    padding:12px 60px;
    font-weight: bold;
    border-radius: 50px;
}
.buy .amazon:hover{
    background-color: #dd6b73;
}
.okuzuke{
    padding:10px 0 20px 0;
    font-size: 1.4rem;
}
.cont_title{
    clear: both;
    font-weight: bold;
    font-size:2rem;
    border-bottom:1px solid #222;
    padding-bottom:12px;
    padding-top:40px;
    margin-bottom:20px;
    line-height: 1;
}
.current_tag_area li{
    display: inline-block;
    line-height: 1;
    border-right: 1px solid #a6a6a6;
    padding-right: 10px;
    margin-right: 5px;
}
.current_tag_area li:last-child{
    border-right: none;
}
.main_area .sns {
    background: #f8f7f5;
    padding:20px 150px;
    border-radius: 2px;
    margin-bottom:30px;
}
.main_area .sns ul{
    display: flex;
    justify-content: space-around;

}
.main_area .sns ul li{

}
.main_area .sns a:hover{
    text-decoration: none;
}
.main_area .sns .fb{
    background: #3b5998 url("../img/icon_fb.svg")no-repeat left 5px center;
    display: block;
    text-align: center;
    color:#FFF;
    padding:10px 30px 10px 50px;
    border-radius: 2px;
    font-size:1.3rem;
    font-weight: bold;
}
.main_area .sns .fb:hover{
    background-color:#627aad;
}
.main_area .sns .tw{
    background: #55acee url("../img/icon_tw.svg")no-repeat left 5px center;
    display: block;
    text-align: center;
    color:#FFF;
    padding:10px 30px 10px 50px;
    border-radius: 2px;
    font-size:1.3rem;
    font-weight: bold;
}
.main_area .sns .tw:hover{
    background-color:#77bdf1;
}

.main_area .sns .line{
    background: #00c300 url("../img/icon_line.svg")no-repeat left 5px center;
    display: block;
    text-align: center;
    color:#FFF;
    padding:10px 30px 10px 50px;
    border-radius: 2px;
    font-size:1.3rem;
    font-weight: bold;
}
.main_area .sns .line:hover{
    background-color:#06d606;
}
.main_area .sns .line{
	display: none;
}
.main_area .sns .img_send{
    background: #FFF;
    display: block;
    text-align: center;
    color:#222;
    padding:9px 20px;
    border-radius: 2px;
    border: 1px solid #c9c6c1;
    font-size:1.3rem;
    font-weight: bold;
}
.main_area .sns .img_send:hover{
    color:#555;
}
aside .post_area.list .post{
    border:none;
    padding: 0;
    margin-bottom:30px;
}
aside .post_area.list.min .ph {
    width: 110px;
}
aside .post_area.list.min .ph canvas{
    width: 110px;
    height: 110px;
}
aside .post_area.list .cont_area .ymd{
    font-size: 1.2rem;
    padding:0 0 0px 0;
}
aside .post_area.list.min .cont_area h2 {
    font-size: 1.4rem;
    padding: 0px 0 5px 0;
    font-weight: bold;
}
aside .post_area.list .tag li {
    display: inline-block;
}
aside .post_area.list .tag a {
    height: auto;
    color: #FFF;
    font-size: 1.2rem;
    display: block;
    padding: 2px 10px;
    border-radius: 2px;
}
aside .post_area.list.min{
    padding:40px 0 30px 0;
}
aside .post_area.list.min .cont_area{
    width:215px;
}
.post_area.list.big .post {
    display: block;

    margin: 0 0 30px 0;
}
aside .post_area.list.big .ph{
    width: 340px;
    /*height:240px;*/
    margin-bottom: 10px;
}
aside .post_area.list.big canvas{
    width: 340px;
    height:240px;
}
aside .post_area.list.big .cont_area{
    width:auto;
}
aside .post_area.list.big .cont_area h2 {
    font-size: 1.5rem;
    padding: 0px 0 5px 0;
    font-weight: bold;
}
/* ======================================================================
post_setting
======================================================================== */
.post_header h1{
    font-size:34px;
    padding:35px 0;
    font-weight: bold;
}
.post_header .read{
    /*background: #f8f7f5;
    font-weight: bold;
    padding:20px 20px;*/
    font-size:1.6rem;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 35px;
}

#spot .post_header .read {
    padding-top: 15px;
}

.post_header .sns_area {
    padding:15px 0;
    display: flex;
    justify-content: space-between;
}
.post_header .sns_area .writer_text {
    width: inherit;
}
.post_header .sns_area .by_txt{
    font-size:1.2rem;
    font-weight: bold;
}
.post_header .sns_area .update{
    font-size: 1.2rem;
    color:#9a9a9a;
    font-weight: bold;
}
.post_header .sns_area .sns{
    background: #FFF;
    padding:0;
}
.post_header .sns_area .sns li{
    margin:0 0 0 10px;
}
.post_header .sns .fb{
    background: #3b5998 url("../img/icon_fb.svg")no-repeat left 15px center;
    display: block;
    text-align: center;
    color:#FFF;
    padding:7px 20px 7px 40px;
    border-radius: 2px;
    font-size:1.3rem;
    font-weight: bold;
}
.post_header .sns .tw{
    background: #55acee url("../img/icon_tw.svg")no-repeat left 10px center;
    display: block;
    text-align: center;
    color:#FFF;
    padding:7px 20px 7px 40px;
    border-radius: 2px;
    font-size:1.3rem;
    font-weight: bold;
}
.post_header .sns .img_send{
    background: #FFF;
    display: block;
    text-align: center;
    color:#222;
    padding:7px 15px;
    border-radius: 2px;
    border: 1px solid #c9c6c1;
    font-size:1.3rem;
    font-weight: bold;
}

.post_header figure span{
    display: block;
    text-align: left;
    font-size: 1rem;
    padding: 5px 15px 0 0;
    color: #666666;
}

.post_header figure:after {
    content: "";
    clear: both;
    display: block;
}

.post_body {

    font-size:1.6rem;
    letter-spacing: 1px;
    line-height: 1.8;
}
.post_body p{
    clear: both;
    padding-bottom:20px;
}
.post_body hr {
    margin: 20px 0px;
    border-top: solid 1px #000000;
    display: block;
}
.post_body h1{
    clear: both;
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 1;
    padding:15px 18px;
    margin-bottom:14px;
}
.post_body  h2{
    clear: both;
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 1.3;
    background: url("../img/dott.png")repeat-x left bottom;
    padding:0 0 10px 0;
    margin-bottom:10px;
    position: relative;
}
#spot_article .post_body  h2{
    line-height: 1.4;
}
.post_body  h2::before{
    content:"";
    font-size:1px;
    display: block;
    width: 100%;/*width: 120px;*/
    height:4px;
    overflow: hidden;
    background: #f1a14b;
    position: absolute;
    bottom:0;
}

.post_body h3{
    clear: both;
    font-weight: bold;
    font-size:2.2rem;
    padding:10px 0;
    margin-bottom:10px;
    line-height: 1.3;
    background-image: url("../img/dott.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    position: relative;
}
.post_body  h3::before{
    content:"";
    font-size:1px;
    display: block;
    width: 100%;/*width: 60px;*/
    height:2px;
    overflow: hidden;
    background: #f1a14b;
    position: absolute;
    bottom:0;
}


.post_body h2 + h3{
    background-image: url("../img/dott.png");
    background-position:left bottom;
    background-repeat:repeat-x;
}
.post_body  h4 {
    clear: both;
    font-weight: bold;
    font-size: 1.8rem;
    padding-bottom:10px;
    margin-bottom:10px;
    line-height: 1.3;
    border-bottom:1px dotted #222;
    position: relative;
}

.post_body  h5{
    clear: both;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom:14px;
    line-height: 1.3;
}
.post_body  h6{
    clear: both;
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom:14px;
    line-height: 1.3;
}
.post_body .waku{
    clear: both;
    /*background: #f8f7f5;*/
    padding: 24px 32px;
    font-size: 1.4rem;
    margin-bottom:30px;
    border: 1px dotted #cccccc;
}
.waku h2{
    text-align: center;
}
.waku h2 a{
    /*display: inline-block;
    background: #FFF url("../img/icon_arrow_bk.png")no-repeat right 20px center;
    padding:8px 50px;
    border:2px solid #222;
    border-radius: 50px;
    font-weight: bold;
    color:#222;
    letter-spacing: 1.8px;
    font-size:15px;
    min-width: 420px;*/
}
.post_body .waku h2{
    font-size:2.0rem;
    background: none;
    padding:0;
    position: relative;
    background-color: #ffffff;
    text-align: left;
    top: -35px;
    display: inline-block;
}
.post_body .waku h2 a{
    position: relative;
}
.post_body .waku h2::before{
    background: none;
}


/*
.post_body .waku dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    letter-spacing: 0;
}
.post_body .waku dt{
    font-weight: bold;
    display: block;
    clear: left;

float: left;
}
.post_body .waku dd{
    display: block;
    float: left;
}
.post_body .waku dt.type1{
    font-weight: bold;
}
.post_body .waku dd.type1{
}

.post_body .waku dl{ line-height: 1.8em; padding-bottom: 20px; border-bottom: solid 1px #e1e9ec; margin-bottom: 20px; }
.post_body .waku dl{ font-size: 1.4rem; }
.post_body .waku dt.type1{ width: 110px; display: inline-block; font-size: 16px; background: none !important; position: relative; padding-left: 15px; }
.post_body .waku dt.type1:before{ content: ""; display: block; width:8px; height: 8px; border-radius: 10px; background-color: #258e9f; position: absolute; left: 0px; top: calc(50% - 4px); }
*/




.post_body .waku { line-height: 1.8em; padding-bottom: 20px; /*border-bottom: solid 1px #e1e9ec;*/ margin-bottom: 20px; }
.post_body .waku { font-size: 1.4rem; }
.post_body .waku strong{ width: 110px; display: inline-block; font-size: 1.4rem; background: none !important; position: relative; /*padding-left: 15px;*/ color: #666666; }
/*.post_body .waku strong:before{ content: ""; display: block; width:8px; height: 8px; border-radius: 10px; background-color: #2e649b; position: absolute; left: 0px; top: calc(50% - 4px); }
*/

.post_body .waku .info {
    margin-top: -20px;
}



.post_body .waku dl{
    display:flex;
    flex-wrap: wrap;
}
.post_body .waku dt{
    font-weight: bold;
    width: 110px;
    font-size: 1.4rem;
    box-sizing: border-box;
    color: #666666;
}
.post_body .waku dd{
    margin: 0;
    width: calc(100% - 110px) ;
    box-sizing: border-box;
}



.post_body .impct{
    color:#d44650;
}
.post_body strong,
.post_body b,{
    font-weight: bold;
}
.post_body a{
    color:#2e649b;
}
.post_body ul li::before{
    content:" ";
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: #d44650;
    position: relative;
    top:-3px;
    margin-right:5px;
}
.post_body ul li{
    padding-left:1.5rem;
    text-indent: -1.2rem;
    padding-bottom:5px;
}
.post_body ol li{
    padding-left:3.8rem;
    text-indent: -4.6rem;
    padding-bottom:5px;
}
.post_body ul ,
.post_body ol{
    padding-bottom:30px;
}
.post_body figure{
    /*float: left;*/
    padding: 20px 0 20px 0;
}
.post_body p + figure{
    padding-top:0px;
}
.post_body figure span{
    display: block;
    text-align: left;
    font-size: 1rem;
    padding: 0;
    color: #666666;
}

.post_body figure:after {
    content: "";
    clear: both;
    display: block;
}

.slide_inner {
    width: 550px;
    margin: 0 auto;
  }
.bn_area{
    margin-top: 30px;
    padding-bottom: 30px;
}
.no_bottom_padding{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}




#spot .post_header {
    padding-top: 35px;
}

#spot .post_header small {
    font-size: 18px;
}
#spot .post_header h1{
    font-size:34px;
    padding:0 0 20px 0;
    font-weight: bold;
    line-height: 1.3em;
    border-bottom:1px solid #eaeaea;
}
#spot .post_header h2{
clear: both;
font-weight: bold;
font-size: 2.8rem;
line-height: 1.3;
background: url("../img/dott.png")repeat-x left bottom;
padding: 20px 0 16px 0;
margin-bottom: 14px;
position: relative;
}
#spot .post_header h2::before {
    content: "";
    font-size: 1px;
    display: block;
    width: 60px;
    height: 2px;
    overflow: hidden;
    background: #f1a14b;
    position: absolute;
    bottom: 0;
}
#spot .tag_area{
    background: #f8f7f5;
    border:1px solid #e6e5e3;
    border-radius: 3px;
    color:#9a9a9a;
    padding:20px 27px 15px 27px;
overflow: hidden;
margin-top:15px;
}
#spot .tag_area dt{
width:65px;
float: left;
clear: left;
}
#spot .tag_area dd{
    font-size:1.4rem;
    padding:2px 0 8px 70px;
}
#spot .tag_area dt:last-of-type{
    width:140px;
}#spot .tag_area dd:last-of-type{
    padding:2px 0 8px 145px;
}
#spot .tag_area .tag{
    color:#FFF;
display: inline-block;
padding:2px 10px;
border-radius: 2px;
font-style: normal;
font-size:1.2rem;
}
#spot_article .post_header h1{
    border-bottom:1px solid #eaeaea;
    padding-bottom:20px;
    margin-bottom:20px;
}
#spot_article .post_body small {
    font-size: 14px;
}
#spot_article .post_body span {
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.8em;
}
#spot .waku div#map{
/*border: 12px solid #FFF;*/
}



/* 項目名を太字にする */
.wpcf7 form p {
    font-weight: 600;
    padding-bottom: 25px!important;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 8px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #d0d5d8;
    border-radius: 2px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required  {
    background: rgba(255, 255, 142, 0.2);
}

/* 送信ボタンを見やすくする */

input.wpcf7-submit {
    width: 150px;
    margin: auto;
    display: block;
    text-align: center;
    position: relative;
    background-color: #1abc9c;
    border-radius: 4px;
    color: #fff;
    line-height: 38px;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #0e8c73;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
input.wpcf7-submit:hover {
    background-color: #31c8aa;
    box-shadow: 0 3px 0 #23a188;
}
input.wpcf7-submit:active {
    top: 3px;
    box-shadow: none;
}


/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip {
    color: #F01D2A;
    font-weight: bold;
    font-size: 14px;
}


.wpcf7 .wpcf7-response-output {
    margin: 10px 0 25px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
    color: #F01D2A;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
    color: #3A87AD;
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
}

#collection .post_header h1{
    font-size:34px;
    padding:0px 0 35px 0;
    font-weight: bold;
    line-height: 1.3em;
}

#collection .post_header {
    padding-top: 35px;
}

#collection .post_header small {
    font-size: 18px;
}













.flex_outer{ position: relative; }

#hidden_pref_content {
	padding: 20px;
	background-color: #fff;
  width: 477px; z-index: 10000;
  position: absolute; left: calc(50% - 550px); top: 59px; top: -9px;
  border: 1px solid #cbcac9;
  box-sizing: border-box;
  z-index: 10000;
}
#hidden_theme_content {
	padding: 20px;
	background-color: #fff;
  width: 477px;
  position: absolute; left: calc(50% - 34px); top: 59px; top: -9px;
  border: 1px solid #cbcac9;
  box-sizing: border-box;
  z-index: 10000;
}



#hidden_pref_content .drilldown-header {
    padding: 0px;
    border: 3px solid #f1a14b;
	border-top-left-radius : 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius : 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
  display: none;
}
#hidden_theme_content .drilldown-header {
    padding: 0px;
    border: 3px solid #44a481;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius : 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
  display: none;
}

#hidden_pref_content .drilldown {
    overflow: hidden;
    width: auto;
    padding: 0px;
    margin: 0px;
    background-color: #F3F3F3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    border: 1px solid #cbcac9;
}
#hidden_theme_content .drilldown {
    overflow: hidden;
    width: auto;
    padding: 0px;
    margin: 0px;
    background-color: #F3F3F3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    border: 1px solid #cbcac9;
}
#hidden_pref_content .drilldown-header {
    padding: 8px 5px 8px 5px;
    background-color: #f1a14b;
    font-size: 16px;
    cursor: pointer;
}
#hidden_theme_content .drilldown-header {
    padding: 8px 5px 8px 5px;
    background-color: #44a481;
    font-size: 16px;
    cursor: pointer;

}

.drilldown-header .title {
    font-weight: bold;
    color: #ffffff;
    line-height: 1.6em;
    display: inline;
}
#hidden_pref_content .drilldown-footer {
	  margin-top: 17px;
    padding:10px 8px;
    background-color: #f1a14b;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    width: 350px; margin-left: auto; margin-right: auto;
}
#hidden_theme_content .drilldown-footer {
	margin-top: 17px;
    padding:10px 8px;
    background-color: #44a481;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    width: 350px; margin-left: auto; margin-right: auto;
}
.drilldown-footer .title {
    font-weight: bold;
    color: #ffffff;
    display: inline;
}



.drilldown-sub {
    display: none;
}
.drilldown-back a {
    font-weight: normal;
    color: #2e649b!important;
}

#hidden_pref_content .drilldown a { display: block; text-decoration: none; padding: 10px 13px 10px 13px; border-bottom: 1px solid #cbcac9; position: relative; box-sizing: border-box; min-height: 43px; background-color: #f5f4f0; color: #000000; position: relative; }
#hidden_pref_content .drilldown .drilldown-root div:last-child a{ border-bottom: none; }

#hidden_pref_content .drilldown a i{ border-radius: 20px; background-color: #fe9b31; color: #fff; width: 15px; height: 15px; text-align: center; position: relative; position: absolute; right: 16px; top: calc(50% - 7px)}
#hidden_pref_content .drilldown a i:before{ content: "\f105"; position: absolute; right: 4px; top: 0px; font-size: 14px; }

#hidden_theme_content .drilldown a { display: block; text-decoration: none; padding: 10px 13px 10px 13px; border-bottom: 1px solid #cbcac9; position: relative; box-sizing: border-box; min-height: 43px; background-color: #f5f4f0; color: #000000; position: relative; }
#hidden_theme_content .drilldown .drilldown-root div:last-child a{ border-bottom: none; }

#hidden_pref_content .drilldown .drilldown-back a{ padding-left: 32px; color: #000000; }
#hidden_pref_content .drilldown .drilldown-back a i{ border-radius: 20px; background-color: #fe9b31; color: #fff; width: 15px; height: 15px; text-align: center; position: relative; position: absolute; right: auto; left: 16px; top: calc(50% - 7px)}
#hidden_pref_content .drilldown .drilldown-back a i:before{ content: "\f104"; position: absolute; left: 4px; right: auto; top: 0px; font-size: 14px; }



#hidden_theme_content .drilldown a i{  }
#hidden_theme_content .drilldown a i:before{ content: "\f105"; }

#hidden_theme_content .drilldown a i{ border-radius: 20px; background-color: #00a67f; color: #fff; width: 15px; height: 15px; text-align: center; position: relative; position: absolute; right: 16px; top: calc(50% - 7px)}
#hidden_theme_content .drilldown a i:before{ content: "\f105"; position: absolute; right: 4px; top: 0px; font-size: 14px; }

#hidden_theme_content .drilldown .drilldown-back a{ padding-left: 32px; color: #000000; }
#hidden_theme_content .drilldown .drilldown-back a i{ border-radius: 20px; background-color: #00a67f; color: #fff; width: 15px; height: 15px; text-align: center; position: relative; position: absolute; right: auto; left: 16px; top: calc(50% - 7px)}
#hidden_theme_content .drilldown .drilldown-back a i:before{ content: "\f104"; position: absolute; left: 4px; right: auto; top: 0px; font-size: 14px; }

#hidden_pref_content .drilldown-back a{ color: #000000 !important; }
#hidden_pref_content .drilldown a:hover{ background-color: #fff3da; color: #000000 !important; }
#hidden_theme_content .drilldown-back a{ color: #000000 !important; }
#hidden_theme_content .drilldown a:hover{ background-color: #e6faf3; color: #000000 !important; }


.fancybox-close-small {
	top: 5px;
	display: none;
}

.fancybox-close-small:after {
    color: #000000;
}

.fancybox-slide > * {
    /*margin: 190px 0 44px 0!important;*/
    margin: 0px 0 44px 0!important;
}
.fancybox-slide:before {
    vertical-align: top!important;
}
.search_array {
    font-weight: bold;
    color: #CCCCCC;
}

.blink{
    animation: blink 0.8s infinite alternate;
}
@keyframes blink{
    from{opacity: 1;}
    to{opacity:0.3;}
}
.gsc-result .gs-title {
    height: 1.5em!important;
}

figure {
	display: block;
}

.area_box .ph canvas {
    width: 390px;
    height: 276px;
}


.pc_show {
	display: block;
}
.sp_show {
	display: none;
}

/* ======================================================================
smp
======================================================================== */
/* ======================================================================
スマホ用非表示項目
======================================================================== */
.hero_slider button{
    /*visibility: hidden;*/
}
.overlay,
.more_btn,
.menu_btn,
.search_btn,
.search_area.bottom,
.area_title.newz{
    display: none;
}
/* ======================================================================




smp




======================================================================== */
@media screen and (max-width: 480px){
	
	.pc_show {
		display: none;
	}
	.sp_show {
		display: block;
	}
	
    /*横幅auto指定*/
    .side_area,
    .sec_content,
    .main_area,
    .to_top,
    .attention .area_box .check,
    .attention .inner,
    .search_area .inner,
    footer .nav_area,
    footer .inner{
        width: auto;
        display: block;
    }

    input[type=text] {
	  font-size: 16px;
	  transform: scale(0.8);
	}

    /* ======================================================================
    スマホ用表示項目
    ======================================================================== */
    .hero_slider button{
        visibility:visible;
    }
    .more_btn,
    .menu_btn,
    .search_btn,
    .search_area.bottom,
    .area_title.newz{
        display: block;
    }
    .menu_btn img{
	     display: none!important;
    }
    body{
        font-size:1.3rem;
    }
    img{
        width:auto;
        max-width: 100%;
        height: auto;
        margin-bottom: 5px;
    }
    header {
		padding-top: 4px;
	}
	header .bar {
	    display: flex;
	    width:100%;
		position:fixed;
	    top: 0px;
	    left: 0px;
	    z-index:100;
	}
    header .inner {
        width: auto;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    header .menu_btn{
        order: 0;
    }
    header .search_btn{
        order: 2;
    }
    header h1{
        order: 1;
        text-align: center;
        padding:5px 0 0px 20px;
    }
    header .inner h1 span{
        display: none;
    }
    header .inner  h1 img{
        width: 200px;
        margin:20px auto 0 auto;
        display: block;
    }
    .keyword_area{
        display: none;
    }

    header .menu_btn{
        display: none;
    }
    header .search_btn{
        width: 20px;
        height: auto;
        margin:20px;
        cursor: pointer;
    }
    .search_area .inner{
        padding:15px;
    }
    .search_area .pref_name input, .search_area .pref_name select {
        width: 100%;
        border: none;
        padding: 8px 0px 8px 0;
        background: #FFF url(../img/sp_icon_arrow_01.png) no-repeat center right 0px;
        background-size:10px;
    }
    .search_area .thema input, .search_area .thema select {
        width: 100%;
        border: none;
        padding: 8px 0px 8px 0;
        background: #FFF url(../img/sp_icon_arrow_02.png) no-repeat center right 0px;
        background-size:10px;
    }
    .search_area .inner .form{
        display: flex;
        justify-content: space-between;
    }
    .search_area .pref_name, .search_area .thema{
        padding:2px 2px 2px 0px;
    }
    .search_area .inner .pref_name,
    .search_area .inner .thema{
        height: auto;

    }
    .search_area .inner .x {
        font-size: 2.5rem;
        padding: 10px;
        line-height: 1.5rem;
        vertical-align: middle;
        font-weight: normal;
        height: auto;
    }
    footer .search_area .inner .x{
        color:#FFF;
    }
    .search_area .submit{
        /*display: none;*/
        float: none;
        width: 100%;
        margin-top: 10px;
        height: 35px;
    }

    .search_area .pref_name img, .search_area .thema img{
        display: none;
    }
    .search_area .inner div.selecter,
    .search_area .inner div.selecter ul li > .btn,
    .search_area .inner div.selecter ul li div.snav{
        width: 90vw;
    }
    .content .fuatur, .content .attention {
        width: auto;
        margin: 0 auto;
        padding: 20px 0;
        position: relative;
    }
	.content .fuatur .area_title{
        margin-bottom: 0px;
        margin:0 15px;
    }
    .content .fuatur .area_title .en{
        display: none;
    }
    .content .fuatur .area_title .jp{
        font-size: 2rem;
    }

    /*
    .content .fuatur .area_title{
        width: 49%;
        text-align: left;
        margin-bottom: 0px;
    }
    .content .fuatur .area_title span{
        border: 1px solid #e8e7e6;
        border-radius: 3px 3px 0 0;
        position: relative;
        top:1px;
        display: block;
        color: #c2c0bd;
        box-shadow: 0 -3px 3px rgba(150,150,150,0.1) inset;
    }
    .content .fuatur .area_title.currnet span{
        border-bottom:1px solid #FFF;
        background: #FFF;
        color:#000;
        box-shadow: none;
    }

    .content .fuatur .area_title span::before {
        content: "▼";
        font-size: 1.0rem;
        position: absolute;
        right: 15px;
        top: 15px;
    }*/
    .area_title.newz{
        display: block;
    }
    /*.content  .fuatur .title_box{
        display: flex;
        justify-content: space-between;
        padding:0 15px;
    }
    .content  .fuatur .area_title .jp {
        font-size: 1.4rem;
        padding:13px 15px 10px 15px;
        display: block;
        cursor: pointer;
        background: #f4f2f0;
    }*/
    .content .fuatur .btn {
        display: none;
    }

    .item_wrap{
        margin:0;
        padding:20px 15px 15px;
        justify-content: space-between;
        /*border-top: 1px solid #e8e7e6;
        box-shadow:0 -3px 3px rgba(100,100,100,0.1) ;*/
    }
    .item_box {
        width: 47%;
        margin:0 0 20px 0;
    }
    .item_box .ph{
        width: 100%;
        height: auto;
    }
    .item_box .ph canvas {
        background: #CCC;
        width: 100%;
        height: 120px;
    }
    .item_box .ymd{
        display: none;
    }
    .item_box h2{
        font-size:1.3rem;
    }
    .item_box .tag {
        padding-top: 3px;
    }
    .attention{
        padding:20px 0 0 0;
    }
    .attention .area_title .en {
	    display: none;
    }
    .attention .area_title .jp {
        font-size:2rem;
        background: #f8f7f5;
    }
    .attention .area_box{
        display: block;
        border:none;
        padding-bottom:30px;
        margin-bottom:0px;
    }
    .attention .area_box .ph img{
        width:100%;
    }
    .attention .area_inner {
        padding: 0 15px;
    }
    .attention .area_box .check h3 {
        padding:10px 0;
    }
    .attention .area_box .check h3 span{
        font-size:1.5rem;
        line-height: 1.3;
    }
    .attention .area_box .check h3 .icon{
        width: 60px;
        padding-right:5px;
    }
    .attention .area_box .check{
        font-size:1.4rem;
    }
    .attention a.area_link{
        margin-top:15px;
    }
    footer .inner{
        padding:20px 15px 0 15px;
    }
    footer dt {
        float: left;
        width: 55px;
    }
    footer dd {
        padding: 0 0 10px 55px;
    }
    footer dl {
        font-weight: normal;
        font-size: 1.3rem;
        padding-bottom:15px;
        margin-bottom: 20px;
        background: url("../img/dott2.png")repeat-x center bottom;
    }
    footer dl:last-child dt{
        width:100%;
    }
    footer dl:last-child dd{
        padding: 0 0 20px 0px;
    }

    footer dd li {
        display: inline;
    }
    footer dl:last-child  dd li {
        display: inline;
        line-height: 1.8;
    }
    footer .nav_area h2 {
        display: none;
    }
    footer dl:last-child {
        margin-bottom:0;
        padding-bottom:0;
    }
    .to_top a {
        position: static;
        right:auto;
        display: block;
        background: #000;
        padding: 25px;
        border-radius: 0px;
        line-height: 1;
        text-align: center;
    }

    footer .nav_area .nav{
        float: none;
    }
    footer .nav_area .nav{
        padding:20px 0px 5px 15px;
    }
    footer .nav_area .nav li{
        padding-right:8px;
        margin-right:8px;
        margin-bottom:15px;
    }
    footer .nav_area .sns {
        border-top:1px solid #5a5a5a;
        float: none;
        padding: 20px 5px;
        display: flex;
        justify-content: space-around;
        align-items:center;
    }
    footer .nav_area .sns  li{
        vertical-align: middle;
        margin:0;
    }
    footer .copy{
        padding:20px;
    }
    .search_area{
        display: none;
    }
    #index .search_area{
        display: block;
        margin:10px 0 0 0;
    }
    #index footer .search_area.bottom{
        background: url("../img/foot_bg.png");
        border-bottom:1px solid #5a5a5a;
        margin: 0;
    }
    .pankz {
        font-size: 1.2rem;
        font-weight: bold;
        padding:0 0 10px 0;
        margin:0 15px;
        font-weight: normal;
        background: url("../img/dott2.png")repeat-x left bottom;
    }
	.pankz {
		height: 23px;
		overflow-x: scroll;
		line-height: 1.8;
	}
	.pankz p {
		white-space: nowrap;
		display: block;
	}
    
    .result_header h1{
        font-size:1.6rem;
        padding:10px 15px;
    }
    .result_header h2{
        font-size:1.6rem;
        padding:20px 15px 0px;
    }
    .refine {
        margin:0 15px;
        padding:15px 20px 15px 20px;
    }
    .refine h3{
        font-size: 1.5rem;
    }
    .refine .area_tab {
        width: 56px;
        overflow: hidden;
    }
    .refine dd li {
        overflow: hidden;
        margin:4px 0;
        text-align: center;
        padding: 0 10px;
    }
    .refine dd {
        font-size: 1.4rem;
        padding: 0px 5px 10px 0px;
    }
    .post_area_header{
        margin:0px;
        padding:0;
        display: block;
    }
    .post_area_header .count{
        width: auto;
        padding:15px;
    }
    .post_area_header .view_type{
        padding:0 15px;

    }
    .view_type dt{
        display: none;
    }
    .view_type dd{
        width: 49%;
        border: none;
        padding: 0;
        margin: 0;

    }
    .view_type dd a{
        font-weight: 300;
        padding:13px 15px 10px 15px;
        display: block;
        border:1px solid #e8e7e6;
        border-radius: 3px 3px 0 0;
        background: #FFF;
        position: relative;
        top:1px;
        margin:0;
        color:#c2c0bd;
        background: #f4f2ef;
        font-weight: bold;
        box-shadow:0 -3px 3px rgba(150,150,150,0.1) inset;
    }
    .view_type dd a::after{
        content: "表示"
    }

    .view_type dd a::before{
        content: "▼";
        font-size:1.0rem;
        position: absolute;
        right:15px;
        top:15px;
    }
    .view_type dd a.current{
        border-bottom:1px solid #FFF;
        color:#000;
        background: #FFF;
        box-shadow: none;
    }
    .view_type dd a span{
        display: none;
    }
    .post_area{
        /*box-shadow:0 -3px 3px rgba(100,100,100,0.1);*/
        padding:20px 15px 10px 15px;
    }
    .post_area.list .post{
        width:auto;
        padding:0 0 8px 0;
        margin:0 0 14px 0;
    }
    .post_area.list .ph canvas{
        width:100px;
        height:100px;
    }
    .post_area.list .ph img{
        max-width: 100px;
        width: auto;
		height: auto;
    }
    .post_area.list .cont_area h2 {
        font-size: 1.5rem;
        padding: 0px 0 5px 0;
        font-weight: bold;
        line-height: 1.3;
    }
    .post_area.list .ph {
        width: auto;
        padding-right:15px;
    }
    .post_area.list .cont_area{
        width:auto;
        font-size:1.1rem;
    }
    .post_area.list .cont_area .ymd{
        padding:5px 0 0 0;
    }
    .pager li{
        /*display: none;*/
        border:none;
        padding: 0;
        margin: 0px 2px;
    }
    .post_area.list .post:last-child{
        border-bottom: 0px solid #eaeaea;
    }
    .pager {
        padding: 0px 0 30px 0;
        text-align: center;
    }
    /*.pager li:first-child{
        display: inline-block;
        border-right: 1px solid #d9d9d9;
        padding-right:15px;
        margin-right:10px;
    }
    .pager li:nth-child(2){
        display: inline-block;
        padding:0;
    }
    .pager li:last-child{
        display: inline-block;;
        border-left: 1px solid #d9d9d9;
        padding-left:15px;
        margin-left:10px;
    }
    .pager li:nth-last-child(2){
        display: inline-block;
        padding:0;
    }
    .pager li:nth-last-child(2)::before{
        content: "/ ";
        position: relative;
        top:-2px;
    }*/
    .pager span {
        padding: 3px 5px;
        background-color: #4573B2;
        color: #ffffff;
        font-size: 1.5rem;
    }
    .pager a{
        padding: 3px 5px;
        border: 1px solid #4573B2;
        font-size: 1.5rem;
    }
    .area_info{
        margin:0 15px 15px 15px;
    }
    .area_info p{
		margin-left: 0px;
	}
    .area_info canvas{
	    width: 100%; height: 250; float: none;
	}
    .side_area .info li{
        padding-left:15px;
    }
    .side_area .maker{
        margin:15px;
        background: url("../img/dott2.png")repeat-x center bottom;
    }
    .side_area .area {
        margin:0 15px ;
        padding-bottom: 10px;
    }
    .side_area .bn_area{
        margin:15px 15px 15px 15px;
        text-align: center;
    }
    .post_area.thumb .post{
        width:49.5%;
        height: 143px;

    }
    .post_area.thumb .post canvas{
        width: 100%;
    }
    .post_header h1{
        font-size:1.8rem;
        padding:0;
        margin:15px 15px 10px 15px;
    }
    .post_header img{
        width: 93%;
        margin: 0 auto;
        display:block;
    }
    .post_header .sns_area {
        padding: 15px;
        display: block;
    }
    .post_header .sns_area div:first-child{
        width:100%;
        /*padding-bottom:15px;*/
    }
    .post_header .sns_area .sns{
        margin: 0;
    }
    .main_area .sns ul {
        display: flex;
        justify-content: space-between;
    }
    .main_area .sns li ,
    .post_header .sns_area .sns li {
        margin: 0 0 0 0px;
        width: 32%;
        font-size:1.2rem;
    }
    .main_area  .sns li:last-child,
    .post_header .sns_area .sns li:last-child{
        width: 32%;
    }
    .main_area .sns .fb,
    .post_header .sns .fb{
        padding:7px 0px 7px 5px;
        background-position: left 15px center;
        font-size:1.2rem;
    }
    .main_area .sns .tw,
    .post_header .sns .tw{
        padding:7px 0px 7px 8px;
        background-position: left 10px center;
        font-size:1.2rem;
    }
    .main_area .sns .line,
    .post_header .sns .line{
        padding:7px 0px 7px 8px;
        background-position: left 5px center;
        font-size:1.2rem;
        display: block;
    }
    .main_area .sns .img_send,
    .post_header .sns .img_send{
        font-size:1.2rem;
        padding:7px 0 6px 0;
    }
    .post_header .read {
        padding:5px;
        margin:0 15px 15px;
        font-size:1.4rem;
    }
    .post_body {
        font-size: 1.4rem;
        letter-spacing: 1px;
        line-height: 1.5;
        padding:15px;
    }
    .post_body h1{
        background: url("../img/dott2.png")repeat-x left bottom;
        font-size:1.8rem;
    }
    .post_body h2{
        font-size: 1.8rem;
    }
    .post_body h3{
        font-size:1.5rem;
    }
    .post_body h4 {
        font-size:1.45rem;
        padding-bottom: 5px;
    }
    .post_body h5 {
        font-size:1.2rem;
    }
    .post_body h6 {
        font-size:1.0rem;
    }
    .post_body figure{
        float: none;
        padding: 0 0 10px 0;
    }

    .post_body p{
        padding-bottom:10px;
    }
    /******************************/
    .post_body canvas{
	    /*width: 100%;*/

    }
    .post_body div{
	    /*width: 100%!important;*/

    }
    /******************************/
  
    .post_body .waku h2{
        font-size:1.6rem;
        /*background: none;*/
        padding:0;
        top: -25px;
    }

    .post_body .waku dl{
        display:flex;
        flex-wrap: wrap;
    }
    .post_body .waku dt{
        font-weight: bold;
        width: 95px;
        font-size: 1.2rem;
        box-sizing: border-box;
    }
    .post_body .waku dd{
        margin: 0;
        width: calc(100% - 95px) ;
        box-sizing: border-box;
    }



    .post_body .waku { font-size: 1.4rem; line-height: 1.8em; padding: 15px; margin-bottom: 20px; margin-top: 20px; }
    .post_body .waku { font-size: 1.2rem; }
    .post_body .waku strong{ margin-right: 10px; width:60px; display: inline-block; font-size: 1.2rem; background: none !important; position: relative; /* padding-left: 15px; */ color: #666666;}
    /*.post_body .waku strong:before{ content: ""; display: block; width:8px; height: 8px; border-radius: 10px; background-color: #2e649b; position: absolute; left: 0px; top: calc(50% - 4px); }
    */





    .main_area .sns{
        padding:0 15px;
        background: #FFF;
        margin-bottom: 15px;
    }

    .writer {
        border:3px solid #e0e0e0;
        margin:10px;
        padding:10px 10px;
        font-size: 1.2rem;
        font-size: 1.4rem;
        margin-bottom: 60px;
        margin-bottom: 0px;
        
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .writer_photo {
        width: 20%;
    }
    
    .writer_photo .trim {
        position:relative;
        overflow: hidden;
        width:80px;
        height:80px;
        border-radius:50%;
    }
    .writer_photo .trim img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        height:100%;
    }
    .writer_text {
        width: 75%;
    }
    .writer h2{
        font-weight: bold;
    }
    .buy{
        padding:15px;
        margin: 15px;
    }
    .buy h2{
        font-size:1.4rem;
        line-height: 1.4;
        position: relative;
        padding-left:24px;
    }
    .buy h2::before{
        position: absolute;
        left:0;
        top:-10px;
    }
    .buy .text{
        width: auto;
    }
    .buy .amazon{
        margin:20px 0 0 15px;
        display: block;
        padding:12px 0;
        text-align:center;
    }
    .okuzuke {
        padding: 0 15px 15px;
        font-size: 1.2rem;
    }
    .cont_title{
        padding:20px 0 10px 0;
        margin:0 15px 10px 15px;
        font-size: 1.6rem;
    }
    .current_tag_area{
        padding:0 15px ;
    }
    .post_area.list .cont_title{
        margin: 0 0  10px 0;
    }
    .side_area{
        padding-top:0;
    }
    aside .post_area.list.min {
        padding: 10px 15px;
    }
    .post_area.list.big .post {
        margin: 0 0 15px 0;
    }
    aside .post_area.list.min .ph canvas {
        width: 100px;
        height: 100px;
    }
    aside .post_area.list.min .cont_area {
        width: calc(100% - 115px);
    }
    aside .post_area.list .post {

        margin-bottom:15px;
    }
    .slide_inner {
        width: 82%;
        margin: 0 auto;
    }
    .hero_slider .box .grad{
        top:auto;
        bottom:0px;
        left:0px;
        right:0px;
        padding:20px;
        background: url("../img/gra.png") repeat-x center bottom;
        background-size: 100% 100%;
    }
    .hero_slider .box{
        width:100%;
        /*height: 233px;*/
        /*width:330px;
        height: 233px;*/
    }
    .hero_slider .box p {
        font-size: 1.2rem;
    }
    .hero_slider .box h2{
        font-size:1.5rem;
    }
    aside .post_area.list.big .ph,
    aside .post_area.list.big canvas{
        width: 100%;
        padding-right:0;
    }
    .overlay{
        position: fixed;
        top:0;
        right:0;
        left:0;
        bottom:0;
        background: rgba(0,0,0,0.4);
        z-index: 998;
        display: none;
        cursor: pointer;
    }
    .overlay .x{
        font-size: 4.1rem;
        color:#FFF;
        padding: 5px 16px;

    }
    #s_menu {
        position: fixed;
        top:0;
        right: -100vw;
        width:85%;
        height: 100vh;
        overflow: scroll;
        z-index: 999;
        box-shadow:-10px 0px 10px rgba(50,50,50,0.5) ;
        transition: all 0.3s ease;
        background: #f8f7f5;
    }
    #s_menu.in{
        right: 0vw;
    }
    #s_menu .search_area .submit{
        display: block;
        clear: both;
        float: none;
        height: 42px;
        width: 100%;
        margin-top: 10px;
    }
    #s_menu form{
        display: block;
    }
    #s_menu .select_area{
        display: flex;
        justify-content: space-between;
    }
    #s_menu .search_area .inner div{
        height:auto;
    }
    #s_menu #q{
	    width: calc(100% - 100px);
        margin:5px;
        padding:5px ;
    }
    #s_menu input[type=text]#q {
	  transform: none;
	  font-size: 1.4rem;
	}
    #s_menu .view_area{
        border-radius: 4px;
        border: 1px solid #cbcac9;
        background: #FFF;
        width: 100%;
        margin-top:10px;
        
    }
    #s_menu .submit_min{
        background: #FFF;
        width:25px;
        padding:5px;
        margin:5px 5px 0 0;
        cursor: pointer;
    }
    #s_menu h2{
        clear: both;
        font-size:1.4rem;
        font-weight: bold;
        padding:20px 0 10px 0;
        margin:0px 0 10px 0;
        background: url("../img/dott2.png") repeat-x left bottom;
    }
    #s_menu .keyword li{
        display: inline;
        border-right:1px solid #333;
        margin-right:10px;
        padding-right:10px;
    }
    #s_menu li:last-child{
        border:0;
    }
    #s_menu .rireki li{
        padding-bottom:5px;
    }
    #s_menu .search_area{
        padding:20px 0px 20px 0px;
        margin:0;
    }
    #s_menu  h2 a{
        font-size:1.3rem;
        float:right;
        font-weight: normal;
        color:#000;
    }
    #s_menu hr {
	    border-top: 1px dotted #bbb;
	    display: block;
	    margin-top: 10px;
	}
	#s_menu #header_search {
		padding: 0px;
		margin: 0px;
	}
	
	select#header_search_type {
		position: relative;
		z-index: 1;
		color: #666666;
		line-height: 1.0;
		display: inline-block;
		font-size:1.4rem;
		width: 50px;
		padding: 0px 0;
		padding-left:10px;
		border-left: 1px solid #e8e3da;
		border-right: none;
		border-top: none;
		border-bottom: none;
		border-radius: 0;
		background-color: transparent;
		background-image: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	
	}
	
	
	
	
	
    .flex_outer{
        display: flex;
        flex-wrap: wrap;

    }
    .flex_oter .slide{
        width: 100%;
        order: 2;
    }
    .flex_outer .search_area{
        order: 1;
        width:100%;
    }
    p.more_btn a {
        display: block;
        background: url("../img/icon_arrow_shita_bk.png")no-repeat right 20px center;
        padding: 5px 20px;
        border: 2px solid #222;
        border-radius: 50px;
        font-weight: bold;
        color: #222;
        text-align: center;
        margin:-10px 15px 15px 15px;
    }
    #index .item_box .tag{
        display: none;
    }


    .fancybox-container {
	    z-index: 99999;
    }
    .fancybox-slide > * {
	     margin: 44px 0!important;
	}
	.fancybox-slide:before {
	    vertical-align: top;
	}

	#spot .post_header {
	    padding-top: 20px;
	}

	#spot .post_header small {
	   margin: 0px 15px;
	   font-size: 1.4rem;
	   display: block;
	}
	#spot .post_header h1{
	    margin: 0px 15px;
	    font-size: 2.0rem;
	    padding: 0 0 5px 0
	}
	#spot .post_header h1 small {
	    font-size: small;
	}
	.post_header h2{
	    margin: 0px 15px;
	    padding: 0px 0px 20px 0px;
	    
	}
	#spot .post_header h2 {
		font-size: 1.8rem;
	}
	#spot_article .post_body h2 {
		margin: 5px 0px 15px 0px;
	}
	#spot_article .post_body small {
		margin: 0px 0px 5px 0px;
		font-size: 1.4rem;
	}
	#spot_article .post_body span {
		font-size: 18px;
		line-height: 1.3em;
		padding-top: 5px;
	}
	.area_box .ph canvas {
	    width: 100%;
	    height: 270px;
	}
	.waku h2 a{
	    min-width: auto;
		/*padding:8px 35px;*/
		text-align: left;
	}
	.flex_outer .search_area .inner{
		display: flex;
		justify-content: space-between;
	}
	.flex_outer .search_area .submit{
		width:20%;
		padding:0 10px;
		height: 45px;
		margin:0 0 0 10px;
		background: #464040;
	}
	
	#hidden_pref_content{ left: calc(50% - 40%); top: 2%; width: 80%; }
	#hidden_pref_content .drilldown-footer{ width: 60%; }
	
	#hidden_theme_content{ left: calc(50% - 40%); top: 2%; width: 80%; }
	#hidden_theme_content .drilldown-footer{ width: 60%; }
}




/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/
#header_display {
	display: none;
    position: fixed;
    right: 0px;
    left: 0px; 
    top: 0px;
    z-index: 999;
    color: #fff;
    padding: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    /*background: rgba(0,0,0,0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');*/
}
#footer_display {
	display: none;
    position: fixed;
    right: 0px;
    left: 0px; 
    bottom: 0px;
    z-index: 999;
    color: #fff;
    padding: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    /*background: rgba(0,0,0,0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33000000', endColorstr='#33000000');*/
}
#header_display .contents, #footer_display .contents {
	margin-left: auto;
	margin-right: auto;
}




/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/

.item_box_ad {
    width:255px;
    margin-left:0px;
    margin-bottom:0px;
}
.item_box_ad .ph{
    width:255px;
    height: 180px;
}
.item_box_ad .ph canvas{
    background: #CCC;
    width:255px;
    height: 180px;
}
.item_box_ad a{
    display: inline-block;

}

.item_box_ad .ymd{
    display: block;
    padding:10px 0 0px 0;
    font-size: 1.2rem;
}
.item_box_ad h2{
    display: inline;
    font-weight: bold;
    font-size: 1.5rem;
}
.item_box_ad a:hover{
    text-decoration: underline;
}

.item_box_ad .ymd{
    color:#222;
    text-decoration: none;
}
.item_box_ad .tag {
    padding-top:10px;
}
.item_box_ad .tag li {
    display:inline-block;
}
.item_box_ad .tag li span {
	display:inline-block;
    height: auto;
    color:#FFF;
    font-size:1.2rem;
    display: block;
    padding:2px 10px;
    border-radius: 2px;
}




/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/
header .right_area {
	
}
header .right_area .link_area {
	margin-top: 21px;
}
header .right_area .link_area ul {
	
}
header .right_area .link_area ul li {
	display: inline-block;
}
header .right_area .link_area ul li {
    padding-right:12px;
    margin-right:12px;
    border-right:1px solid #e6e5e3;
}
header .right_area .link_area ul li:last-child{
    border-right:none;
    padding-right:0px;
    margin-right:0px;
}
header .right_area .link_area ul li a {
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: #e6e5e3;
	background-color: #ffffff;
	border-radius: 30px;
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: none;
	color: #222222;
	padding-left: 18px;
	padding-right: 50px;
	line-height: 1em;
	font-weight: bold;
	font-size: 1.2rem;
	letter-spacing: 1px;
}
#s_menu .search_area .inner ul li a span {
	
}
header .right_area .link_area ul li a svg {
	position: absolute;
	right: 14px;
	top: 10px;
	transform:rotateZ(-90deg);
	
	
}


header .right_area .link_area ul li.domestic_link a:hover, .right_area .link_area ul li.domestic_link a.active {
	background-color: #f1a14b;
	border-color: #f1a14b;
	color: #ffffff;
}
header .right_area .link_area ul li.domestic_link a:hover svg , .right_area .link_area ul li.domestic_link a.active svg  {
	transform:rotateZ(0deg);
}

header .right_area .link_area ul li.domestic_link a svg path {
	fill: #f1a14b;
    opacity: 1;
}

header .right_area .link_area ul li.domestic_link a:hover svg path, .right_area .link_area ul li.domestic_link a.active svg path {
	fill: #fff;
    opacity: 0.5;
}



header .right_area .link_area ul li.global_link a:hover, .right_area .link_area ul li.global_link a.active {
	background-color: #2e649b;
	border-color: #2e649b;
	color: #ffffff;
}

header .right_area .link_area ul li.global_link a:hover svg , .right_area .link_area ul li.global_link a.active svg  {
	transform:rotateZ(0deg);
}

header .right_area .link_area ul li.global_link a svg path {
	fill: #2e649b;
    opacity: 1;
}

header .right_area .link_area ul li.global_link a:hover svg path, .right_area .link_area ul li.global_link a.active svg path {
	fill: #fff;
    opacity: 0.5;
}





header .right_area .input_set{
    margin-top:12px;
}

header .right_area input {
	/*width: 220px;*/
}

header .domestic_label {
	background-color: #f1a14b;
	width: 55px;
	color: #ffffff;
	border-radius: 29px;
	line-height: 1.9em;
	display: inline-block;
	padding-left: 2px;
	padding-right: 0px;
	letter-spacing: 2px;
	text-align: center;
	margin-left: 22px;
	font-size: 1.4rem;
}
header .global_label {
	background-color: #2e649b;
	width: 55px;
	color: #ffffff;
	border-radius: 29px;
	line-height: 1.9em;
	display: inline-block;
	padding-left: 2px;
	padding-right: 0px;
	letter-spacing: 2px;
	text-align: center;
	margin-left: 22px;
	font-size: 1.4rem;
}
@media screen and (max-width: 480px){
	.right_area {
		display: none;
	}
	.domestic_label {
		
	}
	.global_label {
		
	}
	header .inner  h1 img{
        display: inline-block!important;
    }
    header .inner  h1 {
        position: relative;
    }
	header .domestic_label {
		background-color: #f1a14b;
		height: auto;
		width: 42px;
		color: #ffffff;
		border-radius: 18px;
		line-height: 1.9em;
		display: inline-block;
		padding-left: 2px;
		padding-right: 0px;
		letter-spacing: 2px;
		text-align: center;
		margin-left: 10px;
		font-size: 0.8em;
		position: absolute;
		top: 27px;
		font-weight: normal;
		display: inline-block!important;
	}
	header .global_label {
		background-color: #2e649b;
		height: auto;
		width: 42px;
		color: #ffffff;
		border-radius: 18px;
		line-height: 1.9em;
		display: inline-block;
		padding-left: 2px;
		padding-right: 0px;
		letter-spacing: 2px;
		text-align: center;
		margin-left: 10px;
		font-size: 0.8em;
		position: absolute;
		top: 27px;
		font-weight: normal;
		display: inline-block!important;
	}
    
}



#s_menu .search_area .inner ul {
	
}
#s_menu .search_area .inner ul li {
	display: block;
}

#s_menu .search_area .inner ul li a {
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: #cbcac9;
	background-color: #ffffff;
	border-radius: 4px;
	display: block;
	padding-top: 11px;
	padding-bottom: 11px;
	text-decoration: none;
	color: #222222;
	line-height: 1em;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 1px;
    width: 100%;
    margin-top:10px;
}
#s_menu .search_area .inner ul li a span {
	display: inline-block;
	margin-left: 14px;
	
}
#s_menu .search_area .inner ul li a svg {
	position: absolute;
	right: 14px;
	top: 14px;
	transform:rotateZ(-90deg);
}


#s_menu .search_area .inner ul li.domestic_link a:hover, #s_menu .search_area .inner ul li.domestic_link a.active {
	background-color: #f1a14b;
	border-color: #f1a14b;
	color: #ffffff;
}
#s_menu .search_area .inner ul li.domestic_link a:hover svg , #s_menu .search_area .inner ul li.domestic_link a.active svg  {
	transform:rotateZ(0deg);
}

#s_menu .search_area .inner ul li.domestic_link a svg path {
	fill: #f1a14b;
    opacity: 1;
}

#s_menu .search_area .inner ul li.domestic_link a:hover svg path, #s_menu .search_area .inner ul li.domestic_link a.active svg path {
	fill: #fff;
    opacity: 0.5;
}



#s_menu .search_area .inner ul li.global_link a:hover, #s_menu .search_area .inner ul li.global_link a.active {
	background-color: #2e649b;
	border-color: #2e649b;
	color: #ffffff;
}

#s_menu .search_area .inner ul li.global_link a:hover svg , #s_menu .search_area .inner ul li.global_link a.active svg  {
	transform:rotateZ(0deg);
}

#s_menu .search_area .inner ul li.global_link a svg path {
	fill: #2e649b;
    opacity: 1;
}

#s_menu .search_area .inner ul li.global_link a:hover svg path, #s_menu .search_area .inner ul li.global_link a.active svg path {
	fill: #fff;
    opacity: 0.5;
}


/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/


.filter {
	display: none;

}



/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/


.paginate{
	text-align: center;
	margin-bottom: 0px;
}


.page-numbers,
.post_previous a,
.post_next a{
	padding: 5px 14px 4px 14px;
	display: inline-block;
	vertical-align: top;
	box-shadow: inset 0px 0px 0px 1px #2e649b;
	line-height: 30px;
	font-size: 14px;
	color: #2e649b;
    text-decoration: none;
    margin-bottom: 10px;
}
.current,
.page-numbers:hover,
#pagination .post_previous a:hover,
#pagination .post_next a:hover{
	background: #2e649b;
	color: #FFF;
}

#list .current { background:none; }

#pagination .prev,
#pagination .post_previous a{
	/*float: left;*/
	margin: 10px;
}
#pagination .next,
#pagination .post_next a{
	/*float: right;*/
}
#pagination .prev,
#pagination .next,
#pagination .post_next a,
#pagination .post_previous a{
	position: relative;
}
#pagination .prev:before,
#pagination .post_previous a:before{
	margin: 1px 5px 0 0;
	float: left;
}
#pagination .next:after,
#pagination .post_next a:after{
	margin: 1px 0 0 5px;
	float: right;
}

/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/

#toc {
	margin-bottom: 30px;
	margin-top: 20px;
}
#toc_list {overflow: hidden;}
#toc_list ul {padding-bottom:0px;}
#toc_list li {margin-bottom:0px;}
.toc_more, .toc_close {
	background-color: #f3f3f3;
	text-align: center;
	padding: 3px;
	font-size: 1.2rem;
	cursor: pointer;
	margin-top: 5px;
}

/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/

.section_related_articles {
    margin-bottom: 30px;
    background-color: #f0f6fd;
    padding: 15px 15px 0px 15px;
}
.section_related_articles h5 {
    font-size:1.4rem;
    font-weight: normal;
    background: none;
    padding:0;
    margin-top: -25px;
}

.section_related_articles .post{
    /*display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #eaeaea;*/
    padding:0 0 15px 0;
    margin:0 0 15px 0 ;
}
.section_related_articles .post:last-child {
    border-bottom: none;
}
.section_related_articles .post .ph {
    width: 55px;
    margin-right: 15px;
    float: left;
}
.section_related_articles .post .list_title {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.2;
    border: none;
}


@media screen and (max-width: 480px){
    .section_related_articles h5 {
        font-size: 1.4rem;
        font-weight: normal;
    }
    .section_related_articles .post .ph {
        width: auto;
    }
    .section_related_articles .post .ph img{
        max-width: 110px;
        width: auto;
        height: auto;
    }

    .section_related_articles .post .list_title {
        font-size: 1.3rem;
        padding: 0px 0 5px 0;
        font-weight: normal;
        line-height: 1.2;
    }
}

/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/

/* Air Ticket Buttons */
.air_ticket_message{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	
}
.btn_container {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.btn-open {
  border-radius: 3px;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  height:50px;
  text-align: center;
  background-color: #9ec34b;
  font-size: 16px;
  line-height: 52px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #9ec34b;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
a.btn-open {
    color: #FFF;
}
.btn-open:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(10deg);
  transition: .2s;
  z-index: -1;
}
.btn-open:hover{
  color: #9ec34b;
}
.btn-open:hover:after{
  height: 240%;
  opacity: 1;
}
.btn-open:active:after{
  height: 340%;
  opacity: 1;
}

/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/
#sec .writer_info {
    display:flex;
    flex-direction: row;
    justify-content: normal;
    margin-bottom: 15px;
}
#sec .writer_info .writer_photo {
    width: 40px;
}
#sec .writer_info .writer_text {
}

#sec .writer_info .writer_photo .trim {
    position:relative;
    overflow: hidden;
    width:30px;
    height:30px;
    border-radius:50%;
}
#sec .writer_info .writer_photo .trim img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    height:100%;
}

/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/




#hidden_pref_content {
	/*padding: 20px; */
	background-color: #fff;
  /*width: 477px; */
  z-index: 10000;
  /*position: absolute; 
  left: calc(50% - 550px); 
  top: 59px; 
  top: -9px;*/
  /*border: 1px solid #cbcac9;
  box-sizing: border-box;
  z-index: 10000;*/
  margin-bottom: 20px;
}
#hidden_theme_content {
	padding: 20px;
	background-color: #fff;
  width: 477px;
  position: absolute; left: calc(50% - 34px); top: 59px; top: -9px;
  border: 1px solid #cbcac9;
  box-sizing: border-box;
  z-index: 10000;
}



#hidden_pref_content .drilldown-header {
    padding: 0px;
    border: 3px solid #f1a14b;
	border-top-left-radius : 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius : 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
  display: none;
}
#hidden_theme_content .drilldown-header {
    padding: 0px;
    border: 3px solid #44a481;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius : 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
  display: none;
}

#hidden_pref_content .drilldown {
    overflow: hidden;
    width: auto;
    padding: 0px;
    margin: 0px;
    background-color: #F3F3F3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    border: 1px solid #cbcac9;
}
#hidden_theme_content .drilldown {
    overflow: hidden;
    width: auto;
    padding: 0px;
    margin: 0px;
    background-color: #F3F3F3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    border: 1px solid #cbcac9;
}
#hidden_pref_content .drilldown-header {
    padding: 8px 5px 8px 5px;
    background-color: #f1a14b;
    font-size: 16px;
    cursor: pointer;
}
#hidden_theme_content .drilldown-header {
    padding: 8px 5px 8px 5px;
    background-color: #44a481;
    font-size: 16px;
    cursor: pointer;

}

.drilldown-header .title {
    font-weight: bold;
    color: #ffffff;
    line-height: 1.6em;
    display: inline;
}
#hidden_pref_content .drilldown-footer {
	  margin-top: 17px;
    padding:10px 8px;
    background-color: #f1a14b;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    /*width: 350px;*/
    margin-left: auto; margin-right: auto;
}
#hidden_theme_content .drilldown-footer {
	margin-top: 17px;
    padding:10px 8px;
    background-color: #44a481;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    width: 350px; margin-left: auto; margin-right: auto;
}
.drilldown-footer .title {
    font-weight: bold;
    color: #ffffff;
    display: inline;
}



.drilldown-sub {
    display: none;
}
.drilldown-back a {
    font-weight: normal;
    color: #2e649b!important;
}

#hidden_pref_content .drilldown a { display: block; text-decoration: none; padding: 10px 13px 10px 13px; border-bottom: 1px solid #cbcac9; position: relative; box-sizing: border-box; min-height: 43px; background-color: #f5f4f0; color: #000000; position: relative; }
#hidden_pref_content .drilldown .drilldown-root div:last-child a{ border-bottom: none; }

#hidden_pref_content .drilldown a i{ border-radius: 20px; background-color: #fe9b31; color: #fff; width: 15px; height: 15px; text-align: center; position: relative; position: absolute; right: 16px; top: calc(50% - 7px)}
#hidden_pref_content .drilldown a i:before{ content: "\f105"; position: absolute; right: 4px; top: 0px; font-size: 14px; }

#hidden_theme_content .drilldown a { display: block; text-decoration: none; padding: 10px 13px 10px 13px; border-bottom: 1px solid #cbcac9; position: relative; box-sizing: border-box; min-height: 43px; background-color: #f5f4f0; color: #000000; position: relative; }
#hidden_theme_content .drilldown .drilldown-root div:last-child a{ border-bottom: none; }

#hidden_pref_content .drilldown .drilldown-back a{ padding-left: 32px; color: #000000; }
#hidden_pref_content .drilldown .drilldown-back a i{ border-radius: 20px; background-color: #fe9b31; color: #fff; width: 15px; height: 15px; text-align: center; position: relative; position: absolute; right: auto; left: 16px; top: calc(50% - 7px)}
#hidden_pref_content .drilldown .drilldown-back a i:before{ content: "\f104"; position: absolute; left: 4px; right: auto; top: 0px; font-size: 14px; }



#hidden_theme_content .drilldown a i{  }
#hidden_theme_content .drilldown a i:before{ content: "\f105"; }

#hidden_theme_content .drilldown a i{ border-radius: 20px; background-color: #00a67f; color: #fff; width: 15px; height: 15px; text-align: center; position: relative; position: absolute; right: 16px; top: calc(50% - 7px)}
#hidden_theme_content .drilldown a i:before{ content: "\f105"; position: absolute; right: 4px; top: 0px; font-size: 14px; }

#hidden_theme_content .drilldown .drilldown-back a{ padding-left: 32px; color: #000000; }
#hidden_theme_content .drilldown .drilldown-back a i{ border-radius: 20px; background-color: #00a67f; color: #fff; width: 15px; height: 15px; text-align: center; position: relative; position: absolute; right: auto; left: 16px; top: calc(50% - 7px)}
#hidden_theme_content .drilldown .drilldown-back a i:before{ content: "\f104"; position: absolute; left: 4px; right: auto; top: 0px; font-size: 14px; }

#hidden_pref_content .drilldown-back a{ color: #000000 !important; }
#hidden_pref_content .drilldown a:hover{ background-color: #fff3da; color: #000000 !important; }
#hidden_theme_content .drilldown-back a{ color: #000000 !important; }
#hidden_theme_content .drilldown a:hover{ background-color: #e6faf3; color: #000000 !important; }

/*------------------------------------------------------------------------------
 -	
------------------------------------------------------------------------------*/

.photo_caption {
    line-height: 1.5rem;
    display: inline-block;
    font-size: 1rem;
}

.photo_caption strong {
    /*margin-top: 5px;
    margin-bottom: 5px;*/
    display: inline-block;
}

.post_body img {
    display: block;
    margin-bottom: 5px;
}

.post_body strong {
	background : linear-gradient( transparent 70%, #fac791 0% );
}

.post_body figure strong {
	background : none;
}


@media screen and (max-width: 480px){
    .post_header figure span {
        padding: 5px 15px 0 15px;
    }
}