@charset "UTF-8";

html {-webkit-text-size-adjust: 100%; }

body{
color: #695835;
line-height: 1.6;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Arial,Helvetica,sans-serif;
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

h1,h2,h3,h4,h5{ font-size: 100%; font-weight: normal; }
ul, ol{ list-style-type: none; }
img{ vertical-align: bottom; }
address{ font-style: normal; }
section{ display: block;}

a{ color: #3b81ca; }
a img,:link img,:visited img { border: none; }
a:hover{ opacity: 0.7; filter: alpha(opacity=70); }
a::before,
a::after{
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
a,
a::before,
a::after{
    -webkit-transition: all .3s;
    transition: all .3s;
}

.pkg:after, #container:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #container { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #container { height: 1%; }
.pkg, #container { display: block; }
/* */

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }

button.btnSubmit{
background: #e75279;
border: 2px solid #de466e;
color: #fff;
padding: .25em .4em .25em .55em;
letter-spacing: .2em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
vertical-align: middle;
}
input{
font-size: .85em;
border: 1px solid #d1c5a6;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
padding: .3em;
}
button.btnSubmit:hover{
background: #ef7192;
border: 2px solid #e76587;
}

.btn a{
position: relative;
display: inline-block;
text-decoration: none;
text-align: center;
color: #fff;
padding: .5em 1em .35em 1em;
-webkit-transition: none;
transition: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
-webkit-border-radius: .4em;
-moz-border-radius: .4em;
border-radius: .4em;
/*background-color: #f7d034;*/
/*box-shadow: 0 6px 0 #f7ba59;*/
}
.btn a:hover{
top: 3px;
box-shadow: none;
opacity: 1.0;
filter: alpha(opacity=100); 
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
/*box-shadow: 0 3px 0 #f7ba59;*/
}
#flow{
border-bottom: 2px solid #fff5f5;
color: #ffc1c1;
padding: .2em 0;
}
#flow ul li{
display: inline;
font-size: .8em;
before: '>';
}
#flow ul li:before{
content: '>';
margin: 0 .4em;
vertical-align: middle;
}
#flow ul li .before{
margin: 0 .4em;
vertical-align: middle;
}
#flow ul li:first-child{
before: '';
}
#flow ul li:first-child:before{
content: '';
margin-left: -.4em;
}
#flow ul li:first-child .before{
margin-left: -.4em;
}
#flow ul li a{
color: #ffc1c1;
text-decoration: none;
}
#flow ul li a:hover{
text-decoration: underline;
}

.kome{
text-indent: -1em;
margin-left: 1em;
}
.red{
color: #e75279;
}

.ml8{margin-left: 8px; }
.ml14{margin-left: 14px; }
.ml16{margin-left: 16px; }
.ml20{margin-left: 20px; }
.ml24{margin-left: 24px; }
.ml32{margin-left: 32px; }
.ml40{margin-left: 40px; }

.mr8{margin-right: 8px; }
.mr14{margin-right: 14px; }
.mr16{margin-right: 16px; }
.mr20{margin-right: 20px; }
.mr24{margin-right: 24px; }
.mr32{margin-right: 32px; }
.mr40{margin-right: 40px; }

.mt8{margin-top: 8px; }
.mt14{margin-top: 14px; }
.mt16{margin-top: 16px; }
.mt20{margin-top: 20px; }
.mt24{margin-top: 24px; }
.mt32{margin-top: 32px; }
.mt40{margin-top: 40px; }

.mb8{margin-bottom: 8px; }
.mb14{margin-bottom: 14px; }
.mb16{margin-bottom: 16px; }
.mb20{margin-bottom: 20px; }
.mb24{margin-bottom: 24px; }
.mb32{margin-bottom: 32px; }
.mb40{margin-bottom: 40px; }


/* WebFont ----------------------------------------------------------------- */
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?-nmymzx');
src:url('../fonts/icomoon.eot?#iefix-nmymzx') format('embedded-opentype'),
url('../fonts/icomoon.woff?-nmymzx') format('woff'),
url('../fonts/icomoon.ttf?-nmymzx') format('truetype'),
url('../fonts/icomoon.svg?-nmymzx#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-blank:after {
content: "\e601";
margin-left: .2em;
}
.icon-arrow:before {
content: "\e600";
font-size: .75em;
}