@charset "UTF-8";

blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
legend { display:none;}
:focus { outline: 0;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
a img, iframe { border: none;}
ul { list-style: none;}
input, textarea, select, button { font-size: 100%; /*font-family:inherit;*/}
input, select { vertical-align:middle;}
select { margin: inherit;}
button { border: 0; padding: 0; background: transparent; /* IE6/7 */ cursor: pointer;}
a:focus { outline:none;}

html {
  /*height:100%;*/
  background-color:#fff;
  font-size: 62.5%; /* 10px想定 */
  width:100%;
  /*overflow-x:hidden;*/
  /*font-size:75%; /* 12px想定*/
  -webkit-touch-callout:none;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body { text-align:left; min-width:320px; position:relative; -webkit-text-size-adjust:100%; /*word-wrap:break-word;*/ line-height:1.7; font-size:1.4rem; width:100%;}
body * { font-size:1em; box-sizing:border-box;}
*:before,
*:after { box-sizing:border-box;}

.clear_1px { clear:both; font-size:1px; line-height:1px; height:1px;}

.positionSet1 { position:relative; overflow:hidden;}
.positionSet2 { position:absolute; overflow:hidden;}
.positionSet3 { position:relative; overflow:visible;}
.positionSet4 { position:absolute; overflow:visible;}
.positionSet1 .positionHideImg,
.positionSet2 .positionHideImg { position:absolute; left:0; top:0;}
.positionSet1 .positionText,
.positionSet2 .positionText { display:block; overflow:hidden; position:absolute; text-align:left; left:105%; top:0; width:100%; height:100%;}
.positionSet1 .positionBlock,
.positionSet2 .positionBlock { display:block; width:100%; float:left;}
.positionSet1 .positionBlock > img,
.positionSet2 .positionBlock > img { width:100%; height:auto; float:left;}

.tableFormat01 { display:table; table-layout:fixed; border-collapse:collapse;}
.tableFormat02 { display:table; table-layout:fixed; border-collapse:separate;}
.tableFormat01 .tableCell,
.tableFormat02 .tableCell { display:table-cell;}
.tableFormat01 .tableRow,
.tableFormat02 .tableRow { display:table-row;}

input { vertical-align:middle; outline:none; /*-webkit-appearance:none;*/ /*iPhoneオリジナルのinput*/ /*font-size:1.15em;*/}
input[type="submit"],
input[type="reset"],
input[type="text"] {
  -webkit-appearance:none;
  border-radius:0px;
  border-width:1px;
  border-style:solid;
  border-color:#ccc;
  padding:0;
  background-color:#fff;
}
input[type="submit"],
input[type="reset"],
label { cursor:pointer;}
/* selectを改造する時は下記記述を参考にして下さい */
select {
  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  -o-appearance:none;
  appearance:none;
  height:2.3em;
  border-radius:0px;
  border-width:1px;
  border-style:solid;
  border-color:#ccc;
  margin:0;
  cursor:pointer;
}
textarea { max-width:100%; border-color:#ccc; border-width:1px; padding-top:0.7em; padding-right:0.5em; padding-bottom:0.7em; padding-left:0.9em; line-height:1.6;}
input[type="text"] { max-width:100%;}
input[type=checkbox] { margin:0;}

a, a:hover { text-decoration:none;}
a img { /* firefox */background:url(../images/common/blank.gif) repeat left top;}
.animation a,
.animationImg a img,
.animation a:hover,
.animationImg a:hover img {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}