#menu-cb {display: none;}
#menu-icon {
    display: none;
    background-color: rgba(255, 255, 255, 0.5); border: 1px solid #aaa;
    border-radius: 0 0 0 10px;
    color: #333;
    cursor: pointer;
    font-size: 90px;
    height: 90px;
    line-height: 90px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 90px;
    transition: all 0.3s linear 0s;
    z-index: 1000;
    opacity: 0.8;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#menu-icon:hover {
    background-color: rgba(216, 55, 236, 1); border: 1px solid rgba(216, 55, 236, 1);
    color: #fff;
}
#menu-background {
    background-color: #f7baff;
    display: block;
    height: 0%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
#ham-menu {
    overflow-y: scroll;
    background-color: #fff;
    box-sizing: border-box;
    height: 100%;
    position: fixed;
    right: -90%;
    top: 0;
    transition: transform 0.3s linear 0s;
    width: 90%;
    z-index: 1000;
    display: none;
}
#menu-cb:checked ~ #ham-menu, #menu-cb:checked ~ #menu-icon {
	    transform: translate(-90%);
	}
#menu-cb:checked ~ #menu-background {
	    opacity: 0.5;
	    z-index: 999;
	}
div.div_right_text_bar2{text-align: left; padding: 0.5em 0em 0.5em 2em;}



div.loading, span.loading2{
border: 7px solid;color:#fff;
border-right: 5px solid transparent;
border-radius: 50%;
position: absolute;
height: 50px;width: 50px;top: 50%; left: 50%;
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
animation: loading 2s linear infinite;visibility :hidden;
}
span.loading2{display: block;}

