@charset "UTF-8";

/* common setting (ver 3.0 Beta)
==================================================*/

	/* scroll
	------------------------------------------------*/
	html{
		overflow-y:scroll;
		font-size:62.5%;
		-ms-text-size-adjust: 100%; /* Prevent font size adjustments after orientation changes in IE and iOS. */
		-webkit-text-size-adjust: 100%;
		}

	/* css reset
	------------------------------------------------*/
	body, div, p,
	h1, h2, h3, h4, h5, h6,
	dl, dt, dd, ul, ol, li,
	table, caption,th, td,
	form, fieldset, input, textarea, select,
	pre, address, blockquote,
	embed, object,
	address, dfn,
	article, aside, canvas, figure, figcaption,
	footer, header, menu, nav, section, main,
	audio, video{margin:0px;padding:0px;}

	/* Add the correct display in IE 9-. */
	article,
	aside,
	figcaption,
	figure,
	footer,
	header,
	main, /* Add the correct display in IE. */
	menu,
	nav,
	section{display: block;}
	audio,
	canvas,
	progress,
	video{display: inline-block;}

	/* Add the correct display in iOS 4-7. */
	audio:not([controls]){display: none;height: 0;}

	/* Remove the outline when hovering in all browsers */
	:hover{outline-width: 0;}


	/* font family
	------------------------------------------------*/
	body{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700);*/
	/*font-family: Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	/*font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;*/
	}

	/* font size
	------------------------------------------------*/
		/*body*/
		body{
			color:#000000;
			background:#ffffff;
			font-size:18px; font-size:1.8rem; line-height:1.5;
		}

	/* tags base setting
	------------------------------------------------*/
		/*h*/
		h1, h2, h3,	h4, h5, h6{font-weight:bold;}

		/*p*/
		p{font-weight:normal;}

		/*em || strong*/
		em, strong{font-style:normal;font-weight:bold;}

		/*ul || ol*/
		ul, ol{list-style:none;}

		/*table*/
		table{
			border-collapse:separate;
			border-spacing:0px;
			empty-cells:show;
		}
		caption, th {
			text-align:left;
		}

		/*img*/
		img{border:0px;vertical-align: top;}

		/*form*/
		form {font-weight:normal;}

		/*input || button || textarea || select*/
		input, button, textarea, select {
			font: inherit;
			line-height: inherit;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			margin: 0;
			padding: 0;
			background: transparent;
			border: none;
			border-radius: 0;
			outline: none;
			text-transform: none;
		}
		/* Add the correct default in iOS. */
		input[type="submit"],
		input[type="button"],
		button {
			-webkit-appearance: button;
			appearance: button;
			cursor: pointer;
		}
		input[type="submit"]::-webkit-search-decoration,
		input[type="button"]::-webkit-search-decoration {
		  display: none;
		}
		input[type="submit"]::focus,
		input[type="button"]::focus {
		  outline-offset: -2px;
		}
		/* Add the correct default in firefox. */
		button::-moz-focus-inner {
		    border: 0;
		    padding: 0;
		    margin-top:-2px;
		    margin-bottom: -2px;
		}

		/*a*/
		a         {cursor:pointer;text-decoration:underline;}
		a:link    {color:#000000;}
		a:visited {color:#000000;}
		a:hover   {color:#fc0d1b;text-decoration:none;}
		a:active,
		a:focus   {color:#fc0d1b;}


/* universal class (ver 3.0 Beta)
==================================================*/

	/* display
	------------------------------------------------*/
	.sp-show{display: none !important;}
	.sp-showT {display: none !important;}
	.sp-showIB{display: none !important;}
	.sp-showI {display: none !important;}


	/* font size
	------------------------------------------------*/
	/*common setting > font size > ftMedium*/
	.ftSmallx  {font-size:12px !important; font-size:1.2rem !important; line-height:1.5 !important;}
	.ftSmall   {font-size:14px !important; font-size:1.4rem !important; line-height:1.5 !important;}
	.ftMedium  {font-size:16px !important; font-size:1.6rem !important; line-height:1.5 !important;}
	.ftLarge   {font-size:18px !important; font-size:1.8rem !important; line-height:1.5 !important;}
	.ftLargex  {font-size:20px !important; font-size:2.0rem !important; line-height:1.5 !important;}
	.ftLargexx {font-size:24px !important; font-size:2.4rem !important; line-height:1.5 !important;}

	.rwd-ftSmallx  {font-size:12px !important; font-size:1.2rem !important; line-height:1.5 !important;}
	.rwd-ftSmall   {font-size:14px !important; font-size:1.4rem !important; line-height:1.5 !important;}
	.rwd-ftMedium  {font-size:16px !important; font-size:1.6rem !important; line-height:1.5 !important;}
	.rwd-ftLarge   {font-size:18px !important; font-size:1.8rem !important; line-height:1.5 !important;}
	.rwd-ftLargex  {font-size:20px !important; font-size:2.0rem !important; line-height:1.5 !important;}
	.rwd-ftLargexx {font-size:24px !important; font-size:2.4rem !important; line-height:1.5 !important;}


	/* float clear
	------------------------------------------------*/
	.clearfix:after{
	    content:"";
	    display:block;
	    clear:both;
	}


	/* text align
	------------------------------------------------*/
	.txtAlignL {text-align:left   !important;}
	.txtAlignC {text-align:center !important;}
	.txtAlignR {text-align:right  !important;}

	.rwd-txtAlignLC {text-align:left   !important;}
	.rwd-txtAlignLR {text-align:left   !important;}
	.rwd-txtAlignCL {text-align:center !important;}
	.rwd-txtAlignCR {text-align:center !important;}
	.twd-txtAlignRL {text-align:right  !important;}
	.twd-txtAlignRC {text-align:right  !important;}


	/* vertical align
	------------------------------------------------*/
	.vAlignT {vertical-align:top    !important;}
	.vAlignM {vertical-align:middle !important;}
	.vAlignB {vertical-align:bottom !important;}

	.rwd-vAlignTM {vertical-align:top    !important;}
	.rwd-vAlignTB {vertical-align:top    !important;}
	.rwd-vAlignMT {vertical-align:middle !important;}
	.rwd-vAlignMB {vertical-align:middle !important;}
	.rwd-vAlignBT {vertical-align:bottom !important;}
	.rwd-vAlignBM {vertical-align:bottom !important;}


	/* margin set
	------------------------------------------------*/
		/*reset*/
		.margReset {margin:0px !important;}

		/*0px*/
		.margT00 {margin-top   :0px !important;}
		.margR00 {margin-right :0px !important;}
		.margB00 {margin-bottom:0px !important;}
		.margL00 {margin-left  :0px !important;}

		/*5px*/
		.margT05 {margin-top   :5px !important;}
		.margR05 {margin-right :5px !important;}
		.margB05 {margin-bottom:5px !important;}
		.margL05 {margin-left  :5px !important;}

		/*10px*/
		.margT10 {margin-top   :10px !important;}
		.margR10 {margin-right :10px !important;}
		.margB10 {margin-bottom:10px !important;}
		.margL10 {margin-left  :10px !important;}

		/*15px*/
		.margT15 {margin-top   :15px !important;}
		.margR15 {margin-right :15px !important;}
		.margB15 {margin-bottom:15px !important;}
		.margL15 {margin-left  :15px !important;}

		/*20px*/
		.margT20 {margin-top   :20px !important;}
		.margR20 {margin-right :20px !important;}
		.margB20 {margin-bottom:20px !important;}
		.margL20 {margin-left  :20px !important;}

		/*25px*/
		.margT25 {margin-top   :25px !important;}
		.margR25 {margin-right :25px !important;}
		.margB25 {margin-bottom:25px !important;}
		.margL25 {margin-left  :25px !important;}

		/*30px*/
		.margT30 {margin-top   :30px !important;}
		.margR30 {margin-right :30px !important;}
		.margB30 {margin-bottom:30px !important;}
		.margL30 {margin-left  :30px !important;}

		/*35px*/
		.margT35 {margin-top   :35px !important;}
		.margR35 {margin-right :35px !important;}
		.margB35 {margin-bottom:35px !important;}
		.margL35 {margin-left  :35px !important;}

		/*40px*/
		.margT40 {margin-top   :40px !important;}
		.margR40 {margin-right :40px !important;}
		.margB40 {margin-bottom:40px !important;}
		.margL40 {margin-left  :40px !important;}

		/*45px*/
		.margT45 {margin-top   :45px !important;}
		.margR45 {margin-right :45px !important;}
		.margB45 {margin-bottom:45px !important;}
		.margL45 {margin-left  :45px !important;}

		/*50px*/
		.margT50 {margin-top   :50px !important;}
		.margR50 {margin-right :50px !important;}
		.margB50 {margin-bottom:50px !important;}
		.margL50 {margin-left  :50px !important;}

		/*55px*/
		.margT55 {margin-top   :55px !important;}
		.margR55 {margin-right :55px !important;}
		.margB55 {margin-bottom:55px !important;}
		.margL55 {margin-left  :55px !important;}

		/*60px*/
		.margT60 {margin-top   :60px !important;}
		.margR60 {margin-right :60px !important;}
		.margB60 {margin-bottom:60px !important;}
		.margL60 {margin-left  :60px !important;}

		/*100px*/
		.margT100 {margin-top   :100px !important;}
		.margR100 {margin-right :100px !important;}
		.margB100 {margin-bottom:100px !important;}
		.margL100 {margin-left  :100px !important;}

		/*150px*/
		.margT150 {margin-top   :150px !important;}
		.margR150 {margin-right :150px !important;}
		.margB150 {margin-bottom:150px !important;}
		.margL150 {margin-left  :150px !important;}

		/*10px-rwd5px*/
		.rwd-margT10 {margin-top   :10px !important;}
		.rwd-margR10 {margin-right :10px !important;}
		.rwd-margB10 {margin-bottom:10px !important;}
		.rwd-margL10 {margin-left  :10px !important;}

		/*20px-rwd10px*/
		.rwd-margT20 {margin-top   :20px !important;}
		.rwd-margR20 {margin-right :20px !important;}
		.rwd-margB20 {margin-bottom:20px !important;}
		.rwd-margL20 {margin-left  :20px !important;}

		/*30px-rwd15px*/
		.rwd-margT30 {margin-top   :30px !important;}
		.rwd-margR30 {margin-right :30px !important;}
		.rwd-margB30 {margin-bottom:30px !important;}
		.rwd-margL30 {margin-left  :30px !important;}

		/*40px-rwd20px*/
		.rwd-margT40 {margin-top   :40px !important;}
		.rwd-margR40 {margin-right :40px !important;}
		.rwd-margB40 {margin-bottom:40px !important;}
		.rwd-margL40 {margin-left  :40px !important;}

		/*50px-rwd25px*/
		.rwd-margT50 {margin-top   :50px !important;}
		.rwd-margR50 {margin-right :50px !important;}
		.rwd-margB50 {margin-bottom:50px !important;}
		.rwd-margL50 {margin-left  :50px !important;}

		/*60px-rwd30px*/
		.rwd-margT60 {margin-top   :60px !important;}
		.rwd-margR60 {margin-right :60px !important;}
		.rwd-margB60 {margin-bottom:60px !important;}
		.rwd-margL60 {margin-left  :60px !important;}

		/*100px-rwd50px*/
		.rwd-margT100 {margin-top   :100px !important;}
		.rwd-margR100 {margin-right :100px !important;}
		.rwd-margB100 {margin-bottom:100px !important;}
		.rwd-margL100 {margin-left  :100px !important;}


	/* padding set
	------------------------------------------------*/

		/*reset*/
		.padReset {padding:0px !important;}

		/*0px*/
		.padT00 {padding-top   :0px !important;}
		.padR00 {padding-right :0px !important;}
		.padB00 {padding-bottom:0px !important;}
		.padL00 {padding-left  :0px !important;}

		/*5px*/
		.padT05 {padding-top   :5px !important;}
		.padR05 {padding-right :5px !important;}
		.padB05 {padding-bottom:5px !important;}
		.padL05 {padding-left  :5px !important;}

		/*10px*/
		.padT10 {padding-top   :10px !important;}
		.padR10 {padding-right :10px !important;}
		.padB10 {padding-bottom:10px !important;}
		.padL10 {padding-left  :10px !important;}

		/*15px*/
		.padT15 {padding-top   :15px !important;}
		.padR15 {padding-right :15px !important;}
		.padB15 {padding-bottom:15px !important;}
		.padL15 {padding-left  :15px !important;}

		/*20px*/
		.padT20 {padding-top   :20px !important;}
		.padR20 {padding-right :20px !important;}
		.padB20 {padding-bottom:20px !important;}
		.padL20 {padding-left  :20px !important;}

		/*25px*/
		.padT25 {padding-top   :25px !important;}
		.padR25 {padding-right :25px !important;}
		.padB25 {padding-bottom:25px !important;}
		.padL25 {padding-left  :25px !important;}

		/*30px*/
		.padT30 {padding-top   :30px !important;}
		.padR30 {padding-right :30px !important;}
		.padB30 {padding-bottom:30px !important;}
		.padL30 {padding-left  :30px !important;}

		/*35px*/
		.padT35 {padding-top   :35px !important;}
		.padR35 {padding-right :35px !important;}
		.padB35 {padding-bottom:35px !important;}
		.padL35 {padding-left  :35px !important;}

		/*40px*/
		.padT40 {padding-top   :40px !important;}
		.padR40 {padding-right :40px !important;}
		.padB40 {padding-bottom:40px !important;}
		.padL40 {padding-left  :40px !important;}

		/*45px*/
		.padT45 {padding-top   :45px !important;}
		.padR45 {padding-right :45px !important;}
		.padB45 {padding-bottom:45px !important;}
		.padL45 {padding-left  :45px !important;}

		/*50px*/
		.padT50 {padding-top   :50px !important;}
		.padR50 {padding-right :50px !important;}
		.padB50 {padding-bottom:50px !important;}
		.padL50 {padding-left  :50px !important;}

		/*55px*/
		.padT55 {padding-top   :55px !important;}
		.padR55 {padding-right :55px !important;}
		.padB55 {padding-bottom:55px !important;}
		.padL55 {padding-left  :55px !important;}

		/*60px*/
		.padT60 {padding-top   :60px !important;}
		.padR60 {padding-right :60px !important;}
		.padB60 {padding-bottom:60px !important;}
		.padL60 {padding-left  :60px !important;}

		/*100px*/
		.padgT100 {padding-top   :100px !important;}
		.padgR100 {padding-right :100px !important;}
		.padgB100 {padding-bottom:100px !important;}
		.padgL100 {padding-left  :100px !important;}

		/*150px*/
		.padgT150 {padding-top   :150px !important;}
		.padgR150 {padding-right :150px !important;}
		.padgB150 {padding-bottom:150px !important;}
		.padgL150 {padding-left  :150px !important;}

		/*10px-rwd5px*/
		.rwd-padT10 {padding-top   :10px !important;}
		.rwd-padR10 {padding-right :10px !important;}
		.rwd-padB10 {padding-bottom:10px !important;}
		.rwd-padL10 {padding-left  :10px !important;}

		/*20px-rwd10px*/
		.rwd-padT20 {padding-top   :20px !important;}
		.rwd-padR20 {padding-right :20px !important;}
		.rwd-padB20 {padding-bottom:20px !important;}
		.rwd-padL20 {padding-left  :20px !important;}

		/*30px-rwd15px*/
		.rwd-padT30 {padding-top   :30px !important;}
		.rwd-padR30 {padding-right :30px !important;}
		.rwd-padB30 {padding-bottom:30px !important;}
		.rwd-padL30 {padding-left  :30px !important;}

		/*40px-rwd20px*/
		.rwd-padT40 {padding-top   :40px !important;}
		.rwd-padR40 {padding-right :40px !important;}
		.rwd-padB40 {padding-bottom:40px !important;}
		.rwd-padL40 {padding-left  :40px !important;}

		/*50px-rwd25px*/
		.rwd-padT50 {padding-top   :50px !important;}
		.rwd-padR50 {padding-right :50px !important;}
		.rwd-padB50 {padding-bottom:50px !important;}
		.rwd-padL50 {padding-left  :50px !important;}

		/*60px-rwd30px*/
		.rwd-padT60 {padding-top   :60px !important;}
		.rwd-padR60 {padding-right :60px !important;}
		.rwd-padB60 {padding-bottom:60px !important;}
		.rwd-padL60 {padding-left  :60px !important;}

		/*100px-rwd50px*/
		.rwd-padT100 {padding-top   :100px !important;}
		.rwd-padR100 {padding-right :100px !important;}
		.rwd-padB100 {padding-bottom:100px !important;}
		.rwd-padL100 {padding-left  :100px !important;}

	/* roll over
	------------------------------------------------*/
	@media only screen and (min-width: 767px) {
		.rollOver{-webkit-transition:opacity .3s; transition:opacity .3s;}
		.rollOver:hover{opacity:0.7;}
	}


/*==================================================
 RWD
==================================================*/
@media only screen and (max-width: 767px) {

	/* common setting (ver 3.0 Beta)
	==================================================*/

	/* font size
	------------------------------------------------*/
		/*body*/
		body{
			font-size:12px; font-size:1.2rem; line-height:1.5;
		}

	/* universal class (ver 3.0 Beta)
	==================================================*/

		/* display
		------------------------------------------------*/
		.pc-show  {display: none !important;}

		.sp-show  {display: block !important;}
		.sp-showT {display: table !important;}
		.sp-showIB{display: inline-block !important;}
		.sp-showI {display: inline !important;}


		/* font size
		------------------------------------------------*/
		/*common setting > font size > ftMedium*/
		.rwd-ftSmallx  {font-size:10px !important; font-size:1.0rem !important; line-height:1.5 !important;}
		.rwd-ftSmall   {font-size:12px !important; font-size:1.2rem !important; line-height:1.5 !important;}
		.rwd-ftMedium  {font-size:14px !important; font-size:1.4rem !important; line-height:1.5 !important;}
		.rwd-ftLarge   {font-size:16px !important; font-size:1.6rem !important; line-height:1.5 !important;}
		.rwd-ftLargex  {font-size:18px !important; font-size:1.8rem !important; line-height:1.5 !important;}
		.rwd-ftLargexx {font-size:22px !important; font-size:2.2rem !important; line-height:1.5 !important;}


		/* text align
		------------------------------------------------*/
		.rwd-txtAlignLC {text-align:center   !important;}
		.rwd-txtAlignLR {text-align:right   !important;}
		.rwd-txtAlignCL {text-align:left !important;}
		.rwd-txtAlignCR {text-align:right !important;}
		.twd-txtAlignRL {text-align:left  !important;}
		.twd-txtAlignRC {text-align:center  !important;}


		/* vertical align
		------------------------------------------------*/
		.rwd-vAlignTM {vertical-align:middle    !important;}
		.rwd-vAlignTB {vertical-align:bottom    !important;}
		.rwd-vAlignMT {vertical-align:top !important;}
		.rwd-vAlignMB {vertical-align:bottom !important;}
		.rwd-vAlignBT {vertical-align:top !important;}
		.rwd-vAlignBM {vertical-align:middle !important;}

		/* margin set
		------------------------------------------------*/
			/*10px-rwd5px*/
			.rwd-margT10 {margin-top   :5px !important;}
			.rwd-margR10 {margin-right :5px !important;}
			.rwd-margB10 {margin-bottom:5px !important;}
			.rwd-margL10 {margin-left  :5px !important;}

			/*20px-rwd10px*/
			.rwd-margT20 {margin-top   :10px !important;}
			.rwd-margR20 {margin-right :10px !important;}
			.rwd-margB20 {margin-bottom:10px !important;}
			.rwd-margL20 {margin-left  :10px !important;}

			/*30px-rwd15px*/
			.rwd-margT30 {margin-top   :15px !important;}
			.rwd-margR30 {margin-right :15px !important;}
			.rwd-margB30 {margin-bottom:15px !important;}
			.rwd-margL30 {margin-left  :15px !important;}

			/*40px-rwd20px*/
			.rwd-margT40 {margin-top   :20px !important;}
			.rwd-margR40 {margin-right :20px !important;}
			.rwd-margB40 {margin-bottom:20px !important;}
			.rwd-margL40 {margin-left  :20px !important;}

			/*50px-rwd25px*/
			.rwd-margT50 {margin-top   :25px !important;}
			.rwd-margR50 {margin-right :25px !important;}
			.rwd-margB50 {margin-bottom:25px !important;}
			.rwd-margL50 {margin-left  :25px !important;}

			/*60px-rwd30px*/
			.rwd-margT60 {margin-top   :30px !important;}
			.rwd-margR60 {margin-right :30px !important;}
			.rwd-margB60 {margin-bottom:30px !important;}
			.rwd-margL60 {margin-left  :30px !important;}

			/*100px-rwd50px*/
			.rwd-margT100 {margin-top   :50px !important;}
			.rwd-margR100 {margin-right :50px !important;}
			.rwd-margB100 {margin-bottom:50px !important;}
			.rwd-margL100 {margin-left  :50px !important;}


		/* padding set
		------------------------------------------------*/
			/*10px-rwd5px*/
			.rwd-padT10 {padding-top   :5px !important;}
			.rwd-padR10 {padding-right :5px !important;}
			.rwd-padB10 {padding-bottom:5px !important;}
			.rwd-padL10 {padding-left  :5px !important;}

			/*20px-rwd10px*/
			.rwd-padT20 {padding-top   :10px !important;}
			.rwd-padR20 {padding-right :10px !important;}
			.rwd-padB20 {padding-bottom:10px !important;}
			.rwd-padL20 {padding-left  :10px !important;}

			/*30px-rwd15px*/
			.rwd-padT30 {padding-top   :15px !important;}
			.rwd-padR30 {padding-right :15px !important;}
			.rwd-padB30 {padding-bottom:15px !important;}
			.rwd-padL30 {padding-left  :15px !important;}

			/*40px-rwd20px*/
			.rwd-padT40 {padding-top   :20px !important;}
			.rwd-padR40 {padding-right :20px !important;}
			.rwd-padB40 {padding-bottom:20px !important;}
			.rwd-padL40 {padding-left  :20px !important;}

			/*50px-rwd25px*/
			.rwd-padT50 {padding-top   :25px !important;}
			.rwd-padR50 {padding-right :25px !important;}
			.rwd-padB50 {padding-bottom:25px !important;}
			.rwd-padL50 {padding-left  :25px !important;}

			/*60px-rwd30px*/
			.rwd-padT60 {padding-top   :30px !important;}
			.rwd-padR60 {padding-right :30px !important;}
			.rwd-padB60 {padding-bottom:30px !important;}
			.rwd-padL60 {padding-left  :30px !important;}

			/*100px-rwd50px*/
			.rwd-padT100 {padding-top   :50px !important;}
			.rwd-padR100 {padding-right :50px !important;}
			.rwd-padB100 {padding-bottom:50px !important;}
			.rwd-padL100 {padding-left  :50px !important;}

}