@charset "UTF-8";

/* -----------------------------------------
 over 1800px
 ----------------------------------------- */
@media screen and (min-width:1800px) {
#wrap-news-area {
	max-height:100%;
}
#wrap-news-area:before {
	content:none;
}
@-moz-document url-prefix() {/* only firefox */
	#wrap-news-area:before {
		content:"";
		padding-top:50%;
	}
}
}
/* ---------------------------------
 width <= 1040px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1040px) {
}
/* ---------------------------------
 width <= 840px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:840px) {
html {
	background-image:none;
}
body > header {
	height:auto;
	padding:1rem 0;
	background-color:#0033AA;
}
body > header > div {
	align-content:flex-start;
	background-color:#0033AA;
}
#main {
	display:block;
}

#side-navi {
	margin:		0 0 1rem;
	padding:	3rem 1rem 0 1rem;
}
#tools {
	padding-top:3.2rem;
}
#wrap-side {
	position:fixed;
	top:0px;
	z-index:7;
	transition: all 0.5s;
	transform: translateX(-265px);
	width:265px;
	height:100%;
	background:#DBDBDB;
}
#wrap-side.showed, .cat_menu.showed {
	transform: translateX(0);
}
.cat_menu {
	transition: all 0.5s;
}
#close-menu {
	display:block;
}
/* Header */
#site-id {
	width:				44px;
	min-width:			44px;
	height:				auto;
	padding-top:		3px;
	background-color:	#0033AA;
}
#logo {
	display:none;
}
#logo-mini {
	display:		block;
	margin-left:	5px;
	margin-top:		-8px;
}
/* Search */
#top-search {
	margin:			0 5px;
	white-space:	nowrap;
}
/* Top Navi */
#outer-top-navi {
	white-space:nowrap;
}
#top-navi {
	display:		inline-block;
	text-align:		right;
	top:			0;
}
html.fullscreen #top-navi {
	top:0;
}
#top-navi li {
	display:		inline-block;
	margin-left:	0;
}
#menu-button {
	margin-right:	10px;
}
#top-navi .wrap-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 0px;
	vertical-align: -6px;
}
#top-ope {
	margin-top:			1rem;
}
#calendar-button, #srchset-button, #srchset-button-easy, #top-ope {
	position:relative;
	top:auto;
}
#calendar-button .circle, #srchset-button .circle, #srchset-button-easy .circle {
	display:inline-block;
	width:auto;
	height:auto;
	margin-right:0px;
	padding-top:0px;
	border-radius: 50%;
	background:none;
	vertical-align:0px;
}
#calendar-button .wrap-icon, #srchset-button .wrap-icon, #srchset-button-easy .wrap-icon {
	margin-left:0px;
}
#menu-button {
	position:	absolute;
	right:		0;
	top:		7px;
}
/* Side Contents */
#side-contents {
	max-width:100%;
	width:100%;
	height:auto;
	min-height:auto;
	background:none;
}
#profile {
	display:			none;
}
#profile #user-name {
	display:			none;
}
#profile-ope {
	display:			block;
}
#top-user-name {
	background-color:	#4368C0;
	color:				white;
	cursor:				pointer;
	display:			flex;
	font-size:			1.2rem;
	font-weight:		bold;
	justify-content:	center;
	align-items:		center;
	overflow:			hidden;
	margin-left:		5px;
	border-radius:		3px;
}
#top-user-name span:first-child {
	margin-top:			10px;
}
.gear {
	font-size:			1rem;
	top:				1px;
	right:				1px;
}

html.android #side-navi li a {
	padding: 5px;
}
.shimen_label {
	font-size:			3vw;
}
#float-button {
	right:				3px;
}
.page-title {
	font-size:			1.8rem;
	font-weight:		bold;
	margin:				0.5rem 0;
}
.page-title > span:nth-child(2) {
	font-size:			1.4rem;
	font-weight:		normal;
}
#data-submenu {
	margin-top:			0;
}

#search-box {
	width:		60px;
}
.hand_img {
	max-width:			100%;
	height:				auto;
}

.agreement {
	font-size:			0.8rem;
}
}
/* ---------------------------------
 width <= 500px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:500px) {
.wrap-icon {
	margin-right: 0px;
}
#ope {
	overflow-x:			scroll;
	-ms-overflow-style:	none;		/* IE */
	scrollbar-width:	none;		/* Firefox */
}
#profile {
	display:			block;
	overflow:			hidden;
	width:				100%;
}
/* TextNewsPage */
.TextNewsPage article h1 > span {
	margin-top:0px;
}
.TextNewsPage article h1 > span.ttl {
	float:		none;
	margin:		5px 0 0 10px;
	width:		auto;
}
.TextNewsPage article h1 > span.cat {
	margin-top:5px;
	padding:7px 12px 0px 20px;
}
.TextNewsPage article h1 > span.date {
	display:		block;
	margin-top:		0;
	margin-bottom:	2px;
}
.image_pos_A {
	float:none;
}

.outer-post {
	margin:			0 5px 20px 5px;
	padding:		10px 10px 0;
}

#data-submenu a {
	font-size:		1.2rem;
}
.del_scrap, .share_scrap {
	min-width:			30px;
	width:				8vw;
}
.share_scrap {
	margin-left:		1rem;
}

#tb_kanlist {
	overflow-x:			scroll;
	-ms-overflow-style:	none;		/* IE */
	scrollbar-width:	none;		/* Firefox */
}
#tb_kanlist::-webkit-scrollbar {	/* Chrome,. Safari */
	display:			none;
}

#login {
	width:				330px;
}

.kam {
	line-height:		18px;
}
}
/* ---------------------------------
 width <= 360px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:360px) {
.wrap-icon {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-right: 5px;
	vertical-align: -6px;
}
#menu-button {
	left:		325px;
}
}
/* End of responsive.css */