@charset "UTF-8";

/* -----------------------------------------------
FileName: class.css
----------------------------------------------- */
.sp { /* sp */
	clear: both;
	display:block;
	_display:inline;
	margin: 0;
	padding: 0;
}

/* clearfix */

.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

.clearfix {display: inline-block;}

/*\*/

* html .clearfix {height: 1%}

.clearfix {display:block;}

/**/


/* Font */
.bold {
	font-weight:bold;
}

.font60 {
	font-size: 0.6em;
}

.font70 {
	font-size: 0.7em;
}

.font80 {
	font-size: 0.8em;
}

.font90 {
	font-size: 0.9em;
}

.font120 {
	font-size: 1.2em;
}

.font150 {
	font-size: 1.5em;
}

/* imemode */
.imemodeOn {
	ime-mode: active;   /* 全角モード */
}

.imemodeOff {
	ime-mode: inactive; /* 半角モード */
}

/* Etc */
.text-right{
	text-align: right;
}

.text-left{
	text-align: left;
}

.text-center{
	text-align: center;
}

.right{
	float: right;
}

.left{
	float: left
}

.clear {
	clear: both;
}

.clear2 { *zoom: 1; }
.clear2:after {
	display: block;
	clear: both;
	content: '';
}


.hiden {
	display: none;
}

.center{
	text-align: center;
}

.vam {
	vertical-align:middle;
}

.noborder {
	border:none;
}

.block {
	display:block;
}


.radiobtn,.checkbox{
	vertical-align:middle;
}

.attention {
	color:#ff0000;
}

.attention.abg {
	background:#f5f5f5;
	display:inline-block;
	padding:.3em .5em;
}


/* margin */

.mat5 {margin-top:5px;}
.mat15 {margin-top:15px;}
.mat10 {margin-top:10px;}
.mat20 {margin-top:20px;}
.mat30 {margin-top:30px;}
.mat40 {margin-top:40px;}
.mat50 {margin-top:50px;}
.mab5 {margin-bottom:5px;}
.mab5 {margin-bottom:5px;}
.mab10 {margin-bottom:10px;}
.mab15 {margin-bottom:15px;}
.mab20 {margin-bottom:20px;}
.mab30 {margin-bottom:30px;}
.mab40 {margin-bottom:40px;}
.mab50 {margin-bottom:50px;}
.mab60 {margin-bottom:60px;}
.mab70 {margin-bottom:70px;}
.mar1 {margin-right:1px;}
.mar2 {margin-right:2px;}
.mar3 {margin-right:3px;}
.mar4 {margin-right:4px;}
.mar5 {margin-right:5px;}
.mar6 {margin-right:6px;}
.mar8 {margin-right:8px;}
.mar10 {margin-right:10px;}
.mar15 {margin-right:15px;}
.mar20 {margin-right:20px;}
.mar30 {margin-right:30px;}
.mar40 {margin-right:40px;}
.mar50 {margin-right:50px;}
.mal5 {margin-left:5px;}
.mal10 {margin-left:10px;}
.mal15 {margin-left:15px;}
.mal20 {margin-left:20px;}
.mal80 {margin-left:80px;}

/* padding */
.pat5 {padding-top:5px;}
.pat15 {padding-top:15px;}
.pat10 {padding-top:10px;}
.pat20 {padding-top:20px;}
.pat30 {padding-top:30px;}
.pat40 {padding-top:40px;}
.pat50 {padding-top:50px;}
.pab5 {padding-bottom:5px;}
.pab5 {padding-bottom:5px;}
.pab10 {padding-bottom:10px;}
.pab15 {padding-bottom:15px;}
.pab20 {padding-bottom:20px;}
.pab30 {padding-bottom:30px;}
.pab40 {padding-bottom:40px;}
.pab50 {padding-bottom:50px;}
.par5 {padding-right:5px;}
.par8 {padding-right:8px;}
.par10 {padding-right:10px;}
.par15 {padding-right:15px;}
.par20 {padding-right:20px;}
.pal5 {padding-left:5px;}
.pal10 {padding-left:10px;}
.pal15 {padding-left:15px;}
.pal20 {padding-left:20px;}

.nomargin {
	margin:0 0 0 0 !important;
}

/*----------------------------------------------------------------
    delay
----------------------------------------------------------------*/

