@charset "utf-8";
/* CSS初期化のスタイルを記載 */
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, font, 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, section, article, aside, hgroup, header, footer, nav, dialog, figure, menu, video, audio, mark, time, canvas, details {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
a {
	color: #000;
}
a:visited,
a:link,
a:active{color: #000;}
section, article, aside, hgroup, header, footer, nav, dialog, figure, figcaption {
	display: block;
}
input, select {
	vertical-align: middle;
}

.txtmin {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

ul, li, dl, dt, dd, form {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	etter-spacing: normal;
    /* For IE 6/7 */
    *display: inline;
 *zoom: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins { /* remember to highlight inserts somehow! */
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table { /* markup tables with 'cellspacing="0"' */
	border-collapse: collapse;
	border-spacing: 0;
}
.alc {
	text-align: center !important;
}
.all {
	text-align: left !important;
}
.alr {
	text-align: right !important;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
/*Clearfix*/
.clr {
 /zoom : 1;
}
.clr:after {
	content : ' ';
	display : block;
	clear : both;
	height: 0;
}
.clearboth {
	clear: both !important;
}
.top-mrgn-S {
	margin-top: 20px !important;
}

/* スマートフォン(480px以下のディスプレイで見た場合のスタイル) */ 
@media screen and (max-width: 480px) {
.top-mrgn-S {
	margin-top: 5px;
}
.spalc {
	text-align: center !important;
}
}
.top-mrgn-M {
	margin-top: 35px !important;
}

/* スマートフォン(480px以下のディスプレイで見た場合のスタイル) */ 
@media screen and (max-width: 480px) {
.top-mrgn-M {
	margin-top: 10px !important;
}
}
.top-mrgn-L {
	margin-top: 50px !important;
}

/* スマートフォン(480px以下のディスプレイで見た場合のスタイル) */ 
@media screen and (max-width: 480px) {
.top-mrgn-L {
	margin-top: 30px !important;
}
}
.top-mrgn-LL {
	margin-top: 90px !important;
}

/* スマートフォン(480px以下のディスプレイで見た場合のスタイル) */ 
@media screen and (max-width: 480px) {
.top-mrgn-LL {
	margin-top: 50px !important;
}
}
.btm-mrgn-S {
	margin-bottom: 20px !important;
}

/* スマートフォン(480px以下のディスプレイで見た場合のスタイル) */ 
@media screen and (max-width: 480px) {
.btm-mrgn-S {
	margin-bottom: 5px !important;
}
}
.btm-mrgn-M {
	margin-bottom: 30px !important;
}

/* スマートフォン(480px以下のディスプレイで見た場合のスタイル) */ 
@media screen and (max-width: 480px) {
.btm-mrgn-M {
	margin-bottom: 10px !important;
}
}
.btm-mrgn-L {
	margin-bottom: 50px;
}

/* スマートフォン(480px以下のディスプレイで見た場合のスタイル) */ 
@media screen and (max-width: 480px) {
.btm-mrgn-L {
	margin-bottom: 20px !important;
}
}
.m-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and (max-width: 480px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
#page {
	width: 100%;
	min-width: 320px;
}
}
.redtxt {
	color: #ff0000 !important;
}
.pinktxt {
	color: #e04183 !important;
}
.greentxt {
	color: #289d48 !important;
}
.bluetxt {
	color: #3c99b4 !important;
}
.col10 {
	float: left;
	width: 10%;
}
.col15 {
	float: left;
	width: 15%;
}
.col20 {
	float: left;
	width: 20%;
}
.col25 {
	float: left;
	width: 25%;
}
.col30 {
	float: left;
	width: 30%;
}
.col35 {
	float: left;
	width: 35%;
}
.col40 {
	float: left;
	width: 40%;
}
.col45 {
	float: left;
	width: 45%;
}
.col50 {
	float: left;
	width: 50%;
}
.col55 {
	float: left;
	width: 55%;
}
.col60 {
	float: left;
	width: 60%;
}
.col65 {
	float: left;
	width: 65%;
}
.col70 {
	float: left;
	width: 70%;
}
/*75％以上はfloatしません*/
.col75 {
	width: 75%;
}
.col80 {
	width: 80%;
}
.col90 {
	width: 90%;
}
.col95 {
	width: 95%;
}
.Lmrgn-5per {
	margin-left: 5%;
}
.Lmrgn-10per {
	margin-left: 10%;
}
.Lmrgn-20per {
	margin-left: 20%;
}
.Tmrgn-5per {
	margin-top: 5% !important;
}
.imgfix img, img.imgfix {
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
/* スマートフォン(480px以下のディスプレイで見た場合のスタイル) */ 
@media screen and (max-width: 480px) {
.col10 {
	float: left;
	width: 25%;
}
.col15 {
	float: left;
	width: 25%;
}
.col20 {
	float: left;
	width: 50%;
}
.col25 {
	float: left;
	width: 50%;
}
/*30％以上はワイド100%に*/
.col30 {
	float: none;
	width: 100%;
}
.col35 {
	float: none;
	width: 100%;
}
.col40 {
	float: none;
	width: 100%;
}
.col45 {
	float: none;
	width: 100%;
}
.col50 {
	float: none;
	width: 100%;
}
.col55 {
	float: none;
	width: 100%;
}
.col60 {
	float: none;
	width: 100%;
}
.col65 {
	float: none;
	width: 100%;
}
.col70 {
	float: none;
	width: 100%;
}
.col75 {
	float: none;
	width: 100%;
}
.col80 {
	float: none;
	width: 100%;
}
.col90 {
	float: none;
	width: 100%;
}
.col95 {
	float: none;
	width: 100%;
}
.Lmrgn-5per {
	margin-left: 0%;
}
.Tmrgn-5per {
	margin-top: 0% !important;
}
}
.pt10 {
	padding-top: 10px;
}
.pt25 {
	padding-top: 25px;
}
.pad10 {
	padding: 10px;
}
.text16-30 {
	font-size: 16px !important;
	line-height: 30px !important;
}
.text16-30 span {
	color: #f39700;
}
.textL {
	font-size: 18px;
}
.text12-28 {
	font-size: 14px;
	line-height: 28px !important;
}
.text14-28 {
	font-size: 14px;
	line-height: 28px !important;
}
.text14-34 {
	font-size: 14px;
	line-height: 34px !important;
}
.text22 {
	font-size: 22px !important;
}
.text26 {
	font-size: 26px !important;
}
.text15-36 {
	font-size: 15px;
	line-height: 36px !important;
}
@media screen and (max-width: 480px) {
.text16-30 {
	font-size: 14px !important;
	line-height: 26px !important;
}
.text14-28 {
	font-size: 13px;
	line-height: 22px !important;
}
.text14-34 {
	font-size: 14px;
	line-height: 24px !important;
}
}