@charset "utf-8";
html,body{
	margin:0;
	padding:0;
}
/* === .nod font-weight: 300, 400, 700 === */

p{
	font-size: 16px;
	font-weight: 300;
}

h1,h2,h3,h4,h5 {
}

a {
	color: #000;
}

@media print, screen and (min-width : 768px) {
/* CSS Document */
/*html {font-size: 62.5%;}*/

*{
margin:0;
padding:0;

}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

a { color:#000; text-decoration:none; }
a:visited { color:#000; }
a:hover { color:#000; /*text-decoration:underline;*/ }
a:focus { color:#000; outline: thin dotted; }
a:hover, a:active { color:#000; outline: 0; }

table,th,td {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-size: 1em;
	border-collapse: collapse;
}
table{
	width:100%;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
	line-height: 1.5em;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	vertical-align: bottom;
}
img {
	display: block;
	width: 100%;
	height: auto;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, img {
	image-rendering: -webkit-optimize-contrast;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}
/*------------------------
		option.css
------------------------*/



/*=========display=========*/
.DisPlayNone { display:none; }
.DisPlayBlock { display:block; }
.DisPlayInline { display:inline; }

/*=========float=========*/
.FRight { float: right; }
.FLeft { float: left; }

/*=========clear=========*/
.ClearBoth { clear:both; }
.ClearRight { clear: right; }
.ClearLeft { clear: left; }

.ClearBox {
	clear: both;
	height: 0;
	overflow: hidden;
}

.ClearFix { zoom: 1; }
.ClearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
/* no ie mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }

}
@media only screen and (max-width : 768px) {
	*{
margin:0;
padding:0;

}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html{font-size: 62.5%;}
body {
    font-size: 1.4rem; /*14px*/
    line-height: 1.7em;
    color: #000;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
}

a { text-decoration: none; }

table,th,td {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-size: 1em;
	border-collapse: collapse;
	line-height: 1.7em;
}
table{
	width:100%;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
	line-height: 1.7em;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	/*vertical-align: bottom;*/
	max-width: none;
	width: 100%;
	height: auto;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}
/*------------------------
		option.css
------------------------*/


}
@media only screen and (max-width : 420px) {
	.visible_w420 {
		display: block;
	}
	.invisible_w420 {
		display: none;
	}
}




/*--- リンクロールオーバー ---*/
a.txt-link,
a.txt-link:hover,
a.img-link img,
a.img-link:hover img,
a.block-link > p,
a.block-link > div,
a.block-link > ul > li,
a.block-link > dl > dt,
a.block-link > dl > dd,
a.block-link > span,
a.block-link:hover > p,
a.block-link:hover > div,
a.block-link:hover > ul > li,
a.block-link:hover > dl > dt,
a.block-link:hover > dl > dd,
a.block-link:hover > span {
	transition-property: opacity;
	transition-duration:.4s;
}
a.txt-link {
	opacity: 1;
}
a.txt-link:hover {
	opacity: 0.5;
}
a.img-link img {
	opacity: 1;
}
a.img-link:hover img {
	opacity: 0.5;
}
a.block-link > p,
a.block-link > div,
a.block-link > ul > li,
a.block-link > dl > dt,
a.block-link > dl > dd,
a.block-link > span {
	opacity: 1;
}
a.block-link:hover > p,
a.block-link:hover > div,
a.block-link:hover > ul > li,
a.block-link:hover > dl > dt,
a.block-link:hover > dl > dd,
a.block-link:hover > span {
	opacity: 0.5;
}