/*!
 * Start Bootstrap - Stylish Portfolio (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

@font-face {
    font-family:Ryumin_Bold_KL;
    src: url(../fonts/Ryumin_Bold_KL.eot);
    src: url(../fonts/Ryumin_Bold_KL7#iefix) format("embedded-opentype"),/*ie6-8*/
         url(../fonts/Ryumin_Bold_KL.woff) format("woff"),/*Firefox,Chrome,Opera,IE9*/
         url(../fonts/Ryumin_Bold_KL.otf) format("truetype");/*safari*/
}

/* Bootstrap‚̃Kƒ^�[•�‚ð’²�®‚·‚邽‚߂̔ėpCSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font: 300 16px/1.8 "Noto Sans Japanese", sans-serif;
    overflow-x:hidden;
}

a {
    color: #FF6F00;
}

a:focus, a:hover {
    color: #CC0000;
    text-decoration: none;
}

ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

h2 {
	font-size: 30px; color: #333;
	font-family:'Ryumin_Bold_KL',"Times New Roman", "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", serif;
	font-weight: 700;
	-webkit-text-size-adjust: 120%;
	-moz-text-size-adjust: 120%;
	-ms-text-size-adjust: 120%;
	-o-text-size-adjust: 120%;
	text-size-adjust: 120%;
	line-height:1.5;
	margin:0 auto 20px;
	}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;
}

.lead0{
	line-height:1.8;
	font-size:20px;
}

.lead{
	line-height:1.8;
	font-size:24px;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    transform: translateX(250px);
    overflow-y: auto;
    background: #222;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: auto;
    text-align:center;
    background: url(../img/header.jpg) no-repeat center center scroll;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;*/
}

/* Suisen */

.suisen {
    padding: 30px 10px;
    background: #F1F1E3;
}

.header2 {
    display: table;
    position: relative;
    width: 100%;
    height: auto;
    text-align:center;
    background: url(../img/campaigntop.jpg) no-repeat center center scroll;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;*/
}

/* bonus */

.bonus {
    padding: 30px 10px;
}

.bgsky{
    background: url(../img/sky.jpg) no-repeat top center scroll;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;*/
}

/* Services */

.services {
    padding: 50px 0;
    background: #F3F3E6;
}

.service-item {
    margin-bottom: 30px;
}

.message {
    padding: 30px 0;
}

/* Callout */

.profile {
    display: table;
    width: 100%;
    background: #fff1f3;
    border-top: 2px dashed #EF5350;
    border-bottom: 2px dashed #EF5350;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;*/
}

.profile hr.divider{
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
    background:#FBFBF7;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

.present-sub{
	font-weight:700;
	font-size:24px;
}

.present-ol{
	font-weight:700;
	font-size:30px;
	color:#C00;
}

.title {
	background-color: #c1272d;
    padding: 30px 10px;
}

.title h3 {
    text-align: center;
    color: #FFF;
    font-size: 40px;
    font-weight: bold;
}

.title h3 span {
    color: #FF0;
}

.title2 {
	background-color: #c1272d;
    padding: 30px 10px;
}
.title2 h3 {
	font-size: 40px;
	font-weight: 700;
    color: #FFF;
	text-align: center;
	background-image: url(../img/free.png);
	background-position: 100px center;
	background-repeat: no-repeat;
	line-height: 1.4em;
	padding-left: 40px;
	max-width: 970px;
	margin: 0 auto;
}

.title2 h3 span {
    color: #FF0;
}


.ez-area {
    margin: 0 auto 30px;
    border: 8px solid #e6e6e6;
    padding: 40px 50px;
    background: url(../img/bg_houganshi.gif) repeat center center scroll;
}

.ez-area dl {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #222;
}

.ez-area dt {
  float:left;
  width:60px;
}
.ez-area dd {
 margin-left : 60px;
 margin-bottom:30px;
 font-size:90%;
}

.ez-area dt span {
    background-color: #c1272d;
    color: #FFF;
    padding: 6px;
    display: inline-block;
    margin-right: 9px;
    font-size: 30px;
    font-weight: bold;
}

.intro{
    background: #F3F3E6;
}

.intro-area {
    margin: 0 auto 30px;
    border: 8px solid #e6e6e6;
    padding: 40px 50px;
    background: url(../img/bg_houganshi.gif) repeat center center scroll;
}

.intro dl dt {
    background-color: #FE6001;
    color: #FFF;
    padding: 10px;
    font-size: 20px;
    margin-bottom: 20px;
}

.intro dl dt span {
    background: #C00;
    padding: 0 10px;
    display: inline-block;
    margin-right: 10px;
}

.intro dl dd {
    font-size: 18px;
    margin-bottom: 30px;
}

.ps{
    padding: 30px 0;
}

/* Map */

.map {
    height: 500px;
}

@media(max-width:768px) {

.bonus h2{
	font-size:24px;
}

.lead0{
	line-height:1.8;
	font-size:18px;
}

.lead{
	line-height:1.8;
	font-size:18px;
}

#cta h2{
	font-size:20px;
}

.present-sub{
	font-size:16px;
}

.present-ol{
	font-weight:700;
	font-size:18px;
	color:#C00;
}

.title h3 {
    text-align: center;
    color: #FFF;
    font-size: 27px;
    font-weight: bold;
}

.title2 h3 {
    font-size: 27px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    background-image:none;
    line-height: 1.5em;
    padding-left: 0px;
}

.ez-area {
	padding:20px;
}

.ez-area dl {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #222;
}

.intro-area {
	padding:20px;
}

.intro dl dt{
    font-size: 18px;
}

.intro dl dd{
    font-size: 16px;
}


    .map {
        height: 75%;
    }

}

.map iframe {
    pointer-events: none;
}

/* Footer */

footer {
    padding: 70px 0;
}

footer a {
    color: #77B75C;
}

footer a:focus,footer a:hover {
    color: #589140;
}


#to-top {
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
}