@charset "utf-8";

/* ================================================================================

infoNet base.css   ver.11.0

================================================================================ */


/* --------------------------------------------------
	BROUSER-reset
-------------------------------------------------- */
/* boxsizing
------------------------------ */
*,
:hover,
:before,
:after{box-sizing:border-box;}

/* html,body
------------------------------ */
html,
body{height:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;}

/* link
------------------------------ */
a,
a:hover{text-decoration:none;}

/* paragraph
------------------------------ */
p{margin:0 0 1em;padding:0;}

/* list
------------------------------ */
ul,
ol{margin:0;padding:0.5em 0 1em 2em;}
li{margin:0;padding:0 0 0.25em 0;}
ul ul,
ul ol,
ol ul,
ol ol{padding-top:0.5em;padding-bottom:0.5em;}

/* textdecorations
------------------------------ */
b,
strong{font-weight:bold;}

/* table
------------------------------ */
table{border:none;border-spacing:0;border-collapse:collapse;}
table[align="left"],
table[align="right"]{float:none;}
td,
th{text-align:left;}

/* hr
------------------------------ */
hr{height:1px;margin:3em 0;border-top:#e6e6e6 solid 1px;background:transparent;}
hr.dotted{border-style:dotted;}

/* formparts
------------------------------ */
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{cursor:pointer;}
input[type="password"]{cursor:text;}
button[disabled],
input[disabled]{cursor:default;}
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"],
button,
textarea{padding:2px 1px;border:1px solid #ccc;border-radius:0;-webkit-appearance:none;}
iframe{vertical-align:bottom;}

/* headings
------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6{margin:2em 0 1em;padding:0 0 0.5em;line-height:1.2;}


/* --------------------------------------------------
	HTML5-reset
-------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],
template{display:none;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{margin:0;padding:0;border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
pre{overflow:auto;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}


/* --------------------------------------------------
	BUG-reset
-------------------------------------------------- */
/* Android 4.xx problems
.spMode *{background-image:url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
br{background-image:none !important;}
 */


/* --------------------------------------------------
	default.css-reset
-------------------------------------------------- */
.Head{font-weight:inherit;font-size:inherit;}
.full{width:100%;}


/* --------------------------------------------------
	css for print
-------------------------------------*/
@media print{
	body{font-family:"ヒラギノ角ゴ Pro W3", "HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
	section{display:block;}
	pre code{page-break-after:always;}
	p a,
	code,
	pre{word-wrap:break-word;}
	pre a[href]:after{content:"";}
	pre abbr[title]:after{content:"";}
	pre .ir a:after,
	pre a[href^="javascript:"]:after,
	pre a[href^="#"]:after{content:"";}
	.noPrint{display:none;}
	.controlPanel{display:none;}
}

/* --------------------------------------------------
	link
-------------------------------------------------- */
/* link_btn
------------------------------ */
a.link_btn,
.link_btn a{display:inline-block;position:relative;padding:0.5em 1em;background-color:rgba(0,0,0,0.5);color:#fff;text-decoration:none;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
a.link_btn:hover,
.link_btn a:hover{opacity:0.75;text-decoration:none;}
/* shrink */
a.link_btn.shrink,
.link_btn.shrink a{padding:0.25em 0.5em;}
/* bulge */
a.link_btn.bulge,
.link_btn.bulge a{padding:1.5em 2em;}
/* full */
a.link_btn.full,
.link_btn.full a{display:block;}

/* link_txt
------------------------------ */
a.link_txt,
.link_txt a{display:inline-block;position:relative;padding-left:0.9em;text-decoration:none;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
a.link_txt:before,
.link_txt a:before{content:"";display:block;position:absolute;top:0.0em;bottom:0.2em;left:0;z-index:4;width:7px;height:10px;margin:auto;background:linear-gradient(45deg,transparent 40%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.5) 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.5) 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:top left,bottom left;}
/* full */
a.link_txt.full,
.link_txt.full a{display:block;}

/* link_btn + link_txt
------------------------------ */
a.link_btn.link_txt,
.link_btn.link_txt a{display:inline-block;position:relative;position:relative;padding-left:1.7em;text-decoration:none;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
a.link_btn.link_txt:before,
.link_btn.link_txt a:before{top:0;bottom:0;left:0.7em;background:linear-gradient(45deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:top left,bottom left;}

/* link_inpage
------------------------------ */
a.link_inpage,
.link_inpage a{display:inline-block;position:relative;padding:0.5em 1em 0.5em 2em;background-color:rgba(0,0,0,0.5);color:#fff;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
a.link_inpage:before,
.link_inpage a:before{content:"";position:absolute;top:0.0em;bottom:0.0em;left:0.7em;z-index:4;width:10px;height:7px;margin:auto;background:linear-gradient(45deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%);background-size:50% 100%;background-repeat:no-repeat;background-position:top left,top right;}
a.link_inpage:hover,
.link_inpage a:hover{opacity:0.75;text-decoration:none;}
/* shrink */
a.link_inpage.shrink,
.link_inpage.shrink a{padding:0.25em 2.0em 0.25em 0.5em;}
/* bulge */
a.link_inpage.bulge,
.link_inpage.bulge a{padding:1em 3em 1em 1.5em;}
/* full */
a.link_inpage.full,
.link_inpage.full a{display:block;}
/* link_inpage + layout_item */
ul.layout_item.link_inpage a{display:flex;width:100%;height:100%;align-items:center;}



/* --------------------------------------------------
	clear_fix,float,align settings
-------------------------------------------------- */
.clear_fix:after{content:"";display:block;clear:both;}
.float_right{float:right;}
.float_left{float:left;}

/* align
------------------------------ */
.align_right{text-align:right;}
.align_left{text-align:left;}
.align_center{text-align:center;}

/* align image
------------------------------ */
img.align_center{display:block;margin:0 auto 20px;}
img.align_right{display:inline-block;float:right;margin:0 0 20px 20px;}
img.align_left{display:inline-block;float:left;margin:0 20px 20px 0;}

/* vertical
------------------------------ */
.align_top{vertical-align:top;}
.align_middle{vertical-align:middle;}
.align_baseline{vertical-align:baseline;}
.align_bottom{vertical-align:bottom;}


/* --------------------------------------------------
	layout
-------------------------------------------------- */
.layout_item{display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row;width:100%;margin:0 0 1em;padding:0;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}

/* ul + layout_item
------------------------------ */
ul.layout_item li{margin-bottom:1rem;}

/* img in layout_item
------------------------------ */
.layout_item img{max-width:100%;vertical-align:bottom;}

/* flex
------------------------------ */
/* wraped */
.layout_item.mo_wrapped{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;}
.layout_item.mo_wrapped > *{flex:1 0 0%;}
/* flex-direction */
.layout_item.re_rowed{flex-direction:row-reverse;}
.layout_item.columned{flex-direction:column;}
.layout_item.re_columned{flex-direction:column-reverse;}
/* align-items */
.layout_item.bottomed{-webkit-box-align:flex-end;-ms-flex-align:flex-end;-webkit-align-items:flex-end;align-items:flex-end;}
.layout_item.middled{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.layout_item.baselined{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;}
.layout_item.stretched{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;}
/* justify-content */
.layout_item.lefted{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;-moz-justify-content:flex-start;}
.layout_item.righted{justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;-moz-justify-content:flex-end;}
.layout_item.centered{justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;}
.layout_item.betweened{justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;-moz-justify-content:space-between;}
/* shrink */
.layout_item.retentioned{flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;-moz-flex-shrink:0;}
/* basis */
.layout_item.basised > *{flex-basis:100%;}

/* column
------------------------------ */
.layout_item.col2,
.layout_item.col3,
.layout_item.col4,
.layout_item.col5,
.layout_item.col6,
.layout_item.col7,
.layout_item.col8{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.layout_item.col2 > *{width:49%;}
.layout_item.col3 > *{width:32%;}
.layout_item.col4 > *{width:23.5%;}
.layout_item.col5 > *{width:18.4%;}
.layout_item.col6 > *{width:15%;}
.layout_item.col7 > *{width:12.57%;}
.layout_item.col8 > *{width:10.75%;}
.layout_item.col2 > *,
.layout_item.col3 > *,
.layout_item.col4 > *,
.layout_item.col5 > *,
.layout_item.col6 > *,
.layout_item.col7 > *,
.layout_item.col8 > *{float:none;margin-right:2%;margin-bottom:1rem;}
.layout_item.col2 > *:nth-child(2n),
.layout_item.col3 > *:nth-child(3n),
.layout_item.col4 > *:nth-child(4n),
.layout_item.col5 > *:nth-child(5n),
.layout_item.col6 > *:nth-child(6n),
.layout_item.col7 > *:nth-child(7n),
.layout_item.col8 > *:nth-child(8n){margin-right:0 !important;}

/* float
------------------------------ */
.layout_item.floated,
.layout_item.floated.col2,
.layout_item.floated.col3,
.layout_item.floated.col4,
.layout_item.floated.col5,
.layout_item.floated.col6,
.layout_item.floated.col7,
.layout_item.floated.col8{display:block;}
.layout_item.floated > *,
.layout_item.floated.col2 > *,
.layout_item.floated.col3 > *,
.layout_item.floated.col4 > *,
.layout_item.floated.col5 > *,
.layout_item.floated.col6 > *,
.layout_item.floated.col7 > *,
.layout_item.floated.col8 > *{display:block;float:left;margin-right:2%;margin-bottom:1rem;}
.layout_item.floated.col2 > *:nth-child(2n+1),
.layout_item.floated.col3 > *:nth-child(3n+1),
.layout_item.floated.col4 > *:nth-child(4n+1),
.layout_item.floated.col5 > *:nth-child(5n+1),
.layout_item.floated.col6 > *:nth-child(6n+1),
.layout_item.floated.col7 > *:nth-child(7n+1),
.layout_item.floated.col8 > *:nth-child(8n+1){clear:left;}
.layout_item.floated:after{content:"";display:block;clear:both;}

/* thumbnail
------------------------------ */
.layout_item.firstitemlefted,
.layout_item.firstitemrighted{display:block;}
.layout_item.firstitemlefted:after,
.layout_item.firstitemrighted:after{content:"";display:block;clear:both;}
.layout_item.firstitemlefted > *,
.layout_item.firstitemrighted > *{display:block;overflow:hidden;width:auto;}
.layout_item.firstitemlefted > *:first-child{float:left;margin-right:2%;}
.layout_item.firstitemrighted > *:first-child{float:right;margin-left:2%;}
.layout_item.firstitemlefted.wraparound > *,
.layout_item.firstitemrighted.wraparound > *{overflow:visible;}

/* inline
------------------------------ */
.layout_item.inlined{display:block;}
.layout_item.inlined > *{display:inline-block;margin-right:1rem;vertical-align:top;}

/* table
------------------------------ */
.layout_item.tabled{display:table;width:100%;table-layout:fixed;}
.layout_item.tabled > *{display:table-cell;vertical-align:middle;}
.layout_item.tabled.align_top > *{vertical-align:top;}
.layout_item.tabled.align_baseline > *{vertical-align:baseline;}
.layout_item.tabled.align_bottom > *{vertical-align:bottom;}

/* img_float
------------------------------ */
img.image_float_right{display:inline-block;float:right;margin:0 0 20px 20px;}
img.image_float_left{display:inline-block;float:left;margin:0 20px 20px 0;}


/* --------------------------------------------------
	table
-------------------------------------------------- */
.table_basic{max-width:100%;margin:0 0 2em;border:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-spacing:0;border-collapse:collapse;}
.table_basic.full{width:100%;}
.table_basic.fixed{table-layout:fixed;}
.table_basic > tbody > tr > th,
.table_basic > tbody > tr > td{padding:0.5em;border-top:1px solid #ccc;border-left:1px solid #ccc;text-align:left;}
.table_basic > tbody > tr > th{background-color:rgba(0,0,0,0.05);}
.table_basic > tbody > tr > td.align_right,
.table_basic > tbody > tr > th.align_right,
.table_basic > tbody > tr > td[align="right"],
.table_basic > tbody > tr > th[align="right"]{text-align:right;}
.table_basic > tbody > tr > td.align_center,
.table_basic > tbody > tr > th.align_center,
.table_basic > tbody > tr > td[align="center"],
.table_basic > tbody > tr > th[align="center"]{text-align:center;}
/* shrink */
.table_basic.shrink > tbody > tr > th,
.table_basic.shrink > tbody > tr > td{padding:0.05em 0.25em;}
/* bulge */
.table_basic.bulge > tbody > tr > th,
.table_basic.bulge > tbody > tr > td{padding:1em 1.5em;}

/* cell
------------------------------ */
/* fixed */
th.fixed,
td.fixed{width:8em;}
/* color */
th.colored{background-color:#f6f6f6;}
td.colored{background-color:rgba(0,0,0,0.05);}
/* empty */
th.empty_cell,
td.empty_cell{border:none !important;background:none !important;}
/* nowrap */
th.nowrap,
td.nowrap{white-space:nowrap;}


/* --------------------------------------------------
	box
-------------------------------------------------- */
/* box_bordered && box_colored
------------------------------ */
.box_bordered{margin:0 0 2em;padding:2em;border:1px solid rgba(0,0,0,0.5);}
.box_colored{margin:0 0 2em;padding:2em;background-color:rgba(0,0,0,0.03);}
.box_colored > *:first-child,
.box_bordered > *:first-child{margin-top:0;}
.box_colored > *:last-child,
.box_bordered > *:last-child{margin-bottom:0;}
/* shrink */
.box_bordered.shrink,
.box_colored.shrink{padding:0.5em;}
/* bulge */
.box_bordered.bulge,
.box_colored.bulge{padding:4em;}

/* box_overflow
------------------------------ */
.box_overflow_x{overflow-x:auto;overflow-y:hidden;width:auto !important;max-width:100%;height:100%;}
.box_overflow_y{overflow-y:hidden;overflow-y:auto;max-width:100%;height:100%;max-height:10em !important;}
.box_overflow_x_y{overflow-x:auto;overflow-y:auto;width:auto !important;max-width:100%;height:100%;max-height:10em !important;}


/* --------------------------------------------------
	txt
-------------------------------------------------- */
/* indent
------------------------------ */
.txt_indent{padding-left:1em;text-indent:-1em;}
.txt_indent2{padding-left:2em;text-indent:-2em;}

/* font-size
------------------------------ */
.txt_small{font-size:80%;}
.txt_large{font-size:120%;}

/* font-weight
------------------------------ */
.txt_bold{font-weight:bold;}

/* font-color
------------------------------ */
.color_red{color:#c00;}
.color_gray{color:#777;}


/* --------------------------------------------------
	list
-------------------------------------------------- */
/* reset
------------------------------ */
.list_none{display:block;list-style:none;width:100%;margin:0 0 1em;padding:0;}

/* marker
------------------------------ */
ul.layout_item.marker{padding:0.5em 0 1em 2em;list-style-type:disc;}
ol.layout_item.marker{padding:0.5em 0 1em 2em;list-style-type:decimal;}
ul.layout_item.marker > li,
ol.layout_item.marker > li{padding-right:1.5em;margin-right:2%;}
ul.layout_item.marker ul.layout_item.marker{list-style-type:circle;}
ul.layout_item.marker ul.layout_item.marker ul.layout_item.marker{list-style-type:square;}
ul.layout_item.marker.inlined > li,
ol.layout_item.marker.inlined > li{padding-right:0;margin-right:1rem;}


/* --------------------------------------------------
	youtube
-------------------------------------------------- */
.youtube_wrap16-9{overflow:hidden;position:relative;height:0;padding-bottom:56.25% !important;}
.youtube_wrap4-3{overflow:hidden;position:relative;height:0;padding-bottom:75% !important;}
.youtube_wrap16-9 iframe,
.youtube_wrap4-3 iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}