@charset "UTF-8";
/*
code by zarigani
designed by zarigani
*/
*{
  margin:0;
  padding:0;
}
html, body{
  height:100%;
  width:100%;
}
html{
  font-size: 62.5%;
} 
body{
  font-size: 16px;
  font-size: 1.6rem;
  font-family:"Hiragino Kaku Gothic Pro",'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック',sans-serif;
  position:absolute;
}
.clear_float{
  clear:both;
  line-height:0;
  height:0;
}
*:hover,
a{
    -webkit-transition-property: background-color,opacity,color;  
    -webkit-transition-duration: 0.1s;  
    -webkit-transition-timing-function: linear;
    transition-property: background-color,opacity,color; 
    transition-property: border-color,opacity,color;  
    transition-duration: 0.1s;  
}
a {
            word-wrap: break-word;      /* IE 5+ */
        }
a img{
  border:none;
}
a{
  color:black;
}

span.wp_keywordlink_affiliate a {
    text-decoration: none;
    color: black;
}

span.wp_keywordlink_affiliate {
    border-bottom: dotted 2px #5de425;
    padding: 0px 3px;
    text-decoration-line: none;
    text-decoration: none;
}

.fb-like.fb_iframe_widget {
    margin: 0 15px 28px 0px;
}

ul.list {
    margin: 14px;
}

blockquote.wp-block-quote p {
    font-size: 24pt;
    font-weight: bold;
	line-height:42px;
}
.wp-block-embed {
    margin-bottom: 1em;
    max-width: 100%;
    margin: 0 auto 20px;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
    height: 325px;
    object-fit: cover;
}
.gsc-result .gs-title {
    height: 2.2em;
}
a.tubuyaite {
    font-size: 20px;
    border: 1px solid black;
    margin: 10px;
    padding: 14px;
    border-radius: 13px;
    background: snow;
}

.vk_flow_frame_image img {
    width: 150px;
    margin: 0 auto !important;
}

iframe.loaded {
    width: 100%;
}
.wp-block-advanced-gutenberg-blocks-testimonial__content {
    font-style: normal;
    color: black;
    font-weight: bold;
}

p.akismet_comment_form_privacy_notice {
    font-size: 5px !important;
    margin: 0 !important;
}

div#___gcse_1 {
    line-height: 24px !important;
}

h4 {
    margin: 90px 0 32px 0;
    padding: 16px 8px 16px 12px;
    border-left: 6px solid black;
    color: #333;
    line-height: 1.4;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 4px;
}
h5 {
    padding: 16px 8px 16px 12px;
    line-height: 1.4;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 4px;
    text-align: center;
}
.col-full {
    margin: 0 0 -50px 0;
}

/* 全体設定 */
.header,
.wrap,
.nav,
.footer{
  width:100%;
}
.header > div,
.wrap > div,
.nav > div,
.footer > div{
  width:993px;
  margin:0 auto 0 auto;
  background-color:rgba(255,255,255,1);
	overflow:hidden;
}
.nav > div{
    background-color:rgba(255,255,255,1);
}
.header > div{
    background-color:rgba(255,255,255,0); 
}
.header > div > div,
.wrap > div > div,
/* .nav > div > div, */
.footer > div > div{
  margin:0 150px 0 150px;
}
.footer{
	border-top:solid 1px #F2F2F2;
	background:#FCD544;
}
.footer p{
	font-size:1.4rem;
    padding: 10px 0;
	color:#000000;
	text-align:center;
}

