html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 300px;  /* Margin bottom by footer height */
	font-family: "メイリオ", sans-serif;
	font-weight: 500;
}

/* ============================== 位置調整用 ============================== */

.mt0{margin-top: 0;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mb0{margin-bottom: 0;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}

@media (min-width: 768px){
	.lead{font-size: 16px;
	line-height: 1.6}
}
@media (max-width: 767px){
	.banner img,
	.mochu img,
	.nenga01 img,
	.nenga02 img{margin-bottom: 20px;}
	h2 small{display: none;}
}
/*溝幅 10pxの場合*/
.gutter-10{
margin-left:-5px;
margin-right:-5px;
}
.gutter-10 > [class*='col-'] {
padding-left:5px;
padding-right:5px;
}

.carousel-control.right,
.carousel-control.left{
	background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
}

/* ============================== 区切り線 ============================== */
.kugiri-line{
	margin-top: 50px;
	margin-bottom: 30px;
	height: 1px;
	background-color: #efefef;
	border: none;
}

/* ============================== h2,h3修飾 ============================== */
h2{
	padding:10px 0;
	margin-bottom: 20px;
	border-bottom: 2px solid #666666;
}
h2 small{
	margin-left: .6em;
}
h2.mochu{
	text-indent: 55px;	
	border-bottom: 2px solid #a1bfdd;
	color: #7e96ad;
	background:url(../img/icon_h2_mochu01.png) no-repeat;
	background-size:contain;
}
h2.nenga01{
	text-indent: 55px;	
	border-bottom: 2px solid #f0c030;
	color: #dca604;
	background:url(../img/icon_h2_nenga01.png) no-repeat;
	background-size:contain;
}
h2.nenga02{
	text-indent: 55px;	
	border-bottom: 2px solid #f0c030;
	color: #dca604;
	background:url(../img/icon_h2_nenga02.png) no-repeat;
	background-size:contain;
}
h2.qanda{
	text-indent: 55px;	
	border-bottom: 2px solid #f0c030;
	color: #dca604;
	background:url(../img/icon_h2_question.png) no-repeat;
	background-size:contain;
}
h2.price{
	text-indent: 55px;	
	border-bottom: 2px solid #f0c030;
	color: #dca604;
	background:url(../img/icon_h2_price.png) no-repeat;
	background-size:contain;
}
h2.iphone{
	text-indent: 55px;	
	border-bottom: 2px solid #f0c030;
	color: #dca604;
	background:url(../img/icon_h2_iphone.png) no-repeat;
	background-size:contain;
}
h2.tokkyu{
	text-indent: 55px;	
	border-bottom: 2px solid #ff0000;
	color: #dca604;
	background:url(../img/icon_h2_tokkyu.png) no-repeat;
	background-size:contain;
}

@media (max-width: 400px){
	h2.qanda{font-size: 24px;}
}
h3.h3line{
	padding-bottom: 10px;
	border-bottom: 1px solid #f0c030;
	color: #dca604;
}

h3.h3line-mochu{
	padding-bottom: 10px;
	border-bottom: 1px solid #a1bfdd;
	color: #7e96ad;
}


/* ============================== navbar ============================== */

.navbar-default {
	border-color: #e02020;
}
.navbar-mochu {
	border-color: #5a90c6;
}
@media (min-width: 768px){
	body { padding-top: 90px; }
	.navbar-default {
		margin-bottom: 0;
	}
	.navbar-mochu {
		margin-bottom: 0;
	}
	.navbar-wrapper .navbar {
		border-radius: 0px;
	}
	.navbar-nav>li>a {
		padding: 10px 15px;
	}
	.navbar-default .navbar-header {
		float: none;
		border-bottom: 1px solid #f0c030;
	}
	.navbar-mochu .navbar-header {
		float: none;
		border-bottom: 1px solid #5a90c6;
	}
	.navbar-brand{
		height: 50px;
		padding: 5px 15px;
		font-size: 18px;
		line-height: 40px;
	}
	.navbar-brand img{height:40px;}
}
@media (max-width: 767px){
	body { padding-top: 50px; }
	.navbar-brand{padding: 5px;}
	.navbar-brand img{height:40px;}
}
.navbar-wrapper .navbar {
		padding-right: 0;
		padding-left: 0;
}

/* ============================== navber 年賀色 ============================== */
.dropdown-header{color: #fff}
.navbar-default {
	background-color: #e02020;
	background-image: url(../img/header-pattern01.png);
	background-size: 10%;
}

.navbar-default .navbar-brand {
	color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #ffffff;
}
.navbar-default .navbar-text {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: #f0c030;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
	background-color: #e02020;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color: #f0c030;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
	background-color: #f0c030;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ffffff;
	background-color: #f0c030;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #f0c030;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #f0c030;
}
.navbar-default .navbar-toggle {
	border-color: #f0c030;
	background-color: #f0c030;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #f0c030;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #ffffff;
}
.navbar-default .navbar-link {
	color: #ffffff;
}
.navbar-default .navbar-link:hover {
	color: #ffffff;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ffffff;
		background-color: #f0c030;
	}
}

/* ============================== navber 喪中色 ============================== */

.navbar-mochu {
	background-color: #a1bfdd;
	background-size: 10%;
}
.navbar-mochu .navbar-brand {
	color: #ffffff;
}
.navbar-mochu .navbar-brand:hover,
.navbar-mochu .navbar-brand:focus {
	color: #ffffff;
}
.navbar-mochu .navbar-text {
	color: #ffffff;
}
.navbar-mochu .navbar-nav > li > a {
	color: #ffffff;
}
.navbar-mochu .navbar-nav > li > a:hover,
.navbar-mochu .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: #5a90c6;
}
.navbar-mochu .navbar-nav > li > .dropdown-menu {
	background-color: #a1bfdd;
}
.navbar-mochu .navbar-nav > li > .dropdown-menu > li > a {
	color: #ffffff;
}
.navbar-mochu .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-mochu .navbar-nav > li > .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color: #5a90c6;
}
.navbar-mochu .navbar-nav > li > .dropdown-menu > li.divider {
	background-color: #5a90c6;
}
.navbar-mochu .navbar-nav .open .dropdown-menu > .active > a,
.navbar-mochu .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-mochu .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ffffff;
	background-color: #5a90c6;
}
.navbar-mochu .navbar-nav > .active > a,
.navbar-mochu .navbar-nav > .active > a:hover,
.navbar-mochu .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #5a90c6;
}
.navbar-mochu .navbar-nav > .open > a,
.navbar-mochu .navbar-nav > .open > a:hover,
.navbar-mochu .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #5a90c6;
}
.navbar-mochu .navbar-toggle {
	border-color: #5a90c6;
	background-color: #5a90c6;
}
.navbar-mochu .navbar-toggle:hover,
.navbar-mochu .navbar-toggle:focus {
	background-color: #5a90c6;
}
.navbar-mochu .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-mochu .navbar-collapse,
.navbar-mochu .navbar-form {
	border-color: #ffffff;
	background-color: #a1bfdd;
	width: 100%;
}
.navbar-mochu .navbar-link {
	color: #ffffff;
}
.navbar-mochu .navbar-link:hover {
	color: #ffffff;
}

