@charset "utf-8";

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

* DISPLAY *

================================================================================================*/
.dn {
	display: none;
}

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

* TEXT *

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

.ts-08{
	font-size: 0.8rem;
}
.ts-125{
	font-size: 1.25rem;
}
.ts-15{
	font-size: 1.5rem;
}
.ts-2{
	font-size: 2rem;
}
.ts-225{
	font-size: 2.25rem;
}
.ts-25{
	font-size: 2.5rem;
}
.ts-3{
	font-size: 3rem;
}
.ts-325{
	font-size: 3.25rem;
}
.ts-35{
	font-size: 3.5rem;
}
.ts-4{
	font-size: 4rem;
}


/*--- WEIGHT -------------------------------------------*/
.fw-100 {
	font-weight: 100;
}
.fw-200 {
	font-weight: 200;
}
.fw-300 {
	font-weight: 300;
}
.fw-400 {
	font-weight: 400;
}
.fw-500 {
	font-weight: 500;
}
.fw-600 {
	font-weight: 600;
}
.fw-700 {
	font-weight: 700;
}
.fw-800 {
	font-weight: 800;
}
.fw-900 {
	font-weight: 900;
}



/*--- POSITION -------------------------------------------*/

.t-center{/*-- textの中央寄せ --*/
	text-align: center;
}

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

* BACKGROUND *

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

.bg-normal {
	background-color: #fff;
}
.bg-light {
	background-color: #fafafa;
}

.bg-fixed {
	background-attachment: fixed;
}

/* ** */
@media only screen and (max-width: 1024px) {
.bg-fixed {
	background-attachment: scroll;
}
/* ** */}

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

* COLOR *

================================================================================================*/
.cl-main {
	color: #;
}
.cl-sub {
	color: #;
}
.cl-accent {
	color: #;
}
.bg-main {
	background-color: #;
}
.bg-sub {
	background-color: #;
}
.bg-accent {
	background-color: #;
}

/*--- SNS COLOR -------------------------------------------*/
.cl-fb {
	color: #3b5998;
}
.cl-tw {
	color: #1DA1F2;
}
.cl-go {
	color: #DB4437;
}
.cl-li {
	color: #00B900;
}
.cl-in {
	color: #c13584;
}
.cl-po {
	color: #ef4056;
}