/* ヘッダー */
.header{
  height:66px;
  width:auto;
  position:fixed;
  top:0;
  right:0;
  left:0;
  z-index:1000;
    background-color:rgba(253,209,0,0.9);  
/* background-color: rgba(255,255,255,0.8);  */
  background-image:url(https://attrip.jp/wp-content/uploads/2017/12/grass.png);
  background-repeat:repeat-x;
  background-position:left bottom;
  background-size:16px auto;
}
.header > div{
  /* background-color:rgba(253,209,0,0.9);  */

}
.logo{
  height:66px;
  text-align:center;
}
.logo a{
  display:inline-block;
  height:66px;
  text-decoration:none;
}
.logo a img{
  height:36px;
  width:auto;
  margin:15px 0 0 0;
  float:left;
}
.logo span{
  color:#999999;
  font-size:12px;
  font-size:1.2rem;
  margin:0 0 0 15px;
  letter-spacing:0.3rem;
  display:inline-block;	
  float:left;
  text-decoration:none;
  line-height:62px;
}

/* コンテンツ　ラップ */
.wrap{
  padding:0 0 0 0;
}
.nav{
    height: 22px;
    /* border-top: solid 1px #F2F2F2; */
    /* border-bottom: solid 1px #ffffff; */
    z-index: 1000;
    text-align: center;
	    margin: 74px 0 33px 0;
}
.nav ul li{
  display:inline-block;
  list-style:none;
  padding:3px 10px 0 10px;
}

.nav ul li a{
  display:block;
  letter-spacing:0.2rem;
  cursor:pointer;
  font-weight:bold;
  border-color: rgba(255,255,255,0);
  box-sizing:border-box;
  text-decoration:none;
border-bottom: 3px solid #000000;
}
.nav ul li:last-child a{
  opacity:0.5;
}
.nav ul li a:hover{
  border-bottom:solid 3px;
  border-color:rgba(253,209,0,0.6);
  color:rgba(253,209,0,1);
}
.nav ul li:last-child a:hover{
  border-bottom:solid 3px;
  border-color: rgba(255,255,255,0);
  color:#777777;
	opacity:1;	
	}
.category-13 .nav ul li:nth-child(1) a,
.category-14 .nav ul li:nth-child(2) a,
.category-17 .nav ul li:nth-child(3) a,
.category-15 .nav ul li:nth-child(4) a{
  color:#00E5AA;
  border-bottom:solid 3px;
  border-color:rgba(69,232,191,1.0);
}
.fixed {
  position: fixed;
  top: 0;
  border-top:0;
}
.bread_crumb{
  list-style-type: none;
  display:block;
  overflow:hidden;
  white-space: nowrap;
  margin:20px 0 0 0;
}
.bread_crumb li{
  display:inline-block;
    margin: 0 10px 0 0 !important;
  background-image:url(https://attrip.jp/wp-content/uploads/2018/02/pankuzu_arrow.png);
  background-position:right center;
  background-repeat: no-repeat;
  background-size:auto 10px;
  padding:0 20px 0 0;
  opacity:0.4;
  font-size:1.2rem;
}
.bread_crumb li:last-child{
  margin:0 0 0 0;
  background-image:none;
}
.bread_crumb li a{
  font-size:1.2rem;
  color:#444444;
  line-height:50px;
  display:block;
  cursor: pointer;
  text-decoration:none;
}
.bread_crumb li a:hover{
  color:#000000;
}
li.level-2.sub {
    padding-left:  6px;
}

li.level-3.sub.tail.current {
    padding-left:  6px;
}

.tags{
  list-style-type: none;
  display:block;
}
.tags li{
  display:inline-block;
  margin: 0 10px 0 0 !important;
}
.tags li a{
  font-size:1.2rem;
   color: rgb(36, 40, 46);
	line-height:24px;
  display:block;
  border:solid 1px  rgb(36, 40, 46);
  padding:0 10px;
  border-radius:13px;
  cursor: pointer;
  text-decoration:none;
	font-weight:normal;
	margin-bottom:9px;
}
.tags li a:hover{
  border:solid 1px rgba(255,188,0,0.6);
}
.main{
	height:auto;
  padding:40px 0 0px 0;
	word-wrap: break-word;
}

.main h1 {
    background: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0;
    box-shadow: none;
    color: #191e23;
    display: block;
    font-family: "Noto Serif",serif;
    font-size: 2.441em;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    transition: border .1s ease-out;
    width: 100%;
    word-break: break-all;
}

.main h2{
    margin: 32px 0;
    padding: 16px 8px 16px 12px;
    border-left: 6px solid black;
    color: #333;
    line-height: 1.4;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 4px;
}
h2.h2_related{
	   text-align: center;
    margin: 32px 0;
}
.main p{
    font-size: 18px;
    line-height: 36px;  color:black;
  margin:15px 0;
}
.main h1 + p{
	margin:40px 0 0 0;
}

.main img, .main a img {
    margin: 10px 0 10px 0;
    max-width: 680px;
    height: auto;
}

.main iframe{
  margin:10px 0 10px 0;
}
.summary{
  font-size:2rem;
  color:#999999;
  line-height:1.7;
  margin:40px 0 0 0;
}
#toc_container{
  background:#F3F3F3;
  border:solid 1px #F2F2F2!important;
  border-radius:5px;
  box-sizing:border-box;
  padding:20px 30px;
}
#toc_container p{
  font-size:2.2rem;
  color:#4A4A4A;
  margin:0 0 10px 0;
}
#toc_container li, #toc_container ul {
    list-style: circle;
    padding-left: 50px;
}

