@charset "utf-8";

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

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

 *

 * LastUpdate : 17/02/10

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

/* 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;
  letter-spacing: 0.2px;
}

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: none;*/
}

body {
	margin: 0 auto;
	padding: 0 auto;
  	font-size: 15px;
  	line-height: 1.2em;
	font-family: "游ゴシック Medium", "Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
}
@media only screen and ( max-width : 414px ) {
	body {
		font-size: 13px;
	}
}

/*p,li,td,th,h1,h2,h3,h4,h5,h6 {
	line-height: 1.5em;
}*/

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

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


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

 * アンカータグの設定

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

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;
}
.mt0 {
	margin-top: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}


/* ----------------------------------------------
 * 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"]{
  padding:10px;
  border: 1px solid #aaa;
  margin:0!important;
  display: block;
  border-radius:  5px;
  -webkit-border-radius: 5px ;
  -moz-border-radius:  5px ;
  font-size:108%;
  background: #eee;
  border: none;
}
textarea {
	height: 10em;
	resize: vertical;
}
input[type="submit"] {
  -webkit-appearance: none;
}
/* ボタンリセット */
button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

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