@charset "utf-8";
/*--------------------

	reset
	
--------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-style: normal;
 font-weight: 400;
 vertical-align: baseline;
 text-decoration: none;
 letter-spacing: 0.14em;
 line-height: 1.8em;
 word-break: break-all;
 font-feature-settings: "palt"
}
/*明朝が見えずらい時*/
/*p, a, h1, h2, h3, h4, h5, h6, dl dt, dl dd, .Pankuzu {
    -webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
}*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}
html {
 overflow: inherit;
 height: 100%;
 width: 100%;
}
body {
 width: 100%;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
 content: '';
 content: none;
}
input, textarea, select {
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 1.5em;
 letter-spacing: 0.1em;
 margin: 0;
 padding: 0;
 font-size: 18px;
 box-sizing: border-box;
}
@media all and (max-width: 1200px) {
	input, textarea, select {
		font-size: 16px;
	}
}
input, textarea, select{
	padding-left: 5px!important;
}
input::placeholder {
  color: #cccccc;
}
/* IE */
input:-ms-input-placeholder {
  color: #cccccc;
}
/* Edge */
input::-ms-input-placeholder {
  color: #cccccc;
}
input, p {
 margin: 0;
 padding: 0;
}
ol, ul, li {
 list-style: none;
}
table {
 text-align: left;
 vertical-align: top;
 margin: 0 auto;
 border-collapse: collapse;
 border-spacing: 0
}
td, th {
 text-align: left;
 vertical-align: top;
}
caption, th {
 text-align: left;
}
a, li, img,button,*:before{
 -webkit-transition: 0.3s;
 -moz-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
}
a:focus {
 outline: none;
}
a {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 cursor: pointer;
}
.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 width: 0;
 visibility: hidden;
 line-height: 0;
}
.clearfix {
 min-height: 1px;
}
* html .clearfix {
 height: 1px;
 /*¥*/ /*/
	height: auto;
	overflow: hidden;
	/**/
}
.both {
 clear: both;
}
.inline_block {
 display: inline-block;
 *display: inline;
 *zoom: 1;
}
/*a:link,a:visited{ color: #57450D; text-decoration:underline;}
a:active,a:hover{ color: #57450D; text-decoration:none;}*/
img {
 font-size: 0;
 border: 0;
 line-height: 0;
 letter-spacing: 0;
 max-width: 100%;
 height: auto;
}
/*a,img,li,p{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
*/
a:hover {
 filter: alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
}
figure{
	line-height: 0;
}
/*--------------------

	font
	
--------------------*/
/*html:not([lang*=""]) #WRAPPER, html:not([lang*=""]) #WRAPPER input, html:not([lang*=""]) #WRAPPER textarea, html:not([lang*=""]) #WRAPPER select {
 letter-spacing: normal;
}*/
/*Firefox hack*/
a:link, a:visited {
 color: #333333;
}
a:active, a:hover {
 color: #333333;
 text-decoration: none;
}
/*--------------------

	etc
	
--------------------*/
.Center {
 text-align: center;
}
.Left {
 text-align: left;
}
.Right {
 text-align: right;
}
/*マージン*/
.MgB5 {
 margin-bottom: 5px;
}
.MgB10 {
 margin-bottom: 10px;
}
.MgB20 {
 margin-bottom: 20px;
}
.MgB25 {
 margin-bottom: 25px;
}
.MgB30 {
 margin-bottom: 30px !important;
}
.MgB40 {
 margin-bottom: 40px !important;
}
.MgB50 {
 margin-bottom: 50px !important;
}
.MgB100 {
 margin-bottom: 100px !important;
}
.MgB0 {
 margin-bottom: 0px !important;
}
.MgR0 {
 margin-right: 0;
}
.MgR5 {
 margin-right: 5px;
}
.MgR10 {
 margin-right: 10px;
}
.MgR20 {
 margin-right: 20px;
}
.MgL10 {
 margin-left: 10px;
}
.MgL20 {
 margin-left: 20px;
}
.MgR10 {
 margin-right: 10px;
}
/*パディング*/
.PdL10 {
 padding-left: 10px;
}
.PdL20 {
 padding-left: 20px;
}
.PdB10 {
 padding-bottom: 10px;
}
.PdT20 {
 padding-top: 20px;
}
.PdT30 {
 padding-top: 30px;
}
#WRAPPER .PdT20 {
 padding-top: 20px;
}
#WRAPPER .PdT10 {
 padding-top: 10px;
}
.PdR10 {
 padding-right: 10px;
}
.FlL {
 float: left;
}
.FlR {
 float: right;
}
.Bgblue {
 background: #DAF3FE;
}
.Bgred {
 background: #FED2CF;
}
.Green {
 color: #6DAB22;
}
.Green a {
 color: #6DAB22;
}
.BD {
 border: none;
 border-bottom: 1px dotted #606060;
 margin-bottom: 20px;
}
/*p,a,h1,h2,h3,h4,h5,h6,dl dt,dl dd,.Pankuzu{
    -webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);	
}
*/
/* よく使うCSS start

img {
	max-width:100%;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

よく使うCSS end -----
時々使うCSS3 start ---

テキストシャドウ {
	text-shadow: 1px 1px 3px #606060;
}

テキストシャドウ {
	text-shadow: 1px 1px 3px #606060;
}

ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #606060;
	-webkit-box-shadow: 1px 1px 3px #606060;
	box-shadow: 1px 1px 3px #606060;
}

ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #606060;
	-webkit-box-shadow: inset 1px 1px 3px #606060;
	box-shadow: inset 1px 1px 3px #606060;
}

角丸 {
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
}

トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}

グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#606060000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#606060000')";
	background-image: -moz-linear-gradient(top, #ffffff, #606060000);
	background-image: -ms-linear-gradient(top, #ffffff, #606060000);
	background-image: -o-linear-gradient(top, #ffffff, #606060000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#606060000));
	background-image: -webkit-linear-gradient(top, #ffffff, #606060000);
	background-image: linear-gradient(top, #ffffff, #606060000);
}

スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}

時々使うCSS3 end */