html { overflow-y: scroll; }
body {
	background: url("http://blog-imgs-45-origin.fc2.com/m/o/l/molecule/bg_wh.png") repeat fixed;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color: #333333;
}
br { letter-spacing: 0; }

a:link    {color: #ea68a2;}
a:visited {color: #ea68a2;}
a:hover   {color: #00bfff;}
a:active  {color: #00bfff;}

a.visited:link    {color: #ea68a2;}
a.visited:visited {color: #666666;}
a.visited:hover   {color: #00bfff;}
a.visited:active  {color: #00bfff;}

a.external_link {
	display: inline-block;
	padding-right:13px;
	margin-right: 3px;
	background: url("http://blog-imgs-86-origin.fc2.com/m/o/l/molecule/external-link-icon.png") no-repeat right 60%;
}

img {
	vertical-align:bottom;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


@media screen and (min-width: 768px){
	.outerWidth{ width: 1200px; }
	
	a, input {
		-webkit-transition-property: background,color;
		-webkit-transition-duration: 0.3s;
		-webkit-transition-delay: 0s;
		-webkit-transition-timing-function: ease;
		-moz-transition-property: background,color;
		-moz-transition-duration: 0.3s;
		-moz-transition-delay: 0s;
		-moz-transition-timing-function: ease;
		-o-transition-property: background,color;
		-o-transition-duration: 0.3s;
		-o-transition-delay: 0s;
		-o-transition-timing-function: ease;
	}
	
	.info_text ul {
		height: 8.0em;
		overflow: auto;
		margin-top: 20px;
	}

	#my_header {
		height: 120px;
		background-position: center bottom;
	}

	#my_contents {
		float: left;
		width: 860px;
		background-color: #FFFFFF;
		letter-spacing: 0.1em;
		text-shadow: 0 1px 1px #cccccc;
	}
	.main_contents {
		padding: 20px;
		border-bottom: 2px dotted #b5b5b5;
	}
	.main_tit {
		font-weight: normal;
		font-size: 2.2em;
		line-height: 1.2em;
	}
	.main_text {
		line-height: 1.8em;
		margin: 0 10px;
	}
	.main_text ul {
		margin-left: 25px;
	}
	.main_tit, .entry_info, .tor {
		letter-spacing: 0.05em;
	}

	#my_navigation {
		float: right;
		width: 320px;
		font-size : 0.8em;
		line-height: 1.5em;
		overflow:hidden;
		letter-spacing: 1px;
	}
	.menu_text {
		width: 300px;
	}

	.comment_area dl {
		margin-top: 15px;
	}
	.comment_area dt {
		float:left;
		clear:left;
		width:130px;
		text-align: right;
	}
	.comment_area dd {
		float:left;
		width:670px;
	}
	.comment_area dt , .comment_area dd {
		margin-top: 5px;
	}
	.comment_area dt label {
		display: block;
		width: 120px;
		margin-right: 10px;
	}
	.comment_area .button {
		margin-left: 130px;
	}

	.button{
		font-size: 15pt;
		padding: 10px 0;
	}

	.size80 {
		width: 40em;
	}
	.size50 {
		width: 25em;
	}
	.size20 {
		width: 10em;
	}
	
	input.button {
		min-width: 370px;
		width: inherit;
	}

	dd.relate_dd li{
		float:left;
		width: 50%;
	}
	
	.tor span, .entry_info span {
		display: inline;
	}
	img#logo {
		margin-top: 15px;
	}
	img#pop {
		float: right;
	}
	#my_contents .main_contents:last-child{
		border-bottom: none;
	}
}
@media screen and (max-width: 1199px){
}

@media screen and (max-width: 767px){
	.outerWidth{ width: auto; }
	.sp_hidden{ display:none !important; }

	#my_header {
		height: 100px;
		background-position: -50px bottom;
	}
	#my_contents {
		width: auto;
		background-color: #FFFFFF;
		text-shadow: 0 1px 1px #cccccc;
	}
	#my_footer {
		display: none;
	}

	.main_contents{
		padding: 20px 10px;
		border-bottom: 2px dotted #b5b5b5;
	}
	.main_tit{
		font-weight: normal;
		font-size: 1.7em;
		line-height: 1.1em;
		letter-spacing: 1px;
	}
	.main_text {
		font-size: 1.0em;
		line-height: 1.5em;
		letter-spacing: 0;
	}
	.main_text ul {
		margin-left: 15px;
	}

	#my_navigation {
		width: 100%;
		padding: 0 10px;
		font-size : 0.9em;
		line-height: 1.5em;
		overflow:hidden;
		letter-spacing: 1px;
	}
	.menu_text{
		width: auto;
	}

	.comment_area dl {
		margin-top: 15px;
	}
	.comment_area dt, .comment_area dd {
		margin: 5px 0;
		width: auto;
	}

	.button{
		padding: 15px 0;
		font-size: 13pt;
	}

	.size50, .size20, .size80 {
		width: 100%;
	}
	input.button {
		width: 100%;
	}
	
	.plugin_third {
		display: none;
	}
	
	.tor span, .entry_info span {
		display: block;
	}
	img#logo {
		margin: 10px;
		height: 70px;
	}
	img#pop {
		display: none;
	}
}