@media (max-width: 767px) {
	.navbar-mochu .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	.navbar-mochu .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-mochu .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
	}
	.navbar-mochu .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-mochu .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-mochu .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ffffff;
		background-color: #5a90c6;
	}
}

/* ============================== navber 喪中白背景 ============================== */

.navbar-mochu-white {
	background-color: #fff;
	background-size: 10%;
}
.navbar-mochu-white .navbar-brand {
	color: #ffffff;
}
.navbar-mochu-white .navbar-brand:hover,
.navbar-mochu-white .navbar-brand:focus {
	color: #ffffff;
}
.navbar-mochu-white .navbar-text {
	color: #ffffff;
}
.navbar-mochu-white .navbar-nav > li > a {
	color: #ffffff;
}
.navbar-mochu-white .navbar-nav > li > a:hover,
.navbar-mochu-white .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: #5a90c6;
}
.navbar-mochu-white .navbar-nav > li > .dropdown-menu {
	background-color: #a1bfdd;
}
.navbar-mochu-white .navbar-nav > li > .dropdown-menu > li > a {
	color: #ffffff;
}
.navbar-mochu-white .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-mochu-white .navbar-nav > li > .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color: #5a90c6;
}
.navbar-mochu-white .navbar-nav > li > .dropdown-menu > li.divider {
	background-color: #5a90c6;
}
.navbar-mochu-white .navbar-nav .open .dropdown-menu > .active > a,
.navbar-mochu-white .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-mochu-white .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ffffff;
	background-color: #5a90c6;
}
.navbar-mochu-white .navbar-nav > .active > a,
.navbar-mochu-white .navbar-nav > .active > a:hover,
.navbar-mochu-white .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #5a90c6;
}
.navbar-mochu-white .navbar-nav > .open > a,
.navbar-mochu-white .navbar-nav > .open > a:hover,
.navbar-mochu-white .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #5a90c6;
}
.navbar-mochu-white .navbar-toggle {
	border-color: #5a90c6;
	background-color: #5a90c6;
}
.navbar-mochu-white .navbar-toggle:hover,
.navbar-mochu-white .navbar-toggle:focus {
	background-color: #5a90c6;
}
.navbar-mochu-white .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-mochu-white .navbar-collapse,
.navbar-mochu-white .navbar-form {
	border-color: #ffffff;
	background-color: #a1bfdd;
	width: 100%;
}
.navbar-mochu-white .navbar-link {
	color: #ffffff;
}
.navbar-mochu-white .navbar-link:hover {
	color: #ffffff;
}

