@charset "utf-8";
/*-------------------------------------------------
# リセット
-------------------------------------------------*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;

/*追記*/
    list-style:none;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
th,td {
	text-align:left; vertical-align:top;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
	background:#ccc;
    border:none;   
    margin:1em 0;
    padding:0;
	overflow:hidden;
}
 
input, select {
    vertical-align:middle;
}

/*-------------------------------------------------
フォーム
-------------------------------------------------*/
/*プラットフォーム独自の装飾を解除*/
/**{-webkit-appearance: none;}*/

label{cursor:pointer;}legend{display:none;}
input,select,textarea{font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
input,button,textarea{color: #333333; padding:7px 10px; vertical-align:middle; margin:1px 0; box-sizing: border-box;}
input[type="text"],input[type="password"],input[type="file"],textarea, select{
color: #333333;	 padding: 7px 10px; vertical-align: middle; margin:1px 0;
display: inline-block; background-color:#fff; border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; border-radius: 3px;
-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="file"]:focus,textarea:focus, select:focus{
border-color:#75B9F0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none;}
input[type="submit"],button[type="submit"]{ cursor: pointer;}
input[type="checkbox"],input[type="radio"]{}

/*ラベル*/
form label{ display:inline-block; border:1px solid #ddd; padding: 3px 10px; margin:3px 6px 3px 0; border-radius:3px; background:linear-gradient( to bottom , #fff , #eee);-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
form label:hover{border-color:#75B9F0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);}
/*-------------------------------------------------
クリア
-------------------------------------------------*/
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{min-height: 1px;}.clear{clear:both;}

/*-------------------------------------------------
アイフレーム
-------------------------------------------------*/
iframe{ max-width:100% !important;}