/*===================
sp.css width:640px以下
====================*/
@media screen and (max-width: 640px){

body {
margin :0px ;
background-image : url("../image/bg_center_sp.png");
font-family: "ＭＳ ゴシック",sans-serif;
}

div.header {
height:auto;
width : 100% ; 
background-image : url("../image/bg_header.png");
background-position : bottom ;
background-repeat: repeat ;
margin :0px ;
position: fixed ; 
z-index: 999;
top:0;
left:0;
}

div.header img {
max-width:100% ;
}

div.movie {
position:relative;
height:0;
width:85%;
padding-bottom: 46.25%;
padding-top:30px;
overflow:hidden;
margin-left : auto;
margin-right : auto;
}

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


p.img1 {
max-width : 50% ;
margin :0px ;
margin-bottom : 1px;
float:left;
}

p.img2 {
max-width : 50% ;
margin :0px ;
margin-bottom : 1px;
float:right;
}

div.inquiry_profile {
background-image : url("../image/bg_exchange.png");
background-color :dddddd;
font-size: 0.8rem;
margin-top : 3px ;
border-style : solid;
border-width: 1px;
width : 95% ;
overflow-y : scroll;
text-align: left;
padding-left: 3px;
padding-right: 3px;
}

div.inquiry {
font-size: 0.8rem;
margin-top : 3px ;
border-style : solid;
border-width: 1px;
width : 90% ;
overflow-y : scroll;
text-align: left;
padding-left: 3px;
padding-right: 3px;
}

div.inquiry_to_top {
font-size: 0.8rem;
margin-top : 10px ;
border-width: 1px;
width : 95% ;
text-align: left;
padding-left: 3px;
padding-right: 3px;
margin-left : auto;
margin-right : auto;
}

div.search {
font-size: 0.9rem;
width : 90% ;
text-align: left;
margin-left : auto;
margin-right : auto;
margin-top : -10px ;
display: none;
}

div.search_hiding {
width : 100% ;
text-align: left;
margin-left : auto;
margin-right : auto;
margin-top : -10px ;
}

div.search_hiding img {
width : 100% ;
margin-left : auto;
margin-right : auto;
}

div.searched {
font-size: 0.8rem;
width : 90% ;
text-align: left;
margin-left : auto;
margin-right : auto;
}

.navi {
margin-left : auto;
margin-right : auto;
word-break : break-all;
}

.policy_and_guide {
width: 100%;
font-size: 0.85rem;
text-align: center;
padding: 1px 2px 1px 2px;
margin: 5px 0px -4px 0px;
line-height: 23px;
word-break: break-all;
}

.author_tw {
display: inline-block;
font-size: 0.85rem;
text-align: center;
max-width: 50%;
min-width: 45%;
background-color: aliceblue;
padding: 1px 2px 1px 2px;
margin: auto;
line-height: 23px;
border-style: solid;
border-width: 1px;
border-color: mediumpurple;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
word-break: break-all;
}

.firsttime {
display: inline-block;
font-size: 0.85rem;
text-align: center;
max-width: 50%;
min-width: 45%;
background-color: aliceblue;
padding: 1px 2px 1px 2px;
margin: auto;
line-height: 23px;
border-style: solid;
border-width: 1px;
border-color: mediumpurple;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
word-break: break-all;
}

.entry { /* 各記事を包むdiv */
background-image : url("../image/bg_diary_article.png");
background-color : water ;
width : 90%;
border-style : solid;
border-color: #ffdb58;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
word-break : break-all;
padding-left : 3px;
padding-right : 3px;
font-size: 1.0rem;
line-height: 1.5rem;
}

.entry img{ /* 記事内写真*/
display: block;
max-width : 90%;
border-style : none;
margin-top : 15px;
margin-bottom: 0px;
margin-left : auto;
margin-right : auto;
}

.title {
font-size: 1.0rem;
font-weight: bold;
margin: 5px 0px 10px 0px;
}

.tag {
font-size: 0.85rem;
text-align: center;
background-color: lightcyan;
padding: 1px 2px 1px 2px;
margin: 0px 0px 0px 5px;
line-height: 23px;
border-style: solid;
border-width: 1px;
border-color: mediumpurple;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
word-break: break-all;
}

.tag_all {
font-size: 0.85rem;
text-align: center;
background-color: paleturquoise;
padding: 1px 2px 1px 2px;
margin: 0px 0px -5px 5px;
line-height: 23px;
border-style: solid;
border-width: 1px;
border-color: mediumpurple;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
word-break: break-all;
}

.selected_tag {
font-size: 0.85rem;
text-align: center;
background-color: lightsalmon;
padding: 1px 2px 1px 2px;
margin: 0px 0px 0px 5px;
border-style: solid;
border-width: 1px;
border-color: mediumpurple;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.date {
font-size: 0.75rem;
font-weight: bold;
color: #000066;
float: right;
margin: 3px 5px 0px 0px;
}

.comment {

}

div.tweet_article {
/*
特になし
*/
}

p.tweet_button {
font-size: 0.9rem;
font-weight: bolder;
color: #005B99;
padding: 3;
width: 80%;
border: dotted 2px #0094FF;
border-radius: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background-color: #B9F4FE;
margin-top; 15px;
margin-left:auto;
margin-right:auto;
text-align: center;
}

h1, h2, h3, h4{
font-size: 1.2rem;
margin-bottom: -4px;
margin-left: 4px;
padding-left: 4px;
color: #494949;
border-left: solid 5px #008c00;
border-bottom: solid 3px #d7d7d7;
}


div.more {
margin-top: 12px;
margin-left: auto;
margin-right: auto;
width: 70%;
font-weight: bolder;
text-align: center;
background-color: lavender;
border-style: solid;
border-color: orange;
	border-radius: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div.to_top {
margin-top: 12px;
margin-left: auto;
margin-right: auto;
width: 70%;
font-weight: bolder;
text-align: center;
background-color: khaki;
border-style: solid;
border-color: orange;
	border-radius: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div.more img {
img height:auto ;
/*object-fit: contain;*/
}

div.footer {
width : 80% ;
text-align: center;
margin-top: 8px ;
margin-left : auto;
margin-right : auto;
margin-bottom : 8px;
border-style : dotted ;
border-width : 1px ;
border-color : black ;
font-size: 0.7rem ;
font-style: bold;
color: darkgreen ;
background-color : silver;
}

div.cms {
font-size: 0.9rem ;
font-weight:bold;
margin: 5px 5px 0px 5px;
}

div.alert {
color: #ff0000;
}

p.ad_in_entry {
width : 90%;
margin-left : auto;
margin-right : auto;
}

p.ad_in_search {
width : 90%;
margin-left : auto;
margin-right : auto;
}

p.ad_after_entry {
width : 90%;
margin-left : auto;
margin-right : auto;
}

div.ad_before_readmore {
width : 90%;
margin-left : auto;
margin-right : auto;
}

div.ad_amazon {
width : 90%;
margin-left : auto;
margin-right : auto;
}

div.amzn_wdgt {
width: 100% !important
}

div.entry iframe{
display: block;
margin-left : auto;
margin-right : auto;
}