@media (max-width: 767px) {
	.navbar-mochu-white .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	.navbar-mochu-white .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-mochu-white .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
	}
	.navbar-mochu-white .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-mochu-white .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-mochu-white .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ffffff;
		background-color: #5a90c6;
	}
}


/* ============================== navber 年賀白背景 ============================== */
.dropdown-header{color: #fff}

.navbar-default-white .navbar-header {
	border: none;
}

.navbar-default-white {
	background-color: #FFFFFF;
	background-image: url(../img/header-pattern02.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 40%;
}
.navbar-default-white .navbar-brand {
	color: #ffffff;
}
.navbar-default-white .navbar-brand:hover,
.navbar-default-white .navbar-brand:focus {
	color: #ffffff;
}
.navbar-default-white .navbar-text {
	color: #ffffff;
}
.navbar-default-white .navbar-nav > li > a {
	color: #ffffff;
}
.navbar-default-white .navbar-nav > li > a:hover,
.navbar-default-white .navbar-nav > li > a:focus {
	color: #ffffff;
}
.navbar-default-white .navbar-nav > li > .dropdown-menu {
	background-color: #e02020;
}
.navbar-default-white .navbar-nav > li > .dropdown-menu > li > a {
	color: #ffffff;
}
.navbar-default-white .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default-white .navbar-nav > li > .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color: #f0c030;
}
.navbar-default-white .navbar-nav > li > .dropdown-menu > li.divider {
	background-color: #f0c030;
}
.navbar-default-white .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default-white .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default-white .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ffffff;
	background-color: #f0c030;
}
.navbar-default-white .navbar-nav > .active > a,
.navbar-default-white .navbar-nav > .active > a:hover,
.navbar-default-white .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #f0c030;
}
.navbar-default-white .navbar-nav > .open > a,
.navbar-default-white .navbar-nav > .open > a:hover,
.navbar-default-white .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #f0c030;
}
.navbar-default-white .navbar-toggle {
	border-color: #e02020;
	background-color: #e02020;
}
.navbar-default-white .navbar-toggle:hover,
.navbar-default-white .navbar-toggle:focus {
	border-color: #f0c030;
	background-color: #f0c030;
}
.navbar-default-white .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-default-white .navbar-collapse,
.navbar-default-white .navbar-form {
	border-color: #ffffff;
	background-color: #e02020;
	width: 100%;
}
.navbar-default-white .navbar-link {
	color: #ffffff;
}
.navbar-default-white .navbar-link:hover {
	color: #ffffff;
}

@media (max-width: 767px) {
	.navbar-default-white .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	.navbar-default-white .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default-white .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
	}
	.navbar-default-white .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default-white .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default-white .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ffffff;
		background-color: #f0c030;
	}
}


/* ============================== carousel ============================== */
.carousel {
	margin-bottom: 40px;
}
.carousel-caption a{
	color: #fff;
}
.btn-nenga {
	background: #e02020;
	color: #fff;
}
.btn-nenga:hover, .btn-nenga:focus, 
.btn-nenga:active, .btn-nenga:active:focus, .btn-nenga:active:hover, .btn-nenga:active.focus,
.btn-nenga.active, .btn-nenga.active:focus, .btn-nenga.active:hover, .btn-nenga.active.focus,
.open > .dropdown-toggle.btn-nenga, 
.open > .dropdown-toggle.btn-nenga:hover,
.open > .dropdown-toggle.btn-nenga:focus, 
.open > .dropdown-toggle.btn-nenga.focus,
.btn-nenga.disabled:hover, .btn-nenga[disabled]:hover, fieldset[disabled] .btn-nenga:hover,
.btn-nenga.disabled:focus, .btn-nenga[disabled]:focus, fieldset[disabled] .btn-nenga:focus,
.btn-nenga.disabled.focus, .btn-nenga[disabled].focus, fieldset[disabled] .btn-nenga.focus {
	background: #f0c030;
	color: #fff;
}