ul.toc_list{
  list-style:none;
}
ul.toc_list li{
  background-image:url(https://xn--w8j388khoijsg9vh.jp/wp-content/uploads/2017/12/index.png);
  background-position:left center;
  background-repeat: no-repeat;
  background-size:auto 16px;
  padding:0 0 0 30px;
}
ul.toc_list li a{
  font-size:1.8rem;
  line-height:1.7;
}
.related ul,
.post_list{
  padding:16px 0 0 0;
}
.related ul li,
.post_list li{
  margin:20px 0 0 0;
  display:block;
  height:135px;
}
.related ul li:first-child,
.post_list lii:first-child{
  margin:20px 0 0 0;
  
}
.related ul li a,
.post_list li a{
  display:block;
  position:relative;
  height:135px;
}

.related ul li a img,
.post_list li a img{
    width: 204px;
    height: 146px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    object-fit: contain;
}
.post_list li a:hover img{
  opacity:0.9;
}
.related ul li a p,
.post_list li a p{
  width:auto;
  height:135px;
  position:absolute;
  left:210px;
	font-weight: bold;
  top:0;
  right:0;
  bottom:0;
  font-size:2.6rem;
  line-height:1.65;
  margin:0;
	    text-decoration: underline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	white-space:pre-wrap;
}
	
.related ul li a:hover p,
.post_list li a:hover p{
  color:rgba(253,209,0,1);
}
.ads{
	height: auto;
}
.ads > div{
  width:336px;
  overflow:hidden;
	float:left;
}
.ads > div > p{
  font-size:1rem;
  line-height:10px;
  margin:5px 0 0 0;
  text-align:center;
}
.ads > div:nth-child(2){
  margin:0 0 0 20px;
}
.ads > div img{
  width:336px;
  height:280px;
}
.addtoany_share_save_container.addtoany_content_top{
  margin-bottom:60px!important;
}
.addtoany_share_save_container.addtoany_content_bottom{
  margin-top:60px!important;	
}
.hot{
  text-align:center;
  height:320px;
  overflow:hidden;
  width:993px;
  margin:0 auto 0 auto;
}
.horizonal{
	display:table;
	height: auto;
}

.catch_block {
    width: 331px;
    height: 160px;
    overflow: hidden;
    float: left;
    position: relative;
}

.horizonal .catch_block{
  width:993px;
  height:250px;
  overflow:hidden;
  float:left;
  position:relative;
}
.catch_block:hover{
  opacity:0.9;
}
.catch_block img {
    /* height: 100%; */
    width: auto;
    min-height: 250px;
    margin: -50px;
}

.horizonal .catch_block img{
  height:100%;
  width:331px;
  min-height:250px;
  position:absolute;
  left:0;
  bottom:0;
  top:0;
  z-index:100;
}
.catch_block p{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:auto;
  height:auto;
  padding:20px;
  color:#FFFFFF;
  font-size:2.3rem;
	white-space:normal;
  text-align:left;
  font-weight:normal;
  line-height:1.3;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5))); 
