/* CSS Document */
@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Open+Sans';


/****************************************
 html5doctor.com Reset Stylesheet
 v1.6.1
 Last Updated: 2010-09-17
 Author: Richard Clark - http://richclarkdesign.com
 Twitter: @rich_clark
*****************************************/

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:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/****************************************

 html5doctor.com Reset Stylesheet END

*****************************************/



/****************************************

 My Default Stylesheet

 * 01. Overwrite
 * 02. Clearfix
 * 03. Flex
 * 00. My class

******************************************/


/****************************************
            01. Overwrite
*****************************************/

*   { box-sizing: border-box; }

html 
    { font-size: 62.5%; }
html, body 
    { margin: 0; padding: 0; overflow-x: hidden; background-color: transparent; }
body 
    { width: 100%; height: 100%; overflow: hidden; }

a   { cursor: pointer; }
a:hover 
    { text-decoration: none; }
h1, h2, h3, h4, h5, h6, p, dl, ol, ul
    { margin-top: 0; margin-bottom: 0; }
ul  { list-style-type: none; }
button, input[type='submit'], input[type='button'] {
    padding: 0;
    background-color: rgba(255, 255, 255, 0.0);
    border: none;
    cursor: pointer; }
img { width: 100%; height: auto; object-fit: cover; }

.container { margin: 0; padding: 0; max-width: 100%; }


/****************************************
            02. Clearfix
*****************************************/

.fl
    { float: left; }
.fr
    { float: right; }
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}


/****************************************
            03. Flex
*****************************************/

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.flex_center 
    { justify-content: center; }
.flex_between 
    { justify-content: space-between; }
.flex_around 
    { justify-content: space-around; }
.flex_end 
    { justify-content: flex-end; }
.flex_reverse 
    { flex-direction: row-reverse; }


/****************************************
            00. My class
*****************************************/

.invisible 
    { transition: opacity 1.5s ease; opacity: 0.0; }
.visible 
    { transition: opacity 1.5s ease; opacity: 1.0; }

.parallax-window 
    { min-height: 250px; background: transparent; }
.parallax-slider 
    { top: 0; left: 0; }

.inlineBlock
    { text-align: center; }
.inlineBlock > *
    { display: inline-block; vertical-align: middle; }

.menu .menu-item
    { display: inline-block; text-align: center; }
.menu.list-menu .menu-item
    { display: block; text-align: left; }


.pc { display: block!important; }

@media screen and (max-width: 767px) {
	/* -- 非表示 -- */
	.pc { display: none!important; }
}

.sp, .sp_i { display: none!important; }
@media screen and (max-width: 767px) {
	/* -- 表示 -- */
	.sp { display: block!important; }
}

/****************************************

 My Default Stylesheet END

*****************************************/