/* ============================== banner ============================== */
.banner{margin-bottom: 40px;}

/* ============================== 喪中はがき ============================== */
.btn-mochu {
	background: #a1bfdd;
	color: #fff;
}
.btn-mochu02 {
	background: #a3a1ce;
	color: #fff;
}
.btn-mochu:hover, .btn-mochu:focus, 
.btn-mochu:active, .btn-mochu:active:focus, .btn-mochu:active:hover, .btn-mochu:active.focus,
.btn-mochu.active, .btn-mochu.active:focus, .btn-mochu.active:hover, .btn-mochu.active.focus,
.open > .dropdown-toggle.btn-mochu, 
.open > .dropdown-toggle.btn-mochu:hover,
.open > .dropdown-toggle.btn-mochu:focus, 
.open > .dropdown-toggle.btn-mochu.focus,
.btn-mochu.disabled:hover, .btn-mochu[disabled]:hover, fieldset[disabled] .btn-mochu:hover,
.btn-mochu.disabled:focus, .btn-mochu[disabled]:focus, fieldset[disabled] .btn-mochu:focus,
.btn-mochu.disabled.focus, .btn-mochu[disabled].focus, fieldset[disabled] .btn-mochu.focus {
	background: #a1bfdd; //ボタンの上にポインタを持ってきたり、クリックしたりした時の背景色
	color: #fff; //ボタンの上にポインタを持ってきたり、クリックしたりした時のテキストの色
}

/* ============================== 料金表 ============================== */
.panel-price {
	border-color: #f0c030;
}
.panel-price>.panel-heading {
    color: #333;
    background-color: #eec856;
    border-color: #f0c030;
}
.panel-mochu {
	border-color: #a1bfdd;
}
.panel-mochu>.panel-heading {
    color: #333;
    background-color: #a1bfdd;
    border-color: #a1bfdd;
}
/* Icon when the collapsible content is shown */
.blocks .btn:after,
.panel-heading:after {
		font-family: "Glyphicons Halflings";
		content: "\e113";
		float: right;
		margin-left: 15px;
}
/* Icon when the collapsible content is hidden */
.blocks .collapsed:after,
.collapsed .panel-heading:after {
		content: "\e114";
}
/* ============================== 写真年賀状 ============================== */
.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}

.thumbnail{
	padding: 10px;
}

.thumbnail h3,
.thumbnail h4{
	margin: 20px 10px 10px 10px;
}
.thumbnail p{
	padding: 0 10px;
	height: 150px;
	overflow: hidden;
	text-align: justify;
	}


/* ============================== Q & A ============================== */

.qanda .blocks{
	margin-bottom: 10px;
}
.qanda .blocks .answer{
	line-height: 1.6;
	font-size: 16px;
	padding: 10px;}

.qanda button{
	text-align: left;
	background-color: #ededed;
}
.qanda button.btn{
	white-space: inherit;
}
.qanda button:hover{
	background-color: #f0c030;
}

/* ============================== footer ============================== */

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 200px;
  background-color: #f0c030;
	padding: 30px 0;
	font-size: 12px;
}
.footer a{
	color: #000;
}
.footer h4{
	font-weight: bold;
	font-size: 16px;
}

.footer .col-xs-6{margin-bottom: 20px;}
.footer .col-xs-6 ul li{margin-bottom: 5px;}


/* ============================== 追加 ============================== */
/* ============================== 価格表テーブル ============================== */
.table-price th,
.table-price td{
    text-align: center;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}

/* ============================== テキスト装飾 ============================== */
.red{
	background-color: #e02020;
	color: #fff;
    padding: 2px 15px;
    font-weight: bold;
}
.blue{
	background-color: #0066cc;
	color: #fff;
    padding: 2px 15px;
    font-weight: bold;
}
.catchcopy{
    font-size: 90%;
}

/* ============================== スマホのときのみ改行 ==============================*/
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}