/*--- SNS BG COLOR -------------------------------------------*/
.bg-fb {
	background-color: #3b5998;
}
.bg-tw {
	background-color: #1DA1F2;
}
.bg-go {
	background-color: #DB4437;
}
.bg-li {
	background-color: #00B900;
}
.bg-in {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.bg-po {
	background-color: #ef4056;
}


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

* SHADOW *

================================================================================================*/
.shadow01 {
	box-shadow: 0 2px 5px -1px rgba(10,10,10,0.25);
}
.shadow02 {
	box-shadow: 0 7px 15px -3px rgba(10,10,10,0.25);
}
.shadow03 {
	box-shadow: 0 21px 27px -7px rgba(10,10,10,0.2)
}
.shadow04 {
	box-shadow: 0 33px 40px -10px rgba(10,10,10,0.2);
}
.shadow05 {
	box-shadow: 0 45px 45px -15px rgba(10,10,10,0.2);
}

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

* PADDING *

================================================================================================*/
.p05{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.p1{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.p2{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.p3{/*-- content上下のpadding --*/
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.p4{/*-- content上下のpadding --*/
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.p5{/*-- content上下のpadding --*/
	padding-top: 5rem;
	padding-bottom:  5rem;
}
.p6{/*-- content上下のpadding --*/
	padding-top: 6rem;
	padding-bottom:  6rem;
}
.p10{/*-- content上下のpadding --*/
	padding-top: 10rem;
	padding-bottom:  10rem;
}


/*-- top --*/
.pt1{
	padding-top: 1rem;
}
.pt2{
	padding-top: 2rem;
}
.pt3{
	padding-top: 3rem;
}
.pt4{
	padding-top: 4rem;
}
.pt5{
	padding-top: 5rem;
}
.pt6{
	padding-top: 6rem;
}
.pt10{
	padding-top: 10rem;
}

/*-- bottom --*/
.pb1{
	padding-bottom: 1rem;
}
.pb2{
	padding-bottom:  2rem;
}
.pb3{
	padding-bottom:  3rem;
}
.pb4{
	padding-bottom: 4rem;
}
.pb5{
	padding-bottom:  5rem;
}
.pb6{
	padding-bottom:  6rem;
}
.pb10{
	padding-bottom: 10rem;
}
/*================================================================================================

* MARGIN *

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

/*-- top --*/
.mt05{
	margin-top: 0.5rem;
}
.mt1{
	margin-top: 1rem;
}
.mt2{
	margin-top: 2rem;
}
.mt3{
	margin-top: 3rem;
}
.mt4{
	margin-top: 4rem;
}
.mt5{
	margin-top: 5rem;
}
.mt6{
	margin-top: 6rem;
}
.mt7{
	margin-top: 7rem;
}
.mt8{
	margin-top: 8rem;
}
.mt9{
	margin-top: 9rem;
}
.mt10{
	margin-top: 10rem;
}
/*-- bottom --*/
.mb05{
	margin-bottom: 0.5rem;
}
.mb1{
	margin-bottom: 1rem;
}
.mb2{
	margin-bottom: 2rem;
}
.mb3{
	margin-bottom: 3rem;
}
.mb4{
	margin-bottom: 4rem;
}
.mb5{
	margin-bottom: 5rem;
}
.mb6{
	margin-bottom: 6rem;
}
.mb7{
	margin-bottom: 7rem;
}
.mb8{
	margin-bottom: 8rem;
}
.mb9{
	margin-bottom: 9rem;
}
.mb10{
	margin-bottom: 10rem;
}
/*================================================================================================

* HR *

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

hr {
	border-top: 1px solid #ddd;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

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

* BG - overlay *

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


.bg-black9{
	background: rgba(0,0,0,.9);
}
.bg-black8{
	background: rgba(0,0,0,.8);
}
.bg-black7{
	background: rgba(0,0,0,.7);
}
.bg-black6{
	background: rgba(0,0,0,.6);
}
.bg-black5{
	background: rgba(0,0,0,.5);
}
.bg-black4{
	background: rgba(0,0,0,.4);
}
.bg-black3{
	background: rgba(0,0,0,.3);
}
.bg-black2{
	background: rgba(0,0,0,.2);
}
.bg-black1{
	background: rgba(0,0,0,.1);
}

.bg-white9{
	background: rgba(255,255,255,.9);
}
.bg-white8{
	background: rgba(255,255,255,.8);
}
.bg-white7{
	background: rgba(255,255,255,.7);
}
.bg-white6{
	background: rgba(255,255,255,.6);
}
.bg-white5{
	background: rgba(255,255,255,.5);
}
.bg-white4{
	background: rgba(255,255,255,.4);
}
.bg-white3{
	background: rgba(255,255,255,.3);
}
.bg-white2{
	background: rgba(255,255,255,.2);
}
.bg-white1{
	background: rgba(255,255,255,.1);
}

/*================================================================================================
* over lay *
================================================================================================*/

.ovl-black1 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/01.png);
}
.ovl-black2 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/02.png) repeat;
}
.ovl-black3 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/03.png) repeat;
}
.ovl-black4 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/04.png) repeat;
}
.ovl-black5 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/05.png) repeat;
}
.ovl-black6 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/06.png) repeat;
}
.ovl-black7 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/07.png) repeat;
}
.ovl-black8 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/08.png) repeat;
}
.ovl-black9 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/09.png) repeat;
}
.ovl-black10 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/010.png) repeat;
}
.ovl-black11 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/11.png) repeat;
	z-index: 10px;
}
.ovl-black12 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/12.png) repeat;
}
.ovl-black13 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/13.png) repeat;
}
.ovl-black14 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/14.png) repeat;
}
.ovl-black15 {
	width: 100%;
	height: 100%;
	background: url(overlays/black/15.png) repeat;
}

.ovl-white0 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/00.png) repeat;
}
.ovl-white1 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/01.png) repeat;
}
.ovl-white2 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/02.png) repeat;
}
.ovl-white3 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/03.png) repeat;
}
.ovl-white4 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/04.png) repeat;
}
.ovl-white5 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/05.png) repeat;
}
.ovl-white6 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/06.png) repeat;
}
.ovl-white7 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/07.png) repeat;
}
.ovl-white8 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/08.png) repeat;
}
.ovl-white9 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/09.png) repeat;
}
.ovl-white10 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/010.png) repeat;
}
.ovl-white11 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/11.png) repeat;
}
.ovl-white12 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/12.png) repeat;
}
.ovl-white13 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/13.png) repeat;
}
.ovl-white14 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/14.png) repeat;
}
.ovl-white15 {
	width: 100%;
	height: 100%;
	background: url(overlays/white/15.png) repeat;
}

.overlay_net {
	width: 100%;
	height: 100%;
	background: url(overlays/net.png) repeat;
}
/* ** */
@media only screen and (max-width: 1024px) {
/* ** */}

@media only screen and (max-width: 768px) {
.r_border{
	border-right:0px solid rgba(255,255,255,1);
	border-left:0px solid rgba(255,255,255,1);
	border-top:2px solid rgba(255,255,255,1);
	border-bottom:2px solid rgba(255,255,255,1);
}
/* ** */}

@media only screen and (max-width: 480px) {
/* ** */}