#my_header {
	margin: 0 auto;
	background-image: url("http://blog-imgs-86-origin.fc2.com/m/o/l/molecule/header.png?v=1512302335");
	background-repeat: no-repeat;
}
#my_main {
	margin: 0 auto;
	background-color: #F0F0F0;
	border-left: solid 1px #b5b5b5;
	border-right: solid 1px #b5b5b5;
	border-radius: 2em 2em 0 0;
	-webkit-border-radius: 2em 2em 0 0;
	-moz-border-radius: 2em 2em 0 0;
}
#my_footer {
	margin: 0 auto;
	font-size : 0.8em;
	line-height: 1.5em;
	overflow:hidden;
	letter-spacing: 1px;
}

.main_text {
	margin-top: 1.5em;
}
.main_text img{
	max-width: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

iframe.youtube {
	width:100%;
	height:450px;
}
.twitter-tweetf {
	width:100%;
}

footer {
	color: #f0f0f0;
	background-color:#333333;
}

.main_contents .margin_top { margin-top: 1.5em; }
.main_contents .margin_bottom { margin-bottom: 1.5em; }

.main_tit{
	border-bottom: 1px dotted #464646;
	background-image: url("http://blog-imgs-86-origin.fc2.com/m/o/l/molecule/main-tit-icon.png");
	margin-bottom: 2px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 37px;
}
.cat6 {
	/* イラスト */
	background-image: url("http://blog-imgs-86-origin.fc2.com/m/o/l/molecule/main-tit-icon6.png");
}
.cat8 {
	/* PSO2 */
	background-image: url("http://blog-imgs-86-origin.fc2.com/m/o/l/molecule/main-tit-icon8.png");
}
.cat9 {
	/* 艦これ */
	background-image: url("http://blog-imgs-86-origin.fc2.com/m/o/l/molecule/main-tit-icon9.png");
}
.cat10 {
	/* お散歩 */
	background-image: url("http://blog-imgs-86-origin.fc2.com/m/o/l/molecule/main-tit-icon10.png");
}
.entry_info {
	font-size: 0.8em;
}

.come_text {
	padding: 10px 15px;
	background-color: #FAFAD2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


.menu_tit {
	font-size: 1.5em;
	font-weight: normal;
	color: #828282;
	padding: 10px 0 10px 40px;
	margin-bottom: 0.5em;
	border-radius: 3em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	display: block;
	
	border: 1px solid #ccc;
	background: #FFFFFF url("http://blog-imgs-86-origin.fc2.com/m/o/l/molecule/nav-tit-icon.png") no-repeat 17px center;
}
.menu_text{
	margin-top:20px;
	font-weight: bold;
}
.menu_text:last-child{
	margin-bottom:20px;
}
.menu_text ul{
	list-style-image: url("http://blog-imgs-86-origin.fc2.com/m/o/l/molecule/menu-list-icon.png");
}
.menu_text li{
	margin-left: 25px;
	line-height: 1.6em;
}

.info_text ul {
	padding-left: 30px;
}
.info_text li {
	line-height: 1.6em;
}

.tor{
	font-size: 0.8em;
	text-align: right;
	margin-top: 1.5em;
}

.mimimi {
	border: 1px solid #232323;
	background-color: #D6D6D6;
}

textarea, select, input {
	color: #000000;
	background-color: #D6D6D6;
	font-size: 11pt;
	font-weight: normal;
	line-height: 13pt;
	letter-spacing: 1px;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
}
input:focus, select:focus, textarea:focus {
	background-color: #FAFAD2;
	outline: 2px #00bfff solid;
	-moz-outline-radius: 5px;
}


.data{
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	margin: 0px;
}
.data th {
	background-color: #484848;
	color: #C9C9C9;
	border: solid 1px #999999;
	vertical-align: middle;
	padding: 2px;
}
.data td {
	background:url("http://blog-imgs-48-origin.fc2.com/m/o/l/molecule/bg_data_table.png");
	border: solid 1px #999999;
	vertical-align: middle;
	padding: 2px;
}

.mailform {
	background:url("http://blog-imgs-45-origin.fc2.com/m/o/l/molecule/mailform2.png") 0 -21px;
	height: 21px; width: 200px; display: block;
}
.mailform a{
	background:url("http://blog-imgs-47-origin.fc2.com/m/o/l/molecule/mailform.png");
	height: 21px; width: 200px; display: block;
}

.annotation {
	width: 100%;
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: bold;
	background: #FFEFD5 url("http://blog-imgs-45-origin.fc2.com/m/o/l/molecule/annotation.png") no-repeat left center;
	color: #A52A2A;
	padding: 5px 15px 5px 105px;
	border: dashed 1px silver;
}

/* CSS ButtonStyle */
.button{
	display: inline-block;
	text-align: center;
}
.more{
	width: 100%;
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
}
.prev, .next {
	width: 40%;
	float: right;
}
.top {
	width: 20%;
	float: right;
}
.prev {
	text-align: right;
	padding-right: 5%;
	border-radius: 50% 0 0 50%;
	-webkit-border-radius: 50% 0 0 50%;
	-moz-border-radius: 50% 0 0 50%;
	border-right: none !important;
}
.next {
	text-align: left;
	padding-left: 5%;
	border-radius: 0 50% 50% 0;
	-webkit-border-radius: 0 50% 50% 0;
	-moz-border-radius: 0 50% 50% 0;
	border-left: none !important;
}
.content_aside {
	width: 100%;
	padding:15px;
	background:#F5F1E9;
}


.button:link {
	border: 1px solid #ea68a2;
	background: #fff0f5;
	color: #ea68a2;
}
.button:visited {
	border: 1px solid #ea68a2;
	background: #fff0f5;
	color: #ea68a2;
}
.button:hover {
	border: 1px solid #00bfff;
	background: #00bfff;
	color: #ffffff;
}
.button:active {
	border: 1px solid #00bfff;
	background: #00bfff;
	color: #ffffff;
}
input.button {
	border: 1px solid #ea68a2;
	background: #fff0f5;
	color: #ea68a2;
}
input.comment_delete {
	margin: 3.0em 0 0 0;
	background: #ff0000;
	width: 100%;
}

dd.relate_dd {
	margin-left:20px;
}
li.relate_li:nth-child(7) {
	display: none;
}

#my_footer .menu_text {
	float: left;
	margin:10px;
	width: 380px;
}
#my_footer .menu_text ul {
	margin-left: 5px;
}
#my_footer .menu_text li {
	float: left;
	margin: 3px 0;
	width: 125px;
	list-style: none;
}
#my_footer .menu_text p {
	margin: 3px 5px;
}

#introduction {
	font-size: 0.8em;
	font-weight: bold;
	color: #f0f0f0;
	padding: 2px;
	background-color: #333333;
}
#introduction p {
	margin: 0 auto;
}

.top_search {
	float: right;
}

.top_message {
	padding: 10px;
}


#copy {
	font-size: 0.8em;
	color: #f0f0f0;
	padding: 5px;
	background-color: #333333;
	border-top: solid 5px #ea68a2;
	text-align: center;
}

#pixiv {
	width: 100%;
	height: 230px;
}

h3 {
	border-left: solid 3px #00bfff;
	font-size: 1.35em;
	padding: 5px 0 5px .5em;
}
h4 {
	font-size: 1.1em;
}