@charset "UTF-8";

/* ===================================================================
CSS information

common.css
全メディア共通

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



/*=====================================
	body
=====================================*/
body {
position : relative ;
}



/*=====================================
	img
=====================================*/
img {
max-width: 100%;
height: auto;
}


/*=====================================
	FONT
=====================================*/



@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;523;600;700;800&display=swap');









/*=====================================
	opacity
=====================================*/
.grayout {
opacity:0.2; 
}

/*=====================================
	CLEARFIX
=====================================*/
.clfx:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clfx {
display: inline-block;
}
* html .clfx {
height: 1%;
}
.clfx {
display: block;
}


/*=====================================
	SELECTION
=====================================*/
::selection {
background : #fffa92 ; /* Safari */
color:#222 ;
}
::-moz-selection {
background : #fffa92 ; /* Firefox */
color:#222 ;
}

/*=====================================
	LINK OUTLINE
=====================================*/
a.outline:focus{
outline:1px dotted;
}
a:focus{
outline:none;
}

/*=====================================
	LINK OUTLINE
=====================================*/
strong {
font-weight: normal;
}


/*=====================================
	WHITEBLOCK
=====================================*/
.whiteblock_20 {
height : 20px ;
}
.whiteblock_40 {
height : 40px ;
}
.whiteblock_60 {
height : 60px ;
}
.whiteblock_80 {
height : 80px ;
}
.whiteblock_100 {
height : 100px ;
}
.whiteblock_120 {
height : 120px ;
}