/*トップページのCSS*/
A.mytable { text-decoration : underline }
A.mytable:link { color : #0000FF; }
A.mytable:visited { color : #0000FF; }
A.mytable:active { color : #FF0000; }
A.mytable:hover { color : #FF0000; }
A.b { text-decoration : underline }
A.b:link { color : #0033FF; }
A.b:visited { color : #0033FF; }
A.b:active { color : #FF0000; }
A.b:hover { color : #FF0000; }
A.main { text-decoration : underline }
A.main:link { color : #0000FF; }
A.main:visited { color : #0000FF; }
A.main:active { color : #FF0000; }
A.main:hover { color : #ff5000; }
A.mainc { text-decoration : underline }
A.mainc:link { color : #2379ff; }
A.mainc:visited { color : #2379ff; }
A.mainc:active { color : #FF0000; }
A.mainc:hover { color : #ff5000; }
A.post { text-decoration : underline }
A.post:link { color : #FFFFFF; }
A.post:visited { color : #FFFFFF; }
A.post:active { color : #FFFFFF; }
A.post:hover { color : #FFFFFF; }
A.music { text-decoration : underline }
A.music:link { color : #FF0000; }
A.music:visited { color : #FF0000; }
A.music:active { color : #FF0000; }
A.music:hover { color : #ff5000; }
A.infomation { text-decoration : none }
A.infomation:link { color : #FFFFFF; }
A.infomation:visited { color : #FFFFFF; }
A.infomation:active { color : #FFFFFF; }
A.infomation:hover { color : #FFFFFF; }

div.left a{
	text-decoration : underline;
}


body{
	width:100%;
	background-color: #ffffff;
	color: #0066FF;
	text-align: center;
	font-size:15px;
	-webkit-text-size-adjust: 100%;
	line-height: 1;

	margin:0;
	padding:0;
}

img {
	max-width:100%;
}

div.title_top {
	display:-webkit-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;

	width:100%;
	max-width:940px;
	margin:0 auto;
}

div.title_img{
	box-flex:1;
	-webkit-box-flex:1;
	-o-box-flex:1;
	flex:1;

	min-width:360px;
	text-align: left;
}

div.title_right{
	box-flex:3;
	-webkit-box-flex:3;
	-o-box-flex:3;
	flex:3;
	font-size:13px;
	max-width:500px;

	display:flex;
	flex-direction:column;

	text-align: right;
}

div.boxContainer {
	display:-webkit-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;

	box-sizing:border-box;
	max-width:1180px;
	width:100%;
	padding:0;
	margin:0 auto;
}

div.main{
	-webkit-box-ordinal-group:2;
    -moz-box-ordinal-group:2;
    -ms-flex-order:2;
	order:2;
	max-width:1000px;
	/*min-width:400px;*/

	box-flex:1;
	-webkit-box-flex:1;
	-o-box-flex:1;
	flex:1 1 0;

	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	font-size:100%;
}

div.infomation{
	max-width:700px;
	border-bottom: 1px dotted #0066FF;
	margin-bottom: 10px;
	margin-left : auto ;
	margin-right : auto ;
}

div.infomation_text{
	max-width:700px;
	min-width:250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:5px;
	display: table;
}


div.info_img{
	display: table-cell;
	max-width:370px;
	padding:0px;
	padding-right:10px;
}

div.img360{
	padding:0px;
	margin:0px;
	max-width:360px;
}

div.info_txt{
	display: table-cell;
	vertical-align: middle;
}


div.comment_form{
	max-width:700px;
	border-left:4px solid #0055CC;
	border-bottom: 1px dotted #0055CC;
	margin-bottom: 10px;
	margin-top:10px;
	margin-left : auto ;
	margin-right : auto ;
}

textarea.comment {
	width: 100%;
	max-width:640px;
}

div.left{
	-webkit-box-ordinal-group:1;
    -moz-box-ordinal-group:1;
    -ms-flex-order:1;
	order:1;

	box-sizing:border-box;
	width:180px;
	min-width:180px;
	margin: 0;
	padding: 0;

	text-align: left;
}

div.left_menu{
	width:100%;
}

.name,.other{
	box-sizing:border-box;
	border-bottom: 1px dotted #4488BB;
	border-left:4px solid #4488BB;
	border-right:none;
	border-top:none;
	padding:0px 0px 0px 5px;
	margin:0px;
	width:100%;
}

.name:first-letter {
  font-size: 125%;
  color:#0044EE;
}

.name_products {
	box-sizing:border-box;
	border-bottom: 1px dotted #1199FF;
	border-left:4px solid #1199FF;
	border-right:none;
	border-top:none;
	padding:0px 0px 0px 5px;
	margin:0px;
	width:100%;
}

.name_products:first-letter {
  font-size: 125%;
  color:#0044FF;
}

div.link .name{
	font-size:125%;
}

div.left_menu .name{
	color:#0066FF;
	font-size:125%;
}

div.left_menu .name_products{
	color:#5599FF;
	font-size:125%;
}

div.left_menu div.left_contents{
	font-size:125%;
	line-height: 1.25em;
}

div.left_menu div.left_contents_products{
	font-size:112%;
	line-height: 1.12em;
}

div.left_contents a { text-decoration : underline; }
div.left_contents a:link { color : #0033DD; }
div.left_contents a:visited { color : #0033DD; }
div.left_contents a:active { color : #FF0000; }
div.left_contents a:hover { color : #FF0000; }

div.left_contents_products a { text-decoration : underline; }
div.left_contents_products a:link { color : #0033DD; }
div.left_contents_products a:visited { color : #0033DD; }
div.left_contents_products a:active { color : #FF0000; }
div.left_contents_products a:hover { color : #FF0000; }

div.left_menu div.left_contents div.left_contents_comment{
	padding-left:15px;
	font-size:60%;
	color:#006699;
	line-height: 1.0em;
}

div.left_menu div.left_contents_products div.left_contents_comment{
	padding-left:15px;
	font-size:60%;
	color:#006699;
	line-height: 1.0em;
}
div.left_menu div.left_contents_other div.left_contents_comment{
	padding-left:15px;
	font-size:60%;
	color:#006699;
	line-height: 1.0em;
}

.other{
	border-bottom: 1px dotted #000000;
	border-left:4px solid #000000;
	font-size:50%;
	color:#000000;
}

div.left_contents_other,div.left_contents_link{
	padding-left:10px;
}

div.link{
	width:100%;
}

	div.left_contents_link{
		line-height: 1.2em;
	}

	div.link_comment{
		font-size:60%;
		color:#0099FF;
		padding-top:10px;
		line-height: 1.0em;
	}

	div.divlink{
		display:inline;
		border: 0px;
		padding: 0px;
		margin:0px 1px;
		line-height: 0px;
	}

	div.link_popup{
		min-width:200px;
		background-color:#fff;
		border: double 3px #0099ff;
		padding: 2px 5px;
	}
		div.link_popup .site_name{
			color:#FF3366;
		}

		div.link_popup .site_owner{
			color:#0033FF;
		}

		div.link_popup .site_owner{
			color:#008888;
		}

		div.link_popup .site_comment{
			color:#0099FF;
		}

.smart_update{
	display:none;
}

div.smart_menu,div.smart_bottom{
	display:none;
	width:100%;
	margin:0 auto;
	padding-left:0;
	padding-right:0;
	padding-top:5px;
	padding-bottom:10px;
}

div.smart_left{
	max-width:250px;
	box-flex:2;
	-webkit-box-flex:2;
	-o-box-flex:2;
	flex:2;

	color:#0066FF;
	font-size:125%;
	box-sizing:border-box;
	border-bottom: 3px double #4488BB;
	border-right:4px solid #4488BB;
	border-left:none;
	border-top:none;
	padding:0px 0px 0px 5px;
	margin:0px;
	width:100%;
}

.smart_left:first-letter {
  font-size: 125%;
  color:#0044EE;
}
div.smart_right{
	box-flex:2;
	-webkit-box-flex:2;
	-o-box-flex:2;
	flex:2;

	font-size:20px;
	border-bottom: 1px dotted #4488BB;
}

div.smart_right a { text-decoration : underline; }
div.smart_right a:link { color : #0033DD; }
div.smart_right a:visited { color : #0033DD; }
div.smart_right a:active { color : #FF0000; }
div.smart_right a:hover { color : #FF0000; }

.homepage_header{
	display:none;
}

@media screen and (max-width: 780px){
	body{
		display:flex;
		flex-direction:column;
		height:100vh;
	}
	.homepage_header{
		display:block;
	}
	.homepage_main{
		flex:1;
		overflow:auto;
	}
	.title_author{
		display:none;
	}
	div.title_img{
		min-width:280px;
	}
	div.left{
		display:none;
	}
	div.smart_menu{
		display:-webkit-flex;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	div.info_img{
		width:44%;
	}

	div.homepage_comment{
		display:none;
	}

	div.main{
		box-flex:none;
		-webkit-box-flex:none;
		-o-box-flex:none;
		flex:none;

		width:100%;
	}
}


@media screen and (max-width: 720px){	
	div.contents{
		margin-left:7px;
		margin-right:7px;
	}

}

@media screen and (max-width: 560px){
	div.title_right{
		display:none;
	}
	.smart_update{
		display:inline;
	}
	div.info_img{
		width:33%;
	}

}

.info_border_container{
	box-sizing:border-box;
	display:-webkit-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;

	max-width:700px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
	margin-bottom:5px;
}
.comment_margin{
	margin-top:10px;
}

.diary_margin{
	margin-top:18px;
	margin-bottom:15px;
}

.info_border{
	display:inline;
	box-flex:1;
	-webkit-box-flex:1;
	-o-box-flex:1;
	flex:1;
}

.info_border_real{
	height:4px;
	border-bottom:3px double #BBDDFF;
}

.info_border_content{
	display:inline;
    font-size: 0.8em;
    padding: 0 0.25em;

	color: #1177FF;
}


.clear {
	clear:both;
}