@keyframes loading {
    0% {opacity: .6;color:#fff;}
    50% {opacity: .9;}
    100% {transform: translate(-50%, -50%) rotate(360deg);opacity: .6;color:#000;}
}

select.s_list_type{
    margin-top: 7px;margin-bottom: 5px;
    font-size: 2.5rem; padding: 5px; width: 100%; max-width: 800px;
}
form{
    padding: 0px; width: 100%; max-width: 810px;
}

div.div_txt_profile {
    text-align: left;
    font-size:2.2rem; line-height: 2;
    margin: 0px 10px 30px 10px;
}

@font-face {
  font-family: 'たぬき油性マジック';font-display: swap;
  src: url("../font/tnkm.TTF");
}

#id_div_main_table1_1
{ z-index: 15;}

div.div_divide {
    margin: 0px 0px 10px 0px;
}
div.div_logo{
    background-image: url("../simage/logo.png"); width: 300px; height: 80px; z-index: 10;
    display: inline-block; position : absolute; top: 5px; left: 5px; background-size: contain;
}


#id_div_main_table , div.div_top_pic
{   
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    position: relative;
    background-color: #FFFFFF;
}

#id_div_main_table{min-height: 250px;}

img.img_main_table
{
    margin: 0 auto;
    display: block;
    width: 100%;  z-index: 1;
}

img.img_main_table2
{
    display: block;
    width: 100%;  z-index: 1;
    margin: 0px auto 5px auto;
    max-width: 900px;
}

#id_div_main_table img , div.div_main_table_title
{
	animation-name: anime2;
	animation-duration: 28s;
	animation-iteration-count: infinite;

	-moz-animation-name: anime2;
	-moz-animation-duration: 28s;
	-moz-animation-iteration-count: infinite;

	-webkit-animation-name: anime2;
	-webkit-animation-duration: 28s;
	-webkit-animation-iteration-count: infinite;

	-o-animation-name: anime2;
	-o-animation-duration: 28s;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: anime2;
	-ms-animation-duration: 28s;
	-ms-animation-iteration-count: infinite;
	opacity: 0;
}


img.img_main_table_02 , div.div_main_table_title02 {
    animation-delay:7s;
}

img.img_main_table_03 , div.div_main_table_title03 {
    animation-delay:14s;
}

img.img_main_table_04 , div.div_main_table_title04 {
    animation-delay:21s;
}

img.img_main_table_01 , div.div_main_table_title01{
	display: block;
	margin: 0 auto;
}

img.img_main_table_01 , div.div_main_table_title01 {
	position: absolute;
	top: 0;
	left: 0%; right: 0%;
}

img.img_main_table_02 , div.div_main_table_title02 {
	display: block;
	margin: 0 auto;
}

img.img_main_table_02 , div.div_main_table_title02 {
	position: absolute;
	top: 0;
	left: 0%; right: 0%;
}

img.img_main_table_03 , div.div_main_table_title03 {
	display: block;
	margin: 0 auto;
}

img.img_main_table_03 , div.div_main_table_title03 {
	position: absolute;
	top: 0;
	left: 0%; right: 0%;
}

@keyframes anime2 {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@-webkit-keyframes anime2 {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

div.div_main_table_title
{
    position: absolute; color: #FFFFFF; font-size:6rem; line-height: 1.3; font-weight: bold;
  top: 92%;
  left: 15%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

@keyframes anime_bear { 
  0%   { transform: rotate(-3deg) translate(0px,0px);}
  100% { transform: rotate(3deg) translate(-20px,8px);}
}

#id_div_bear
{
animation: anime_bear 2s linear 0s infinite alternate; background-size: contain;
background-image: url("../simage/bear.png"); width: 150px; height: 188px; position: absolute; left: 20px; bottom: 5px; z-index: 4;transition-duration:5s;
}


#id_div_main_table_text
{
  position: absolute; color: #FFFFFF; font-size:5rem; line-height: 1.3; font-weight: bold; text-shadow:2px 2px 13px #000000;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  font-family: 'たぬき油性マジック'; white-space: nowrap; z-index: 5; cursor: default;

-moz-animation-name: anime1;
-moz-animation-duration: 5s;
-moz-animation-timing-function: ease-in;
-moz-animation-iteration-count: 1;

-webkit-animation-name: anime1;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;

-o-animation-name: anime1;
-o-animation-duration: 5s;
-o-animation-timing-function: ease-in;
-o-animation-iteration-count: 1;

-ms-animation-name: anime1;
-ms-animation-duration: 5s;
-ms-animation-timing-function: ease-in;
-ms-animation-iteration-count: 1;
}

span.span_inner_text, #id_div_main_table_text, div.div_buttons div
{
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */
}

@-moz-keyframes anime1 {
0% {opacity: 0;}
100% {opacity: 1;}
}

@-webkit-keyframes anime1 {
0% {opacity: 0;}
100% {opacity: 1;}
}

@-o-keyframes anime1 {
0% {opacity: 0;}
100% {opacity: 1;}
}

@-ms-keyframes anime1 {
0% {opacity: 0;}
100% {opacity: 1;}
}

#id_div_main_table2
{
    display: block; margin-left:auto; margin-right:auto; text-align:center;
}
div.div_main_table2_1
{
    display: inline-block;
    position: relative;
    margin-right: 3px;
    margin-left: 3px;
}

span.span_inner_text
{
    position: absolute; bottom: 5px; right: 5px; color: #FFFFFF;
}

#id_div_main_table3 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.div_left
{
    display: inline-block; vertical-align: top; margin: 0px 2px 0px 2px; max-width: 803px;
}

div.div_right
{
    display: inline-block; vertical-align: top; margin: 0px 2px 0px 2px; width: 340px; overflow: hidden;
}



div.div_left_text_bar
{
    width: 100%;
    font-size:2rem; line-height: 2; font-weight: bold;
    background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 120, color-stop(0.88, #d837ec), color-stop(0.00, #bc85f5));
    background: -webkit-radial-gradient(50% 100%, circle, #bc85f5 0%, #d837ec 88%);
    background: -moz-radial-gradient(50% 100%, circle, #bc85f5 0%, #d837ec 88%);
    background: -o-radial-gradient(50% 100%, circle, #bc85f5 0%, #d837ec 88%);
    background: -ms-radial-gradient(50% 100%, circle, #bc85f5 0%, #d837ec 88%);
    background: radial-gradient(50% 100%, circle, #bc85f5 0%, #d837ec 88%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin:2px 0px 2px 0px;
    text-align:center;
}
div.div_left_text_bar_sub
{
    width: 100%;
    font-size:2rem; line-height: 2; font-weight: bold;
    text-align:center; margin:2px 0px 2px 0px;
}


div.div_trippi
{
    width: 340px; height: 255px; display: inline-block; position: relative;
}
div.div_trippi img
{
    width: 340px; height: 255px; display: inline-block;
}

#id_img_recommended_main
{
    width: 600px; height: 450px;
}
div.div_recommended
{
    max-width: 850px; margin:0px 0px 15px 0px;
    
}

#id_div_recommended_main_title
{
    max-width: 600px; text-align:left;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.4;
}
#id_div_recommended_main_txt
{
    max-width: 600px; min-height: 150px; font-weight: bold; text-align:left; line-height: 1.5; font-size:2rem;/* 16px*/

}
div.div_recommended_main{display: inline-block;}
div.div_recommended_sub{display: inline-block; vertical-align: top;}
div.div_recommended_sub1{font-size:0rem; line-height: 0; margin-bottom: 2px; cursor: pointer;}
img.img_recommended_sub
{
    width: 160px; height: 120px;
}
div.div_right_text_bar_recent{margin-bottom: 10px; vertical-align:top; margin-top: 10px; height: 120px; overflow: hidden;position: relative;}

div.div_recommended_main_img{font-size:0rem; line-height: 0; margin-bottom: 2px;}
div.div_new_article
{
    text-align:left; margin-top: 4px; padding-bottom: 4px; border-bottom: dashed 1px #87CEFA; max-width: 805px;
}
img.img_new_article
{
    width: 400px; height: 300px;
}
img.img_new_article:hover {
	transform: scale(1.1); /*画像の拡大率*/
	transition-duration: 0.5s; /*変化に掛かる時間*/
}

div.div_new_topic_img
{
    display: inline-block; vertical-align: top; font-size:0rem; line-height: 0; overflow: hidden; margin: 0px 0px 4px 0px; position : relative;
}
div.div_new_article_img
{
    display: inline-block; vertical-align: top; font-size:0rem; line-height: 0; overflow: hidden; margin: 0px 3px 0px 0px; position : relative;
}
div.div_new_article_right
{
    display: inline-block; max-width: 400px; text-align:left; width: 100%; height: 300px; overflow: hidden;
}
div.div_new_article_title
{
    font-weight: bold; font-size: 2.2rem; line-height: 1.5;
}
div.div_new_article_sub_title
{
    font-weight: bold; font-size: 1.9rem; line-height: 1.5; text-align:right; width: 100%;
}
div.div_new_article_txt
{
    line-height: 1.5; font-size:1.6rem;/* 16px*/
}

img.img_right_text_bar
{
    width: 155px; height: 116px;
}

div.div_buttons div
{
  display: inline-block; margin: 0px 2px 0px 2px;
  text-decoration: none;
  color: rgba(152, 152, 152, 0.43);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #b5b5b5;
}

div.div_buttons{margin-top: 10px; margin-bottom: 10px; max-width: 800px;}

div.div_button_on{cursor: pointer;color: rgba(32, 32, 32, 0.63) !important;}

div.div_button_on:hover {
  transform: translateY(0.1em); transition-duration:0.3s; color: rgba(0, 0, 0) !important;
}

div.div_button_on:active {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: none;
}

div.divrow {
    display: inline-block;
}

div.divrows {
    max-width: 825px;
}

div.divrows2 {
    text-align: center; 
}

div.divrow2 {
    display: inline-block; width:24%; margin:3px 0px; vertical-align: top;
}

img.img_divrow2{
    width: 100%; height: auto;
}
div.divrow2_title {
    font-size: large; line-height: 1.4;
}

div.div_topic {
    margin: 0px 5px 5px 0px;
    vertical-align: top; position: relative;
}

div.div_topic img {
    padding: 0px; margin: 0px;
    width: 270px; height: 202px;
}

div.div_topic div {
    vertical-align: top;
    text-align: center;
}
div.div_topic_date {
    font-size: small; line-height: 1.2;
}
div.div_topic_title {
    font-size: large; line-height: 1.4; position: absolute; bottom: 0px; background: rgba(255,255,255,0.8); padding-bottom:5px; padding-top:5px;
    width: 100% !important; transition-duration: 1s;
        margin-left: auto !important;
    margin-right: auto !important;
    padding: 5px 5px 5px 5px !important;
    max-width: 260px;
}
div.div_topic:hover .div_topic_title{background: rgba(255,255,255,1);}


#___gcse_0
{
    width: 340px; margin: 0px; padding: 0px;
}
#gsc input{
    background-image:none!important;
}
input.gsc-input::placeholder {visibility:hidden !important;}
input.gsc-input {background-image:none!important;}
div.gsc-control-cse {
    background-color: initial !important;
    border: none !important;
}