@charset "utf-8";
/* CSS Document */
html {
}

body{
	-webkit-text-size-adjust: 100%;
	word-wrap : break-word;
	overflow-wrap : break-word;
}

/* Reset
------------------------------------------------------------*/
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td
{
	margin: 0;
	padding: 0;
}
address,
em
{
	font-style: normal;
}
strong,
th
{
	font-weight: normal;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
th
{
	text-align: left;
}
hr,
legend
{
	display: none;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	font-size: 100%;
	font-weight: normal;
     letter-spacing: 5px;
     color: #000;
     font-weight: 600;
}
img,
fieldset
{
	border: 0;
}
img
{
	border:0;
	vertical-align:top;
	max-width:100%;
	height:auto;
}
li
{
	list-style-type: none;
}
input[type="submit"],button,label,select{
	cursor:pointer;
}
p,
ul,
dl,
a
{
     font-size: 13px;
     letter-spacing: 1px;
     color: #595757;
}


/* Fonts
------------------------------------------------------------*/
body,input,button,textarea,select
{
	font: 13px/1.5  'Spartan', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	background: #fff;
}
html>/**/body
{
	font-size: 16px;
} /* Except IE */
.clear
{
	clear: both;
}



/* link
------------------------------------------------------------*/
a,a:visited,button:hover {
	transition: all .4s;
     color: #4f4f4f;
}

a:hover,a:active,button:hover{
     opacity: 0.5;
}

a img {
  -webkit-transition: opacity 0.4s ease-out;
  -moz-transition: opacity 0.4s ease-out;
  -ms-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}

*:focus {
  outline: none;
}


/* selection
------------------------------------------------------------*/

/*::selection {
    background: #e30920;
    color: #fff;
}
::-moz-selection {
    background: #e30920;
    color: #fff;
}*/



/* clearfix
------------------------------------------------------------*/
.clearfix::after
{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix
{
	display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix
{
	height:1%;
}
.clearfix
{
	display:block;
}
/* end MacIE5 */

.clearfix + *
{
	clear: both;
}


/* module
------------------------------------------------------------*/
.txtl {
     text-align: left;
}
.txtc {
     text-align: center;
}
.txtr {
     text-align: right;
}
.txts {
     font-size: 12px;
}
.txtp {
     color: #ef6ca8;
}
.txtpu {
     color: #c76fd1;
}
.txty {
     color: #fff000;
}
.txtred {
     color: #ff0000;
}
.txtblue {
     color: #1989f0;
}