/* 入力フォーム ============================== */
@charset "utf-8";

@import "reset.css";



/* 全体 ============================== */
body {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.6;
}

::selection { background: #ffcccc; color: red; } /* Safari */
::-moz-selection { background: #ffcccc; color: red; } /* Firefox */



/* テキスト ============================== */
.txtB { font-weight: bold; }
.txtNor { font-weight: normal; }

.txtFontR { font-family: 'Asap', sans-serif; font-weight: 400; }
.txtFontB { font-family: 'Asap', sans-serif; font-weight: 700; }
.txtHand { font-family: 'Give You Glory', cursive; }

.txtXXL { font-size: 180%; }
.txtXL { font-size: 144%; }
.txtL { font-size: 115%; }
.txtS { font-size: 90%; }
.txtXS { font-size: 80%; }

.txtRed { color: red; }
.txtRedB { color: red; font-weight: bold; }
.txtGrey { color: #666; }
.txtLightGrey { color: #999; }
.txtWhite { color: white; }



/* リンク ============================== */
a { color: red; }
a:hover { text-decoration: none; }

a.linkW { color: white; }
a.linkB { color: black; }
a.linkB:hover { color: red; }

a.linkArrow { background: url(../images_cmn/btn_arrow16_red.png) left center no-repeat; padding-left: 20px; }

a.btn { display: inline-block; background: black url(../images_cmn/btn_arrow24.png) 10px 50% no-repeat; border-radius: 10px; padding: 8px 15px 8px 44px; text-decoration: none; line-height: 1.25; color: white; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); }
a.btn:hover { background-color: red; }
a.btn:active { color: black; box-shadow: 0 0 5px rgba(0,0,0,0.3); }

a.btn_arrowR { display: inline-block; background: black url(../images_cmn/btn_arrow24.png) 96% 50% no-repeat; border-radius: 10px; padding: 8px 38px 8px 15px; text-decoration: none; line-height: 1.25; color: white; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); }
a.btn_arrowR:hover { background-color: red; }
a.btn_arrowR:active { color: black; box-shadow: 0 0 5px rgba(0,0,0,0.3); }

a img.pic { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }
a img.pic:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -ms-filter: "alpha(opacity=70)"; }

input.btn { color: white; background-color: black; border: none; line-height: 1; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); cursor: pointer; }
input.btn:hover { background-color: red; }
input.btn:active { color: black; box-shadow: 0 0 5px rgba(0,0,0,0.3); }
input.btnL { border-radius: 7px; font-size: 160%; letter-spacing: 0.15em; padding: 15px 30px; }
input.btnS { border-radius: 5px; font-size: 128%; letter-spacing: 0.15em; padding: 10px 15px; margin-right: 20px; }

a.boxDownW { border: solid 1px white; display: inline-block; background: url(../images_cmn/btn_arrow_down_w24.png) 96% 48%/14px 8px no-repeat; padding: 6px 30px 4px 10px; text-decoration: none; line-height: 1; color: white; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }
a.boxDownW:hover { background-color: black; }



/* 入力フォーム ============================== */
input.blackBtn { color: white; background-color: black; border: none; border-radius: 7px; font-size: 200%; letter-spacing: 0.15em; padding: 15px 30px; line-height: 1; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); cursor: pointer; }
input.blackBtn:hover { background-color: red; }
input.blackBtn:active { color: black; box-shadow: 0 0 5px rgba(0,0,0,0.3); }

input.btnS { font-size: 150%; letter-spacing: 0.05em; padding: 10px 20px; }



/* PAGE UP!!! ============================== */
#page-top { position: fixed; /* bottom: 4em; */ right: 0; z-index: 100; }
#page-top a { background: rgba(0, 0, 0, 0.6) url(../images_cmn/pageup.png) 50% 50% no-repeat; width: 48px; height: 48px; display: block; border-radius: 4px 0 0 4px; box-shadow: -2px 2px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform:translate2d(0, 0, 0); -webkit-backface-visibility:hidden; }
#page-top a:hover { background: rgba(255, 0, 0, 0.6) url(../images_cmn/pageup.png) 50% 40% no-repeat; box-shadow: -2px 2px 4px rgba(0,0,0,0.3); }