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

* Description: 共通の設定

 - default setting
 - grid
 - setting

##############################################################
------------------------------------------------------------*/



/*------------------------------------------------------------
##############################################################
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;font-size:13px;vertical-align:baseline;background:transparent;font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;font-style:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a,span{margin:0;padding:0;font-size:100%;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:.63em}
sub{vertical-align:sub}
sup{vertical-align:super}

.panel button,.panel .button {color:white;}
.panel .button.secondary {color:#333;}

/*------------------------------------------------------------
##############################################################
grid
##############################################################
------------------------------------------------------------*/


/* 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:11px;}
	[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:#212121;
}
a {
	color:#212121;
	text-decoration:none;
}
a:visited {
	color:#212121;
}
a:hover {
	color:#212121;
	text-decoration:underline;
}
a:active {
	color:#212121;
}

i {
    margin-right: 5px;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}

table th,
table td {
	vertical-align:top;
}

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

/* medium
------------------------------------------------------------*/
@media only screen and (min-width: 40.063em) {
}