@charset "utf-8";

/* ===================================================================
format
=================================================================== */

/*	html
--------------------------------------------------------------------*/
html {
/* font-size指定をremで設定するための処理　1.6rem = 16px */
font-size: 62.5%;
}

/*	body
--------------------------------------------------------------------*/
body {
font-family: '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 'FontAwesome';
font-size: 1.6rem;
}

/*	a:link,a:visited,a:hover,a:active
--------------------------------------------------------------------*/
a {
color: #0068b7;
text-decoration: none;
}

a:link {
color: #0068b7;
text-decoration: none;
}

a:visited {
color: #0068b7;
}

a:hover {
text-decoration: underline;
}

a:active	{
color: #0068b7;
}

/*	img
--------------------------------------------------------------------*/
img {
display: block;
width: 100%;
height: auto;
}

/*	h
--------------------------------------------------------------------*/

/*	ul,ol
--------------------------------------------------------------------*/
ul,
ol {
list-style: none;
}

/*	table
--------------------------------------------------------------------*/
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

th,
td {
padding: .5em;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/*	movie
--------------------------------------------------------------------*/
.movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}

.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/*	form
--------------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea {
width: 100%;
padding: 0 .5em;
font-size: 1.6rem;
border: 1px solid #ddd;
border-radius: 4px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select { height: 40px; }

input[type="radio"],
input[type="check"] {
margin-right: .6em;
}

textarea { height: 120px; }

button {
display: block;
max-width: 300px;
width: 100%;
height: 50px;
margin: 0 auto;
padding: 5px 10px;
color: #000;
text-align: center;
border: 1px solid #a88734;
box-shadow: inset 0 1px 0 rgba(253, 245, 228, 1);
border-radius: 3px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6dd9c+0,f0c454+100 */
background: rgb(246,221,156); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(246,221,156) 0%, rgb(240,196,84) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(246,221,156) 0%,rgb(240,196,84) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(246,221,156) 0%,rgb(240,196,84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6dd9c', endColorstr='#f0c454',GradientType=0 ); /* IE6-9 */
}

button:hover {
cursor: pointer;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0c454+0,f6dd9c+100 */
background: rgb(240,196,84); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(240,196,84) 0%, rgb(246,221,156) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(240,196,84) 0%,rgb(246,221,156) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(240,196,84) 0%,rgb(246,221,156) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c454', endColorstr='#f6dd9c',GradientType=0 ); /* IE6-9 */
}

.btn_check {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
}

.btn_check button {
margin: 0;
}



/* ===================================================================
Layout-contents
=================================================================== */

#main {
background: #e6f3c5;
}

/*	footer
--------------------------------------------------------------------*/

/* ===================================================================
FontAwesome
=================================================================== */
.fa {}

/* ===================================================================
breadcrumb
=================================================================== */
.breadcrumb ol {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
padding: 2em 0 0;
}

.breadcrumb li:before {
content: ">";
padding: 0 0.3em 0 0.8em;
}

.breadcrumb li:first-child:before {
content: none;
}

/* ===================================================================
Pagetop
=================================================================== */
.pagetop {
position: fixed;
right: 20px;
bottom: 20px;
font-size: 77%;
}

.pagetop a {
display: block;
width: 100px;
padding: 1em 0;
text-align: center;
text-decoration: none;
color: white;
border-radius: 0.5em;
background: #666;
}

.pagetop a:hover {
text-decoration: none;
background: #999;
}