.marker_yellow {
	background: linear-gradient(transparent 60%,#ffffbb 60%);
}

.marker_lime {
	background: linear-gradient(transparent 60%,#90ee90 60%);
}

.marker_water {
	background: linear-gradient(transparent 60%,#99ccff 60%);
}

.marker_pink {
	background: linear-gradient(transparent 60%,#ff66ff 60%);
}

.marker_orange {
	background: linear-gradient(transparent 60%,#ffa500 60%);
}

.headline4 {
	position: relative;
	border-color: #eee;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	background: #fff;
	margin: 0 0 15px -15px;
	padding: 5px 15px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	box-shadow: 1px 1px 1px rgba(0,0,0,.3);
}

.headline4:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 15px;
	right: 15px;
	width: 70%;
	height: 10px;
	background: rgba(0,0,0,.7);
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0 15px 10px rgba(0,0,0,.7);
	box-shadow: 0 15px 10px rgba(0,0,0,.7);
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}

/* シンプルなテーブル4 */
.table040 {
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #c7c7c7;
	border-collapse: collapse;
}

.table040 td,.table040 th {
	border-width: 1px;
	border-style: solid;
	border-color: #c7c7c7;
	padding: 5px;
	width: 100px;
	text-align: center;
}

.table040 th {
	border-right-style: solid;
	background-color: #444;
	color: #fff;
	border-color: #777;
}

span.keiko-pen-yellow {
	background: linear-gradient(transparent 15%,rgba(255,213,0,0.85) 60%);
}

.a {
	border-left: 5px solid #48832C;
	border-bottom: 5px solid #48832C;
	padding: 3px 10px;
}

.b {
	margin: 0;
}

.c {
	margin: 5px 0 0 8px;
	color: #999;
	font-size: .9em;
}

.selector12 {
	border-left: 50px solid #ccc;
	padding: .8em .9em;
}

.selector12b {
	display: block;
	padding-top: .2em;
	font-size: .8em;
	color: #ccc;
}

@media screen and (max-width : 480px){
	html,
	body {
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

/* 行間 */
.entry-content p {
margin: 0 0 1.5em;
line-height: 1.6em;
}

/*吹き出し女の子*/
.voice.girl .voicecomment{
background-color: #fdeef4;
border-color:#f29da6;
}.voice.l.girl .voicecomment:before{
border-right-color: #f29da6;
}.voice.l.girl .voicecomment:after{
border-right-color: #fdeef4;
}

.voice.r.girl .voicecomment:before{
border-left-color: #f29da6;
}

.voice.r.girl .voicecomment:after{
border-left-color: #fdeef4;
}

/*吹き出し男の子*/
    .voice.boy .voicecomment{
    background-color: #eaf6fd;
    border-color:#87b2e0;
    }.voice.l.boy .voicecomment:before{
    border-right-color: #87b2e0;
    }.voice.l.boy .voicecomment:after{
    border-right-color: #eaf6fd;
    }

    .voice.r.boy .voicecomment:before{
    border-left-color: #87b2e0;
    }

    .voice.r.boy .voicecomment:after{
    border-left-color: #eaf6fd;
    }
 
/*ボタン風カテゴリー*/
.widget_nav_menu ul {
padding-top:12px;
margin: 0 auto;
list-style: none;
}
.widget_nav_menu li {
display: inline-block;
width: 49%;
padding-top: 5px!important;
border-bottom: none!important;
text-align: center;
}
.widget_nav_menu ul a{
padding: 15px 5px!important;
border-radius: 3px;
background: #f0f8ff;
color: #228b22;
font-size: 14px;
text-decoration: none;
text-align: center;
box-shadow: 0 2px 2px rgba(0,0,0,.5);
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.widget_nav_menu ul a:hover{
background: #afeeee;
color: #228b22;
box-shadow: 0 2px 2px rgba(0,0,0,.8);
transform: translate3d(0px, 2px, 0px);
}
.widget_nav_menu li a:after{
display: none;
}

/*レビューボックス*/
.combox img{
width:40px;
border-radius:50%;
margin:5px 10px 10px 0px;
}.combox{
border:solid 3px #a7cff3;
border-radius:5px;
}.comment-text{
display: flex;
align-items: center;
border-bottom: 1px dotted #ccc;
padding-bottom: 1px;
margin:10px 20px 5px;
}.combox p{
margin-bottom:0;
line-height:18px;
}.combox .star{
color:#FFB400;
}.comment-text2{
margin: 0px 20px 10px;
text-align:justify;
}.comment-text2 p{
line-height:26px;
}

/*アイキャッチに余白*/
.eyecatch {
	padding: 0.2em;
}

/*カテゴリーラベル調整*/
.osusume-label {	
	margin: 0.3em;
}

/*アコーディオン*/
.accordion::before {
	background: #84c1ff;/*色*/
	border-radius: 20px;/*丸み*/
}
.accordion_content {
	border-radius: 0 0 20px 20px/*開いた時の下丸み*/;
}
.accordion label::after {/*右非表示*/
	font-family: none;
	content: none;
}
.accordion label::before {
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	display: inline-block;
	margin-left: -0.5em;/*アイコン位置*/
	margin-right: 0.5em;/*アイコン位置*/
	transition: .3s;
}
.accordion_check:checked + .accordion_label::before {
 transform: rotate(180deg);
}
.accordion_label {
	color: #ba7d69;/*見出し色*/
	margin-left: 15px;
}

/*ページャー*/
.pagination a, .pagination span{
padding: 7px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
@media only screen and (max-width: 767px){
.pagination a, .pagination span{
padding: 8px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
}

    /************************************
    ** アイコンつきリスト
    ************************************/
    /* ボックス全体 */
    .iconbox{
      margin: 0 auto 2em; /* 余白 */
      background: #fef9ed; /* 背景色 */
      border-radius:4px; /* 角丸 */
      max-width:600px; /* 横幅 */
      padding: 0; /* 余白 */
      box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */
    }
    /* ボックスタイトル */
    .iconbox .box-title {
      font-size: 18px; /* 文字サイズ */
      background: #fdc44f; /* 背景色 */
      text-align: center; /* 文字配置 */
      color: #fff; /* 文字色 */
      font-weight: bold; /* 文字太さ */
      letter-spacing: 0.05em; /* 文字間隔 */
      border-radius:4px 4px 0 0; /* 角丸 */
      line-height:1.5; /* 行間 */
      padding:1em 2em; /* 余白 */
    }
    /* 段落の余白リセット */
    .iconbox p {
      margin: 0;/* 文字の余白リセット */
      padding: 0; /* 文字の内側余白リセット*/
    }
    /* ボックス 中 */
    .iconbox .iconbox-wrap{
      display:-webkit-box; /* 配置 */
        display:-ms-flexbox; /* 配置 */
      display:flex; /* 配置 */
      padding:1.3em 2em; /* 余白 */
    }
    /* コンテンツ */
    .iconbox .iconbox-wrap .box-content{
       width: 97%;/*横幅 */
       margin: 0 3% 0 0 !important;/* 余白 */
       line-height:1.8;/* 行間 */
      -ms-flex-item-align: center;/* 中央寄せ */
       align-self: center;/* 中央寄せ */
    }
    /* コンテンツ段落 */
    .iconbox .iconbox-wrap .box-content p{
      margin-bottom:1em;/*余白 */
    }
    /* アイコン&吹き出し */
    .iconballoon{
      -ms-flex-item-align: end; /* 下部に配置 */
      align-self: flex-end; /* 下部に配置 */
    }
    /* アイコン */
    .iconballoon .icon{
      text-align:center;/* 位置を中央へ */
    }
    /* アイコン画像 */
    .iconballoon .icon img{
      width: 120px; /* 横幅 */
      margin:0; /* 余白 */
    }
    /* アイコン画像 (amp)*/
    .iconballoon amp-img{
      max-width: 120px !important; /* 横幅 */
      margin:0; /* 余白 */
    }
    /* 吹き出し文字 */
    .iconballoon .balloon p{
      line-height:1.4; /* 行間 */
    }
    /* 吹き出し */
    .iconballoon .balloon{
      position:relative; /* 配置 */
      width:140px; /* 横幅 */
      background:#fff; /* 背景色 */
      padding:10px; /* 余白 */
      text-align:center; /* 中央寄せ */
      border:2px solid #999;/* 線(太さ 種類　色) */
      color:#555555;/* 文字色 */
      font-size:14px;/* 文字サイズ */
      font-weight:bold;/* 文字太さ */
      border-radius:10px;/* 角丸 */
      margin-bottom:10px;/* 余白 */
      line-height:1.5; /* 行間 */
    }
    /* 吹き出し(三角) */
    .iconballoon .balloon:after,.balloon:before{
      border: solid transparent;
      content:'';
      height:0;
      width:0;
      position:absolute;
      top:100%;
      left:50%;
    }
    .iconballoon .balloon:after{
        border-top-width:10px;
        border-bottom-width:10px;
        border-left-width:10px;
        border-right-width:10px;
        margin-left: -10px;
        border-top-color:#FFFFFF;
    }
    .iconballoon .balloon:before{
       border-color:"rgba(153, 153, 153, 0)";
        border-top-width:12px;
        border-bottom-width:12px;
        border-left-width:12px;
        border-right-width:12px;
        margin-left: -12px;
        margin-top: 1px;
        border-top-color:#999999;
    }
    /*スマホ*/
    @media screen and (max-width: 480px){
    /* ボックスタイトル */
    .iconbox .box-title {
      font-size: 14px; /* 文字サイズ */
    }
    /* ボックス 中 */
    .iconbox .iconbox-wrap {
        padding: 1em 1em 1em 1.5em;/* 余白 */
    }
    /* コンテンツ */
    .iconbox .iconbox-wrap .box-content{
      font-size:12px;/*文字サイズ */
    }
    /* アイコン画像 */
    .iconballoon .icon img{
      width:80px;/* 横幅 */
      margin-top:5px;/* 余白 */
    }
    /* アイコン画像(amp) */
    .iconballoon amp-img{
      max-width:80px !important;/* 横幅 */
      margin-top:5px;/* 余白 */
    }
    /* 吹き出し */
    .iconballoon .balloon{
      width:80px;/* 横幅 */
      font-size:10px;/* 文字サイズ */
      padding: 1em 0;/* 余白 */
      border: 1px solid #999;/* 線(太さ 種類 色) */
    }
    /* 吹き出し(三角) */
    .iconballoon .balloon:after {
        border-top-width: 12px;
        border-bottom-width: 10px;
        border-left-width: 11px;
        border-right-width: 11px;
        margin-left: -11px;
        border-top-color: #FFFFFF;
    }
    }
    /************************************
    ** 箇条書き(点)
    ************************************/
    /* 箇条書き */
    .iconbox .list {
      list-style: none;/* 行頭記号削除  */
      padding: 0 !important;/* 余白リセット */
      margin: 0 !important;/* 余白リセット */
      border:none;/* 線リセット */
    }
    /* 箇条書き 行 */
    .iconbox .list li { 
      position: relative;/* 行頭記号の配置  */
      margin: 0 0 0.5em 0 !important;/* 余白  */
      padding: 0 0 0.5em 1.4em !important;/* 余白 */
      line-height:1.8;/* 行間 */
    }
    /* 箇条書き 行頭記号 */
    .iconbox .list li:before {
      background-color: #ffa952; /* 記号色 */
      position: absolute; /* 行頭記号の配置 */
      content: ''; /* 空文字 */
      top:13px; /* 上からの距離 */
      left: 0; /* 左からの距離 */
      width: 7px; /* 横幅 */
      height: 7px; /* 縦幅 */
      border-radius: 4px; /*角丸 */
    }
    /* 箇条書き 行頭記号リセット */
    .iconbox .list-number li:after{
      content:'';
    }
    /*スマホ*/
    @media screen and (max-width: 480px){
      /* 箇条書き 行頭記号*/
       .iconbox .list li:before{
         top:8px;/* 上からの距離 */
       }
    }
    /************************************
    ** 箇条書き(番号)
    ************************************/
    /* 箇条書き(番号) */
    .iconbox .list-number{
       counter-reset:number; /* 番号リセット */
       list-style: none !important;/* 行頭番号削除) */
       padding:0 !important;/* 余白リセット */
       margin:0 !important;/* 余白リセット */
       border:none !important;/* 線リセット */
    }
    /* 箇条書き(番号) 行 */
    .iconbox .list-number li {
       position: relative;/* 配置 */
       margin:0.5em 0 !important;/* 余白 */
       max-width:500px; /* 横幅 */
       padding: 0 0 0.5em 1.8em !important;/* 余白 */
       line-height:1.8;/* 行間 */
    }
    /* 箇条書き(番号) 行頭番号 */
    .iconbox .list-number li:before {
       counter-increment: number;/* 番号 */
       content: counter(number);/* 番号 */
       background-color: #fdc44f; /* 背景色 */
       color: #fff; /* 番号色 */
       position: absolute;/* 配置 */
       font-weight:bold;/* 文字太さ */
       font-size: 14px;/* 文字大きさ */
       border-radius: 50%;/* 角丸 */
       left: 0;/* 左からの距離 */
       top:4px;/* 上からの距離 */
       width: 22px;/* 横幅 */
       height: 22px;/* 縦幅 */
       line-height: 22px;/* 行間 */
       text-align:center;/* 中央寄せ */
    }
    /*スマホ*/
    @media screen and (max-width: 480px){
      /* 箇条書き(番号) 行 */
      .iconbox .list-number li{
         padding: 0 0 0.5em 2em !important;/* 余白 */
      }
      /* 箇条書き(番号) 行頭番号 */
      .iconbox .list-number li:before {
        font-size:10px;/* 文字大きさ */
        width: 18px;/* 横幅 */
        height: 18px;/* 縦幅 */
        line-height: 18px;/* 行間 */
        top:2px;/* 上からの距離 */
      }
    }


@media screen and (max-width: 768px) and (min-width: 480px) {
iframe .twitter-timeline-rendered{
width: 490px !important;
}
}

@media screen and (max-width: 480px) {
iframe.twitter-timeline-rendered {
width: 450px !important;
margin:0 auto;}
}

.timeline-Widget {
max-width: 300px!important;
width:200px !important; }


/************************************
** Twitterボックス
************************************/
.p-twitter-box{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    margin:2rem auto;
    max-width:500px;
    width:100%;
}
.p-twitter-box .p-twitter-title{
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0 2em 0;
    font-size: 12px;
}
.p-twitter-box .twitter-tweet{
    margin:0 !important;
}
.p-twitter-box p{
    display:none;
}
    /* ブルー */
    .p-twitter-box .p-twitter-blue{
          background: #1da1f2;
    }

    /************************************
    ** 画像キャプション
    ************************************/
    .caption-icon-wrap{
       margin:0 auto 2em;
       display:-webkit-box;
       display:-ms-flexbox;
       display:flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
    }
    .caption-icon-wrap > p{
       position:relative;
    }
    .caption-icon-wrap > p > img,.caption-icon-wrap > p >amp-img{
       box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
       display:block;
    }
    .caption-icon-wrap > p > amp-img{
       max-width:800px;
    }
    .caption-icon-wrap .img-caption{
       position: absolute;
       font-size: 13px; /* フォントサイズ*/
       line-height:1.5; /* 行間*/
    }
    .caption-icon-wrap .caption-icon-img{
       position: absolute;
    }

        /************************************
    ** 画像キャプション　アイコン④(右上)
    ************************************/
    .caption-icon-4{
      margin-top:5.5em; /* 上に余白 */
    }
    /* 画像説明文 */
    .caption-icon-4 .img-caption{
      top: -31px; /* 上から数値分移動 */
      right:90px; /* 右から数値分移動 */
      text-align:right;/* 段落右寄せ */
    }
    /* アイコン位置*/
    .caption-icon-4 .caption-icon-img{
      top: -55px; /* 上から数値分移動 */
      right:0; /* 右から数値分移動 */
    }
    /* アイコン画像 */
    .caption-icon-4 .caption-icon-img img,.caption-icon-4 .caption-icon-img amp-img{
      max-width:80px; /* アイコンサイズ */
      margin:0 !important;
      padding:0 !important;
    }
    /*(スマホ)480px以下*/
    @media screen and (max-width: 480px){
      /* (スマホ)画像説明文 */
      .caption-icon-4 .img-caption{
        top:inherit;
        bottom: 104%; /* 下から数値分移動 */
        right:63px; /* 右から数値分移動 */
        font-size: 12px; /* フォントサイズ*/
      }
      /* (スマホ)アイコン位置 */
      .caption-icon-4 .caption-icon-img{
        top:-45px; /* 上から数値分移動 */
      }
      /* (スマホ)アイコン画像 */
      .caption-icon-4 .caption-icon-img img,.caption-icon-4 .caption-icon-img amp-img{
        max-width:60px; /* アイコンサイズ */
      }
    }

/************************************
    ** 画像キャプション　アイコン①(左上)
    ************************************/
    .caption-icon-1{
      margin-top:5em; /* 上に余白 */
    }
    /* 画像説明文 */
    .caption-icon-1 .img-caption{
      bottom: 103%; /* 下から数値分移動 */
      left: 72px; /* 左から数値分移動 */
    }
    /* アイコン位置 */
    .caption-icon-1 .caption-icon-img{
      top: -63px; /* 上から数値分移動 */
      left: 5px; /* 左から数値分移動動 */
    }
    /* アイコン画像 */
    .caption-icon-1 .caption-icon-img img,.caption-icon-1 .caption-icon-img amp-img{
      max-width:60px; /* アイコンサイズ */
      margin:0 !important;
      padding:0 !important;
    }
    /*(スマホ)480px以下*/
    @media screen and (max-width: 480px){
      /* (スマホ)画像説明文 */
      .caption-icon-1 .img-caption{
        bottom:103%; /* 下から数値分移動 */
        left: 70px; /* 左から数値分移動置*/
        font-size: 12px; /* フォントサイズ*/
      }
      /* (スマホ)アイコン位置 */
      .caption-icon-1 .caption-icon-img{
        top: -53px; /* 上から数値分移動 */
        left: 5px; /* 左から数値分移動 */
      }
      /* (スマホ)アイコン画像 */
      .caption-icon-1 .caption-icon-img img,.caption-icon-1 .caption-icon-img amp-img{
        max-width:60px; /* アイコンサイズ */
      }
    }

    /************************************
    ** スライダー
    ************************************/
    .slide-wrap{
       display:-webkit-box;
       display:-ms-flexbox;
       display: flex;
       overflow-x: scroll;
       -webkit-overflow-scrolling: touch;
       overflow-scrolling: touch;
       scroll-snap-type: x mandatory;
       padding:0 0 1em;
       margin:0 0 2em 0;
       scroll-behavior: smooth;
    }
    .slide-wrap .slide-content{
       flex: 0 0 90%;
       margin: 0 10px;
       height:100%;
    }
    @media screen and (max-width: 480px){
    .slide-wrap .slide-content {
        flex: 0 0 68%;
        margin: 0px 5px;
        scroll-snap-align:center;
    }
    }

#page-top a{
    background: url(https://witam-pl.com/wp-content/uploads/2020/03/bocian120.png);
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    border-radius: 90%;
    background-position: center center;
    background-size: cover;
    display: inline-block;
}

/*スマホ表示のコード*/
@media screen and (max-width:767px){
  #page-top a{
    background: url(https://witam-pl.com/wp-content/uploads/2020/03/bocian120.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 90%;
    background-position: center center;
    background-size: cover;
    display: inline-block;
  }
}

/*検索ボックス*/
#form4{
position:relative;
max-width:300px;	
margin-bottom:20px;
}
#sbox4{
height:50px;
padding:0 10px; 
position:absolute; 
left:0;
top:0; 
border-radius:25px;
outline:0;
background:#eee;
}
#sbtn4{
height:50px;
width:50px;	
position:absolute; 
left:138px; 
top:0;
background:#7fbfff;
color:#fff;
border:none;
border-radius:0 25px 25px 0;
}
#sbtn4 .fa-search{
font-size:20px;	
position:absolute;
top:30%;
left:30%;	
}
#sbtn4:hover{
color:#888;
}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:300px;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}

/*取り消し線*/
del {
    background-image: linear-gradient(transparent 0.5em, #fe3464 0, #fe3464 calc(0.5em + 1px), transparent 0, transparent calc(0.5em + 3px), #fe3464 0, #fe3464 calc(0.5em + 4px), transparent 0);
    color: #888;
    text-decoration: none;
}

/*マステボックス*/
.maste {
  position: relative;
  background-color: #fff;
  background-image: linear-gradient(-45deg, rgba(255,255,224,.5) 25%, transparent 25%, transparent 50%, rgba(255,255,224,.5) 50%, rgba(255,255,224,.5) 75%, transparent 75%, transparent 100%),
  linear-gradient(45deg, rgba(255,255,224,.5) 25%, transparent 25%, transparent 50%,  rgba(255,255,224,.5) 50%, rgba(255,255,224,.5) 75%, transparent 75%, transparent 100%);
  background-size: 40px 40px;
  padding: 1em;
}
.tape{
  position: absolute;
  top: -0.75em;
  background-color: rgba(255,255,255,.4);
  border-left:2px dotted rgba(0,0,0,.1);
  border-right:2px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,0.2);
  padding: 0.25em 2em;
  color: #000000;
  transform: rotate(-3deg);
}
.maste p {
  color: #000000;
  padding: 15px 10px 10px 5px;
}

/*タイムライン*/
.main-bdr{
  border-color: #6bb6ff;
}
 
.tl-content {
  position: relative;
  padding: 0 0 1.5em 1.8em;
}
 
.tl-content:before {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px;
  width: 3px;
  background: #ccd5db;
}
 
.tl-content:not(:first-of-type):not(:last-of-type) .tl_marker {
  background: transparent;
}
 
.tl-content:last-of-type:before {
  content: none;
}
 
.tl-content img{
  max-width: 100%;
  height: auto;
}
 
.tl_label {
  padding-top: 2px;
  color: #90969a;
  font-size: 14px;
  font-weight: bold;
}
 
.tl_title {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5;
}
 
.tl_main {
  margin-top: 0.5em;
  padding: 0 0 1.5em;
  font-size: 0.9em;
  line-height: 1.6;
  border-bottom: dashed 1px #ccd5db;
}
 
.main-bc {
  background-color: #6bb6ff;
}
 
.tl_marker {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 3px #6bb6ff;
}

.youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*アプリーチ*/
  .appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

/***　古代カラー　***/

.kodai-table {
	table-layout: fixed;
}


/* ヘッダー */
.kodai-table thead th {
	background:#5BAD92;
	font-weight: bold;
	color:#fff;
}

/* ボディ項目・フッター項目 */
.kodai-table tbody th,
.kodai-table tfoot th {
	background:#FCFAF2;
}

/* ボディデータ・フッターデータ */
.kodai-table tbody td,
.kodai-table tfoot td {
	text-align:center;
}

/* Google マップ埋め込み */
.map{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}

.map iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ページトップに戻るボタン */
#page-top {
  position: fixed;
  right: 10px;
  bottom: 0;
  z-index: 10000;
  transform: translateY(55px);
  transition: transform 0.2s ease-out;
}
#page-top.pt-active {
  transform: translateY(-10px);
}
#page-top .pt-button {
  background-repeat: no-repeat;
  text-decoration: none;
  width: 100px;
  height: 100px;
  border-radius: 0%;
  text-align: center;
  line-height: 55px;
  background: url(https://witam-pl.com/wp-content/uploads/2025/04/img_7915-1-e1744373481397.png);
background-size: cover;
  padding: 0;
  display: block;
  color: rgba(255, 255, 255, 0);
}
}
#page-top .pt-button::before {
  font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
  content: "\f077";
  font-weight: 900;
}