/* Add here all your css styles (customizations) */

.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:150%}
.h4,h4{font-size:112.5%}
.h5,h5{font-size:87.5%}
.h6,h6{font-size:75%}

.modal-title {font-family: Meiryo;}
.modal-body h4,h5 {font-family: Meiryo;}


.navigation .sitename{
	margin:15px 0 15px;
}

.navigation .sitename a{
	font-size: 1.6em;
	color: inherit;
}
 
.navigation i{
	font-size: 1.3em;
	color: inherit;
}
 
.navigation .navbar .navbar-inner {
	padding: 0;
}
 
.navigation .navbar .nav {
	font-family:'UD新ゴ R';
	margin: 0;
	display: table;
	width: 100%;
}
 
@media (min-width: 768px) {
.navigation .navbar .nav li {
	display: table-cell;
	float: none;
	margin-bottom:none;
}
.navbar-menu-toggle {
	position:relative;
	float:none;
}
}
@media (max-width: 991px) {
.navigation .navbar .nav li {
	display: block;
	float: none;
	margin-bottom:1px;
}
.navbar-menu-toggle {
	float:none;
	width:100%;
}
}
 
.navigation .navbar .nav li a  {
	font-size: 18px;
	text-align: center;
	border-style: none;

	margin: 0px 4px;
	padding: 15px 0px;

	color:#FFF;
	background-color:#044497;
	border-radius: 5px;
}
 
/*
.navigation .navbar .nav li:last-child a {
	border-right: 0;
	border-radius: 0 3px 3px 0;
}
*/

.header {
	font-family:'UD新ゴ R';
	font-size: 14px;
	color:#000;
}

.header a {
	color:#000;
}

.header a:hover a:focus a:active {
	color:#000;
}

.header .webstore {
	font-size: 15px;
	color:#ffffff;
	background-color:#044497;
	border-radius: 0px 0px 5px 5px;
	padding: 8px 15px;
}
.header .webstore a {
	color:#ffffff;
}

.header .lang {
	font-size: 16px;
	font-weight: bold;
	color: #044497;
	border: 2px solid #044497;
	border-color: #044497;
	border-radius: 4px;
	margin-left: 8px;
	padding: 3px 8px;
}

.btn {
	font-size:16px;
}

.navbar {
	margin-bottom: 5px;
}

img.grow {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}
img.grow:hover {
	-webkit-transform:scale(1.04,1.04);
	-moz-transform:scale(1.04,1.04);
	-ms-transform:scale(1.04,1.04);
	-o-transform:scale(1.04,1.04);
	transform:scale(1.04,1.04);
	z-index: 1;
}

/* �J���[�Z�����E�ړ��{�^�� */
.carousel-control-left {
	position:absolute;
	margin-top:auto;
	margin-bottom:auto;
	top:0;
	bottom:0;
	height:60px;
	left:-40px;
}
.carousel-control-right {
	position:absolute;
	margin-top:auto;
	margin-bottom:
	auto;top:0;
	bottom:0;
	height:60px;
	right:-40px;
}

/* �J���[�Z���\����ʁA�X�}�z/PC�؂�ւ� */
.mode_pc,.mode_sp {
	visibility:hidden;
}

.mode_pc .icon img {
	position:absolute;
	z-index:1000;
}

/* �g�b�v�ɖ߂�{�^�� */
#topback {
	display:none;
	position:fixed;
	right:0;
	/* (�Z���^�����O������ꍇ)
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	height:60px;
	*/
	bottom:	20px;
}

/* �O�������N */
.exlink {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #e2e3dd;
}

.exlink a {
	font-size: 18px;
	text-align: center;
	border-style: none;

	margin: 1px 4px;
	padding: 15px 0px;

	color:#000;
	background-color:#fff;
	border-radius: 5px;
	width:100%;
	display:inline-block;
}

.exlink a img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	right: 30px;
}


.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-primary {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
    padding-bottom: 10px;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}