@charset "UTF-8";

/*!
* creseed-UK v3.3.7-1
* Website (http://www.creseed.jp/)
* Copyright 2016 CRESEED Corp.
* Based on Bootstrap v3.3.7 (http://getbootstrap.com)
*/


/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under the MIT license
*/

body {
	/*padding-top: 70px;*/
	/*background:#fff!important;*/
	
}
.contents-wrap{
	background-image:url(../images/bk.jpg);
	background-position: bottom;
	background-repeat: repeat;
}
.theme-dropdown .dropdown-menu {
	position: static;
	display: block;
	margin-bottom: 20px;
}

.theme-showcase > p > .btn {
	margin: 5px 0;
}

.theme-showcase .navbar .container {
	width: auto;
}


/* font
------------------------------*/

html {
	font-size: 62.5%;
	position: relative;
	min-height: 100%;
}

body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #333;
	/*background-color: #fff;*/
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: inherit;
	color: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
	margin-top: 20px;
	margin-top: 2.0rem;
	margin-bottom: 10px;
	margin-bottom: 1.0rem;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top: 10px;
	margin-top: 1.0rem;
	margin-bottom: 10px;
	margin-bottom: 1.0rem;
}

h1,
.h1 {
	font-size: 26px;
	font-size: 2.6rem;
}

h2,
.h2 {
	font-size: 24px;
	font-size: 2.4rem;
}

h3,
.h3 {
	font-size: 22px;
	font-size: 2.2rem;
}

h4,
.h4 {
	font-size: 20px;
	font-size: 2.0rem;
}

h5,
.h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6,
.h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

p {
	font-size: inherit;
	font-weight: 400;
}


/*navbar
---------------------------------------*/

.navbar {
	height: 86px;
	line-height: 86px;
}

.navbar > .container,
.navbar > .container > .navbar-header,
.navbar > .container > #gnavi,
.navbar > .container > #gnavi > .nav,
.navbar >.container > #gnavi > .nav > li
{
	height: 86px;
	line-height: 86px;
}
.navbar >.container > #gnavi > .nav > li >a{
	padding: 33px 15px 33px 15px;
}

.navbar-default {
	background-color: #fff;
	border-bottom: #e7e7e7 1px solid;
	/* border-color: #e7e7e7;*/
}

.navbar-default {
	margin-bottom: -20px;
}

.navbar-default {
	background-image: none;
	background-repeat: repeat-x;
	border-radius: none;
}

.navbar-brand {
	/* float: none;*/
}
.collapse.navbar-collapse.navbar-right{
	text-align: right;
	display: block;
}

/*mainImage
---------------------------------------*/

.mainImage {
	
	margin-top: 0;
	padding: 0 0 30px;
	position:relative;
	overflow-y: hidden;
}
.doraemon{
	position: relative;
	z-index: 1;
}
.mainImage .col-xs-12{
	position: relative;
	padding-top: 30px;
}

.himawari img{
	width: 100%;
}
.flower_bg{
	position: relative;
	z-index: 1;
}
.mainImage .col-xs-12 .minion_02{
	position: absolute;
	top:240px;
	right:-120px;
	/*-webkit-animation:minion 1s infinite alternate linear;
    animation:minion 1s infinite alternate linear;*/
}
.mainImage .col-xs-12 .minion_01{
	position: absolute;
	top:200px;
	left:-120px;
	/*-webkit-animation:minion 0.8s infinite alternate linear;
    animation:minion 0.8s infinite alternate linear;*/
}
.mainImage .col-xs-12 img{
	max-width: 100%;
}

/* Generated with Bounce.js. Edit at https://goo.gl/bN3Ecs */

@-webkit-keyframes minion { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.324, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.324, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.421, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.421, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.422, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.422, 0, 1); }
  25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 7.242, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 7.242, 0, 1); }
  37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.041, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.041, 0, 1); }
  50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.685, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.685, 0, 1); }
  75.08% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.975, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.975, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); } 
}

@keyframes minion { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.324, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.324, 0, 1); }
  12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.421, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.421, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.422, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.422, 0, 1); }
  25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 7.242, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 7.242, 0, 1); }
  37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.041, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.041, 0, 1); }
  50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.685, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.685, 0, 1); }
  75.08% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.975, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 9.975, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1); } 
}






/*separate
---------------------------------------*/


.separate {
	background:#F0DEC4;
	padding: 100px 0 100px 0;
}
.element1,.element2,.element3,.element4{
	min-height: 950px;
	background-position: center;
	background-repeat: repeat-x;
	background-size:auto ;
	margin-bottom: 0;
	position: relative;
}
.element1{
	min-height: 700px;
}
/*.element1 {
	
	background-image:url(../images/bk.jpg);
	
}
.element2 {
	
	background-image:url(../images/bk.jpg);
	
}
.element3 {
	
	background-image:url(../images/bk.jpg);
	
}
.element4 {
	
	background-image:url(../images/bk.jpg);
	
}*/

.separate.noBackground {
	background: none
}

.ttl-h2{
	margin:80px auto 80px;
}
.youtube{
	padding: 50px 100px;
}

/*dlTablestyle
---------------------------------------*/
.dlTablestyle001{
	background-color: rgba(255,255,255,.8);
	border-radius: 10px;


}
.dlTablestyle001 > dl{
	border-bottom: #ccc 1px dashed;
}
.dlTablestyle001 > dl.end{
	border-bottom: none;
}
.dlTablestyle001 > dl {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 15px 10px;
}

.dlTablestyle001 > dl> dt {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 150px;
}

.dlTablestyle001 > dl> dd {
	display: table-cell;
	width: 100%;
}

.dlTablestyle001 > dl> dd>ul {
	padding: 0 0 0 1.5em;
	margin: 0;
}


/*dlTablestyle
---------------------------------------*/

.btnHkbank {
	border: 3px solid #0477c2;
	border-radius: 30px;
	box-shadow: none!important;
	width: 300px;
}

.btnHkbank:hover {
	background-color: dodgerblue;
	color: #fff;
}


/*sticky footer bootstrap
---------------------------------------*/

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 0;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 88px;
	background-color: #fff;
}

.footer >.container {
	width: auto;
	max-width: 680px;
	padding: 0 15px;
}

.footer > .container nav,
.footer > .container .text-muted {
	margin: 20px 0;
}
/*footer
---------------------------------------*/
.ftrMenu > li {
	width: 200px;
	text-align: center;
}
.ftrMenu > li > a{
	text-decoration: underline
}
/*other
---------------------------------------*/

.mgt50 {
	margin-top: 50px
}

.mgb15 {
	margin-bottom: 15px
}
.mgb30 {
	margin-bottom: 30px
}
.mgb50 {
	margin-bottom: 50px
}

.mgt100 {
	margin-top: 100px
}

.mgb100 {
	margin-bottom: 100px
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 11px;
}