@charset "utf-8";
/*------------------------------------------------------------
##############################################################

* Description: 共通の設定

 - default setting
 - grid
 - setting
 - clearFix
##############################################################
------------------------------------------------------------*/



/*------------------------------------------------------------
##############################################################
default setting
##############################################################
------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;font-style:normal;color:inherit;}

li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a,span{margin:0;padding:0;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
small,sub,sup{font-size:.75em}
sub{vertical-align:sub}
sup{vertical-align:super}
/*------------------------------------------------------------
##############################################################
grid
##############################################################
------------------------------------------------------------*/

/* collapse調整
------------------------------------------------------------*/
@media only screen and (max-width: 63.625em) {
/*	.row.collapse {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
	}*/
}


/* small
------------------------------------------------------------*/
@media only screen and (max-width: 40em) {
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{font-size:14px;}
	[class*="block-grid-"] {
		margin: 0;
	}
}

/* medium
------------------------------------------------------------*/
@media only screen and (min-width: 40.063em) {
	.row {
		max-width:1000px;
	}
	.medium-5-extend {
		width:20%;
	}
}


/*------------------------------------------------------------
##############################################################
■ setting
##############################################################
------------------------------------------------------------*/
body {
	color:#333;
}
a:hover {
	color: rgba(30, 198, 252, 1.0);
	text-decoration:underline;
  transition: 0.3s;
}
a:active {
	color: rgba(30, 198, 252, 1.0);
}
i {
    margin-right: 5px;
}
img {
	vertical-align: bottom;
}
/*
.roboto {
    font-family: 'Roboto', sans-serif;
}
*/
table th,
table td {
	vertical-align:top;
}
.button {
    padding: 0.675rem 1.75rem 0.675rem 1.75rem !important;
}
.btn-center {
	text-align: center;
	margin-top: 20px;
}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: rgba(60, 164, 234, 1.0);
}


#archive-contents h2 {
	margin-bottom: 20px;
}
#archive-contents h3 {
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-size: 1.0rem;
	font-weight: bold;
	margin-bottom: 10px;
}
#archive-contents p {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.625rem;
	margin-bottom: 1.0rem;
}












/* small
------------------------------------------------------------*/
@media only screen and (max-width: 40em) {
	table {
		width:auto;
		table-layout:fixed;
		word-break:break-all;
		word-wrap:break-word;
	}



}