@charset "utf-8";

/* -----------------------------------------------

 * ブラウザ解釈値リセット＆設定ファイル

 *

 * LastUpdate : 17/03/02

----------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
  font-family: inherit; 
  font-size: 100%; 
  font-weight: inherit; 
  font-style: inherit; 
  vertical-align: baseline; 
  white-space: normal;
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0;
  background: transparent; 
  line-height: 1.5;/* base line height */
  text-align: left;
}

textarea { 
  font-family: inherit; 
  font-size: 100%; 
  font-weight: inherit; 
  font-style: inherit; 
  vertical-align: baseline; 
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0;
  background: transparent; 
  line-height: 1.5;/* base line height */
  text-align: left;
}


article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main { 
  display: block;
}
                  
ol, ul  { 
  list-style: none; 
}
blockquote, q {
  quotes: none; 
}

table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}


/* ----------------------------------------------

 * 設定をしなおす

---------------------------------------------- */
html,body {
	-webkit-text-size-adjust: 100%;
	max-height: 9999999px; 
}

body {
	margin: 0 auto;
	padding: 0 auto;
  	font-size: 17px;
  	line-height: 1.5em;
	font-family: 'Roboto',"游ゴシック Medium", "Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  	font-weight: 500;
	color: #333333;
	font-feature-settings : "pkna";
  }

.ie body {
	font-family: 'Roboto',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Helvetica,"MS Pゴシック","MS PGothic",sans-serif\9; /* IE10以下 */
}

@media all and (-ms-high-contrast: none){
  body {
	font-family: 'Roboto',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Helvetica,"MS Pゴシック","MS PGothic",sans-serif;/* IE10以上 */
  }
}

table {
	margin : 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

img {
	vertical-align: bottom;
	border: none;
}


/* ----------------------------------------------

 * アンカータグの設定

---------------------------------------------- */
a {
	outline:none;
	color: #333;
}

a:hover {
	text-decoration: none;
}


a,a:hover,a:hover img {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;
}

/*a img:hover,*/
a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}


/* ----------------------------------------------

 * 要素を左右中央寄せ

---------------------------------------------- */

.taC {
	text-align: center !important;
}

.taR {
	text-align: right !important;
}

.taL {
	text-align: left !important;
}

.txtR {
	text-align:right;
}

.posL {
	float: left;
}

.posR {
	float: right;
}

.ls0 {
	letter-spacing: 0;
}

.caption {
	font-size: 83% !important;
	letter-spacing: 0;
}

.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mt0 {
	margin-top: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.pt0 {
	padding-top: 0;
}


/* ----------------------------------------------
 * clearfix
---------------------------------------------- */
/*for IE 5.5-7*/
.clr {
	zoom: 1;
	display: inline-table;
}

/*for modern browser*/
.clr:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

* html .clr {
	height: 1%;
	display:inline-table;
	/*\*/display:block;/**/
}

/* Hides from IE-mac \*/
* html .clr {
	height: 1%;
}

.clr {
	display: block;
}
/* End hide from IE-mac */


input[type="text"],textarea,input[type="tel"],input[type="email"],input[type="password"]{
	padding:5px;
	margin:0;
	display: block;
	background: #fff;
	width: 100%;
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: inherit;
}
textarea {
	height: 10em;
}

input[type="submit"] {
  -webkit-appearance: none;
	font-family: inherit;
	font-size: inherit;
	border:none;
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	background: #b51a86;
	line-height: 1em;
	padding: 15px;
	cursor: pointer;
	border:1px solid #b51a86;

	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
input[type="submit"]:hover {
	color: #b51a86;
	background: #fff;
}


*::selection {
background: #ffe6e3;
}
*::-moz-selection {
background: #ffe6e3;
}