text-shadow: 0 1px 5px rgba(0,0,0,0.3); 
}
.catch_block:hover p{
  color:rgba(253,209,0,1);
}
.horizonal .catch_block p{
  padding:20px 20px 20px 351px;  
  height:250px;
  display: flex;
   -webkit-align-items: center;
  vertical-align:middle;
  font-size:3.3rem;
  background:rgba(255,255,255,1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,1))); 
  text-shadow: 0 1px 5px rgba(255,255,255,1); 
  color:#4A4A4A;
  font-weight:normal;
}
.horizonal .catch_block:hover p{
  color:rgba(253,209,0,1);
}
.catch_block p.list_view {
position: absolute!important;
    background: rgba(253,209,0,0.5);
    /* background-color: rgba(84,140,255,0.8); */
    color: #FFFFFF;
    left: -280px;
    top: 9px;
    text-align: center;
    /* background-color: rgba(255,255,255,0.2); */
    height: 30px;
    padding: 10px 2px 0px 10px;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 8px;
    font-size: 1.3rem;
    line-height: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    text-shadow: 0 0 0 rgba(0,0,0,0.3);
    letter-spacing: 0.1rem;

}
.more_post.more_roop {
    font-size: 39px;
	text-align:center;
}
.pager_num {
    font-size:  34px;
	text-align:center;
}

span.page-numbers.current {
    border: 1px solid;
	background-color:yellow;
}

a.page-numbers {
    border: 1px solid;
	font-size: x-large;
}
a.prev.page-numbers {
    border: none;
    text-decoration: none;
}

a.next.page-numbers {
	    border: none;
    text-decoration: none;
}
#toc_container p.toc_title+ul.toc_list {
    margin-top: 1em;
    max-width: 693px;
}

.amazon_button {
width:100% !important;
margin:0 auto !important;
}

.amazon_button a {
padding: 10px;
    line-height: 53px;
display: block;
text-align: center;
text-decoration: none;
font-size: 21px;
border-radius: 3px;
margin: 10px 0 10px 0;
font-weight: bold;
}

.amazon_left {
float:left!important;
width:50%!important
}

.amazon_left:hover {
opacity:.7!important;transition: 2s;
}

.amazon_left a {
color:#4C301C!important;
background:#FDC33A!important;
border-radius:3px!important
}

.amazon_right {
float:right!important;
width:50%!important
}

.amazon_right:hover {
opacity:.7!important
}

.amazon_right a {
color: #383762;
background: #E6E6C3;
}
.mashsb-box .mashsb-buttons a.mash-nomargin {
    margin-right: 0;
    width: 37%;
}
twitterwidget#twitter-widget-0 {
    margin: 0 auto;
}
blockquote {
background:url(https://attrip.jp/wp-content/uploads/2012/10/quote1.png) no-repeat;
    margin: 20px;
    padding: 1px 0px 0px 30px;
}

.main li {
    margin:  10px 10px 10px 24px;
	    list-style: outside;
}

.main ul {
    list-style-type: none;
}
.tags li a:before {
    content: none;
}
.tags li:before {
    content: none;
}
.related ul li, .post_list li:before {
    content: none;
}
.bread_crumb li:before {
    content: none;
}
p a {
    white-space: pre-wrap;
}
p.text-min {
    font-size: 10px;
	text-align:center;
	margin: 5px;
}
code {
    color: green;
}
.main img.size-large {
    max-width: 100%;
    height: auto;
}
twitterwidget {
    margin: 0 auto;
}
p.tekito {
    padding-bottom: 50px;
}
img.avatar.avatar-25.photo {
    vertical-align: middle;
    margin: 0 6px 0px 10px;
}