.animated.d2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.d25 {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.animated.d3 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.d35 {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}


.animated.d4 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.d45 {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.animated.d5 {
  -webkit-animation-delay: 54s;
  animation-delay: 5s;
}

.animated.d55 {
  -webkit-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.animated.d6 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

.animated.d65 {
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s;
}




/*----------------------------------------------------------------
    Buttons
----------------------------------------------------------------*/

.button2,
input.button2 {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 1.34em;
    padding: 0.5em 2em;
    border-bottom: none;
    -webkit-border-radius: 0.333em;
    -moz-border-radius: 0.333em;
    border-radius: 0.333em;
    background-color: rgba(84,87,102,1);
    color: #FFFFFF !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 1.3em !important;
    line-height: 1.714em !important;
    cursor: pointer;
	display:inline;
	white-space: nowrap;
	letter-spacing:0.1em;
	
}    

.csstransitions .button2,
.csstransitions input.button2 {
    -webkit-transition: background-color 0.3s linear, color 0.3s linear;
    -moz-transition: background-color 0.3s linear, color 0.3s linear;
    transition: background-color 0.3s linear, color 0.3s linear;
}

.button2:hover,
input.button2:hover {
    border-bottom: none;
    background-color: rgba(84,87,102,0.9);
}

.button2:active,
input.button2:active {
    box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);
}

.button2 i {
    margin-right: 0.667em;
    vertical-align: middle;
    line-height: 1em !important;
}

.button2.red,
input.button2.red {
    background-color: rgba(253,104,91,1);
}

.button2.red:hover,
input.button2.red:hover {
    background-color: rgba(253,104,91,0.9);
}

.button2.orange,
input.button2.orange {
    background-color: rgba(250,111,87,1);
}

.button2.orange:hover,
input.button2.orange:hover {
    background-color: rgba(250,111,87,0.9);
}

.button2.yellow,
input.button2.yellow {
    background-color: rgba(254,205,94,1);
}

.button2.yellow:hover,
input.button2.yellow:hover {
    background-color: rgba(254,205,94,0.9);
}

.button2.green,
input.button2.green {
    background-color: rgba(80,169,110,1);
}

.button2.green:hover,
input.button2.green:hover {
    background-color: rgba(80,169,110,1);
}

.button2.mint,
input.button2.mint {
    background-color: rgba(79,206,173,1);
}

.button2.mint:hover,
input.button2.mint:hover {
    background-color: rgba(79,206,173,0.9);
}

.button2.aqua,
input.button2.aqua {
    background-color: rgba(85,193,231,1);
}

.button2.aqua:hover,
input.button2.aqua:hover {
    background-color: rgba(85,193,231,0.9);
}

.button2.blue,
input.button2.blue {
    background-color: rgba(65,150,205,1);
}

.button2.blue:hover,
input.button2.blue:hover {
    background-color: rgba(65,150,205,0.9);
}

.button2.purple,
input.button2.purple {
    background-color: rgba(171,148,233,1);
}

.button2.purple:hover,
input.button2.purple:hover {
    background-color: rgba(171,148,233,0.9);
}

.button2.pink,
input.button2.pink {
    background-color: rgba(255,55,125,1);
}

.button2.pink:hover,
input.button2.pink:hover {
    background-color: rgba(255,55,125,0.9);
}

.button2.white,
input.button2.white {
    background-color: rgba(255,255,255,1);
    color: #545766 !important;
}

.button2.white:hover,
input.button2.white:hover {
    background-color: rgba(255,255,255,0.9);
}

.button2.grey,
input.button2.grey {
    background-color: rgba(170,178,188,1);
}

.button2.grey:hover,
input.button2.grey:hover {
    background-color: rgba(170,178,188,0.9);
}

.button2.dark-grey,
input.button2.dark-grey {
    background-color: rgba(84,87,102,1);
}

.button2.dark-grey:hover,
input.button2.dark-grey:hover {
    background-color: rgba(84,87,102,0.9);
}

.button2.transparent,
input.button2.transparent {
    border: 2px solid rgba(84,87,102,1);
    background-color: transparent;
    color: rgba(84,87,102,1) !important;
}

.button2.transparent:hover,
input.button2.transparent:hover {
    border: 2px solid rgba(84,87,102,1);
    background-color: rgba(84,87,102,1);
    color: #fff !important;
}

.button2.transparent.red,
input.transparent.button2.red {
    border: 2px solid rgba(253,104,91,1);
    color: rgba(253,104,91,1) !important;
}

.button2.transparent.red:hover,
input.button2.transparent.red:hover {
    border: 2px solid rgba(253,104,91,1);
    background-color: rgba(253,104,91,1);
    color: #fff !important;
}

.button2.transparent.orange,
input.transparent.button2.orange {
    border: 2px solid rgba(250,111,87,1);
    color: rgba(250,111,87,1) !important;
}

.button2.transparent.orange:hover,
input.button2.transparent.orange:hover {
    border: 2px solid rgba(250,111,87,1);
    background-color: rgba(250,111,87,1);
    color: #fff !important;
}

.button2.transparent.yellow,
input.transparent.button2.yellow {
    border: 2px solid rgba(254,205,94,1);
    color: rgba(254,205,94,1) !important;
}

.button2.transparent.yellow:hover,
input.button2.transparent.yellow:hover {
    border: 2px solid rgba(254,205,94,1);
    background-color: rgba(254,205,94,1);
    color: #fff !important;
}

.button2.transparent.green,
input.transparent.button2.green {
    border: 2px solid rgba(80,169,110,1);
    color: rgba(80,169,110,1) !important;
}

.button2.transparent.green:hover,
input.button2.transparent.green:hover {
    border: 2px solid rgba(80,169,110,1);
    background-color: rgba(80,169,110,1);
    color: #fff !important;
}

.button2.transparent.mint,
input.transparent.button2.mint {
    border: 2px solid rgba(79,206,173,1);
    color: rgba(79,206,173,1) !important;
}

.button2.transparent.mint:hover,
input.button2.transparent.mint:hover {
    border: 2px solid rgba(79,206,173,1);
    background-color: rgba(79,206,173,1);
    color: #fff !important;
}

.button2.transparent.aqua,
input.transparent.button2.aqua {
    border: 2px solid rgba(85,193,231,1);
    color: rgba(85,193,231,1) !important;
}

.button2.transparent.aqua:hover,
input.button2.transparent.aqua:hover {
    border: 2px solid rgba(85,193,231,1);
    background-color: rgba(85,193,231,1);
    color: #fff !important;
}

.button2.transparent.blue,
input.transparent.button2.blue {
    border: 2px solid rgba(65,150,205,1);
    color: rgba(65,150,205,1) !important;
}

.button2.transparent.blue:hover,
input.button2.transparent.blue:hover {
    border: 2px solid rgba(65,150,205,1);
    background-color: rgba(65,150,205,1);
    color: #fff !important;
}

.button2.transparent.purple,
input.transparent.button2.purple {
    border: 2px solid rgba(171,148,233,1);
    color: rgba(171,148,233,1) !important;
}

.button2.transparent.purple:hover,
input.button2.transparent.purple:hover {
    border: 2px solid rgba(171,148,233,1);
    background-color: rgba(171,148,233,1);
    color: #fff !important;
}

.button2.transparent.pink,
input.transparent.button2.pink {
    border: 2px solid rgba(234,137,191,1);
    color: rgba(234,137,191,1) !important;
}

.button2.transparent.pink:hover,
input.button2.transparent.pink:hover {
    border: 2px solid rgba(234,137,191,1);
    background-color: rgba(234,137,191,1);
    color: #fff !important;
}

.button2.transparent.white,
input.transparent.button2.white {
    border: 2px solid rgba(255,255,255,1);
    color: rgba(255,255,255,1) !important;
}

.button2.transparent.white:hover,
input.button2.transparent.white:hover {
    border: 2px solid rgba(255,255,255,1);
    background-color: rgba(255,255,255,1);
    color: #545766 !important;
}

.button2.transparent.grey,
input.transparent.button2.grey {
    border: 2px solid rgba(170,178,188,1);
    color: rgba(170,178,188,1) !important;
}

.button2.transparent.grey:hover,
input.button2.transparent.grey:hover {
    border: 2px solid rgba(170,178,188,1);
    background-color: rgba(170,178,188,1);
    color: #fff !important;
}

.button2.transparent.dark-grey,
input.transparent.button2.dark-grey {
    border: 2px solid rgba(84,87,102,1);
    color: rgba(84,87,102,1) !important;
}

.button2.transparent.dark-grey:hover,
input.button2.transparent.dark-grey:hover {
    border: 2px solid rgba(84,87,102,1);
    background-color: rgba(84,87,102,1);
    color: #fff !important;
}

.button2:hover {
	color:#fff !important;
}

	input, select, textarea {
		color: #93999a;
		font-size: 1.2em;
		font-weight: normal;
		letter-spacing: -0.025em;
		line-height: 1.75em;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(255, 255, 255, 1);
		border-radius: 6px;
		border: none;
		border: solid 1px #666;
		color: inherit;
		display:inline-block;
		outline: 0;
		padding: 0.2em 0.5em;
		text-decoration: none;
	}
	select {
		margin:0 0.3em 0 0;
		background:url(../images/arrow_down.png) right 0.5em center no-repeat #fff;
		padding: 0.2em 1.5em 0.2em 0.5em;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="url"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="url"]:focus,
		select:focus,
		textarea:focus {
			border-color: #4196CD;
			box-shadow: 0 0 0 1px #6ec7f5;
		}