@charset "utf-8";
/*
Theme Name: Build-Faith 346.1.15
Theme URI: http://www.b-faith.com/
Description: Build-Faith theme
Version: 346.1.15
Author: B-faith
Author URI: http://www.b-faith.com/
Tags: simple

    B-faith
     http://www.b-faith.com/

*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import
url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
@import 'https://fonts.googleapis.com/css?family=Anton';

*{margin:0;padding:0;}

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

body{
	font: 1.4rem/1.6 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic", YuGothic,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    height: 100%;
	color: #343434;
	letter-spacing: .1px;
}

a{
	color: #343434;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

a:hover{color:#999;text-decoration:none;}
a:active, a:focus {outline: 0;}

a:hover img.over {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

img{border:0;}

.container img, div img {
    max-width: 100%;
    height: auto;
}

/* メディアに挿入で必要 */
.aligncenter {
    margin: 0 auto;
    display: block;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}
/* //end */

hr {
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #cccccc;
	height: 1px;
	margin: 20px 0 15px 0;
	clear: both;
}

.hrn {
	border-width: 0;
	border-color: #fff;
}

.flex {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.reverse {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.space-between {
  justify-content: space-between;
}

.dp-block {
    display: block;
}

.none {
	display: none;
}

.no-gutter > [class*='col-'],
.no-gutter {
    padding-right:0;
    padding-left:0;
}

.attention {
    margin-bottom: 40px;
    font-size: 1.6rem;
}


.clear-fix{
  clear: both;
}
/*******************************
全体
*******************************/
.container,
.inner {
	margin: 0 auto;
    max-width: 1140px;
}

.max{
  max-width: 1140px;
  margin: 0 auto;

}

/*******************************
/* ヘッダー
*******************************/
header{
    padding: 38px 15px;;
}

header h1,
header h2,
header h3,
header ul {
    margin: 0;
	font-weight: normal;
	color: #343434;
	font-size: 1.2rem;
	line-height: 21px;
}

/* logo */


/************************************
/* メインナビゲーション
************************************/


/*************************
/* ボックス
*************************/


/* tag */
.tagArea {
    border-bottom: 1px dotted #ccc;
    background: #efefef;
    border-radius: 4px;
    color: #ddd;
    font-size: 1.1rem;
    margin-top: 4%;
    padding: 2% 0;
}
.tag {
	padding: 2px 5px;
	margin: 0 10px;
	color: #999;
    border-radius: 4px;
}

#date {
	text-align: right;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 10px;
	color:#858585;
}

#date a{color:#858585;text-decoration:none;}
#date a:hover{color:#efefef;text-decoration:none;}
#date a:active, a:focus {outline: 0;}

#next {
	clear: both;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.box_img_border{
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 1px;
}

/* パンくずリスト */
.Breadcrumb {
	clear: both;
	font-size: 1.1rem;
	padding: 10px;
	background: #faf2f2;
	border: 1px solid #efefef;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
}

/*************
/* 見出し
*************/
h1, h2, h3,h4,h5,h6,nav {
    font-family: 'Noto Sans Japanese',"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic", YuGothic,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/*************
/* リスト
*************/
.container ul{margin-left: 5px;}

.footerUpper ul li{
	list-style: none;
	margin-bottom: 8px;
	padding: 0 5px 0 12px;
}



.footer-nav li{
    padding: 25px 10px 14px 0;
    list-style: none;
    display: block;
    font-size: 1.3rem;
}

.footer-nav li:last-child:after {
    content: none;
}

/*　timeline　*/
.timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
}

.timeline-date {
  width: 139px;
  float: left;
  margin-top: 20px;
}

.timeline-content {

  float: left;
  border-left: 3px #e5e5d1 solid;
  padding-left: 30px;
  padding-top: 20px;
}

.timeline-content:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #a0d8ef;
  position: absolute;
  left: 135px;
  top: 24px;
  border-radius: 100%;
}

/* 入出港流れ */

.time-s{
  padding: 10px 0;
  background-image: url(images/line_03.jpg),url(images/line_07.jpg),url(images/line_05.png);
  background-position: 52px 0,52px 100%,52px 0;
  background-repeat: no-repeat,no-repeat,repeat-y;
  margin-bottom: 60px;
}

.schedule{
  padding:10px 0;
}

.s-time{
  padding: 25px 0 20px 85px;
  color: #449dc2;
  font-size: 1.2em;
  background: url(images/img11.png) no-repeat;
}

.s-content{
  margin-left: 80px;
  padding: 15px 7px 10px 15px;
  border-radius: 5px;
}


/*　FAQ　*/
dl.faq dt,
dl.faq dd {
    padding: 5px 0 5px 30px;
}

dl.faq dt {
    font-size: 1.6rem;
    font-weight: normal;
    color: #d6746b;
    background: url(images/icon_q.png) 0 3px no-repeat;
}

dl.faq dd {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    background: url(images/icon_a.png) 0 3px no-repeat;
}

/*　会社概要のリスト　*/

dl.company dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 10em;
	border-left: solid 4px #ccf;
	padding: 10px 10px ;
	font-weight: normal;
}

dl.company dd {
	margin-bottom: 0.8em;
	margin-left: 10px;
	padding: 10px 0;
	overflow: hidden;
}

/*　個人情報保護のリスト　*/
dl.list dt {
    padding-bottom: 0.5em;
	margin-top: 1em;
	width: 100%;
	border-bottom: dotted 1px #505050;
	font-weight: bold;
	color: #669;
}

dl.list dd {
	margin: 0.5em 0 2em;
}


/*　topix　*/
dl.topix {
	margin-bottom: 30px;
}

dl.topix dt {
    padding: 15px 0 15px 15px;
	width: 18%;
    color: #8ec661;
    display: inline-block;
    font-weight: normal;
}

dl.topix dd {
    padding: 15px;
    width: 82%;
    display: inline-block;
}

.dl-horizontal dt {
    padding: 15px;
    text-align: left;
}

.dl-horizontal dd {
    margin-left: 0;
}

.dl-horizontal dd:nth-of-type(2n+1),
.dl-horizontal dt:nth-of-type(2n+1) {
    background: #f9f2f2;
}

dl.topix a{color:#252525;text-decoration:none;}
dl.topix a:hover{color:#ddd;text-decoration:none;}
dl.topix a:active, a:focus {outline: 0;}


/*******************************
/* フッター
*******************************/
.footerUpper{
	clear: both;
	padding: 20px 0;
	overflow: hidden;
}

.footerLower{
	padding: 10px;
	text-align: center;
}

address{
    margin-bottom: 0;
	font-style: normal;
	font-size: 1rem;
}

.footerLower a{text-decoration:none;}
.footerLower a:hover{text-decoration:none;}
.footerLower a:active, a:focus {outline: 0;}

/*************
テーブル
*************/
table {
	border-collapse: collapse;
	color: #555;
	width: 100%;
}

table, th, td {
	color: #555;
	text-align: left;
	margin: 0 20px 20px 0px;
}
td, th {
	padding: 10px 5px;
	border: 1px solid #4c3b3b;
}

th {
	font-weight: normal;
}

/**会社概要テーブル**/

table.company {
	width: 100%;
	border-collapse: collapse;
}
table.company th.t_top {
    border-top: #4c3b3b 4px solid;
}
table.company th {
  width: 120px;
	border-bottom: #4c3b3b 1px solid;
	border-left: #4c3b3b 1px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal;
  color: #4c3b3b;
}
table.company td.t_top {
	border-top: #c3eb6c 4px solid;
}
table.company td {
	border-bottom: #4c3b3b 1px solid;
	border-right: #4c3b3b 1px solid;
	text-align: left;
	padding: 10px;
  color: #4c3b3b;
}
/*******************************
/* MW WP Form
*******************************/
.mw_wp_form{
  max-width: 950px;
  margin: auto;
  padding: 30px;
  border: solid 1px #000;
}

.mw_wp_form th {
    vertical-align: middle;
    width: 30%;
    border: none;
}

.mw_wp_form td input,
.mw_wp_form td select,
.mw_wp_form td textarea {
    width: 100%;
}

.mw_wp_form td input[type="checkbox"],
.mw_wp_form td input[type="radio"] {
    width: auto;
    vertical-align: 0;
}

.mw_wp_form th .check {
    color: red;
    font-size: 1.1rem;
}

.mw_wp_form td{border: none;}

.mw_wp_form .table > tbody > tr > td, .mw_wp_form .table > tbody > tr > th{padding: 20px;}

.mail .mwform-tel-field input[type="text"]{
    width: 25%;
}

html .mail input[type="button"], .mail input[type="reset"], .mail input[type="submit"] {
    padding: 10px;
    width: 30%;
}

/*******************************
/* 問い合わせフォーム
*******************************/
/*　フォーム入力欄文字サイズ　*/
input, select, textarea {
	padding: 2px;
}

/*　フォーム送信ボタンサイズ　*/
#confirm-button {
	text-align: center;
}



/*******************************
/* ページャー
*******************************/
.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}

/*******************************
/* SNS BTN
*******************************/
.snsbox {
	padding: 10px 0;
	width: 715px;
	clear: both;
	border-top: 1px dotted #ccc;
}

#main .sns .snsb li {
	float: left;
	margin-right: 10px;
	list-style-type: none;
}
#main .snsb li {
	float: left;
	margin-right: 10px;
	list-style-type: none;
	background-image: none;
}

/*******************************
/* jetpack
*******************************/
#main .contact-form label,
#main div#trust-form.contact-form table th{
    font-weight: normal;
}

/*******************************
/* google map
*******************************/
.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*******************************
/* topへ戻る
*******************************/
.pagetop {
	display: none;
	position: fixed;
	bottom: 5%;
	right: 5%;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	border-radius: 50px;
	text-align: center;
	color: #F4F2F0;
	font-size: 25px;
	text-decoration: none;
	opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
}




/**************************************************************
アレンジCSS
**************************************************************/
body{background-color: #fff;}

.big{
  font-size: 2em;
  font-weight: bold;
}

.big-2{
 font-size: 1.5em;
 color: #f0b7a1;
}

.big-3{ font-size: 2em;}

.big-4{ font-size: 1.2em;}


h3{  font-size: 1.3em;}

.ship h4{
  background-image: url(images/tuna02.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 20px;
  background-size: 300px;
}

h5{}

h6{
  font-size: 1em;
  font-weight: bold;
}

.max950{
    max-width: 950px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
}

.max600{
  max-width: 600px;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
}

.max480{
    max-width: 480px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
}

.text-alignright{text-align: right;}
.text-aligncenter{text-align: center;}
.text-alignleft{text-align: left;}


/**padding / margin**/

.pd-15{
  padding-left: 15px;
  padding-right: 15px;
}

.mg-15{
  margin-left: 15px;
  margin-right: 15px;
}

.pd-tb-15{
  padding-top: 15px;
  padding-bottom: 15px;
}

.pd-tb-30{
  padding-top: 30px;
  padding-bottom: 30px;
}

.pd-b-100{padding-bottom: 100px;}

.mg-t-40{margin-top: 40px;}

.pd-b-15{padding-bottom: 15px;}

/**bg-color**/



/**ボタン**/
.push1{
  color: #FFF;
  background: repeating-linear-gradient(135deg, #449dc2, #449dc2 2px, #9cd5ed 0, #9cd5ed 4px);
  display: inline-block;
  padding: 10px 50px 5px;
  font-weight: bold;
}

.push1:hover {
    color: #fff;
    opacity: 0.5;
}

.push2{
  color: #00425d;
  background: repeating-linear-gradient(135deg, #fff, #fff 2px, #9cd5ed 0, #9cd5ed 4px);
  display: inline-block;
  padding: 10px 50px 5px;
  font-weight: bold;
}

.push2:hover,.push3:hover {
    color: #00425d;
    opacity: 0.5;
}

.push3{
  color: #00425d;
  background: repeating-linear-gradient(135deg, #fff, #fff 2px, #9cd5ed 0, #9cd5ed 4px);
  display: block;
  padding: 10px 0px 5px;
  font-weight: bold;
}



/**枠**/

.border-1{
  border: solid 3px #a0d8ef;
  padding: 15px;
}

.border-2{
  background-color: #fff;
  padding: 30px;
}

.border-3{
  color: #fff;
  background: repeating-linear-gradient(0deg, #fff, #fff 10px, #9cd5ed 0, #9cd5ed 20px);
  display: block;
  padding: 10px 0px 5px;
  font-weight: bold;
}

.border-4{
   border: #a0d8ef solid 6px;
   padding: 10px;
   border-image: url("images/border.jpg") 24 24 round;
}


/*******************************
header
*******************************/
header {
    padding: 0px 15px 10px;
}

header h1{
  margin-top: 20px;
  font-size: 1.8em;
  margin-right: auto;
}


.mail-area{
  background-color: #f0b7a1;
  padding: 5px 20px;
  margin-right: 30px;
  border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
}

.tel-area p,.tel-area p a,.mail-area a{ color: #fff;}

.tel-area p{margin: 0; line-height: 1.2;}

.tel-area{
  background-color: #f0b7a1;
  padding: 9px 20px;
  border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
}

/*******************************
nav
*******************************/
.navi-area{
  background-image: url(images/nami01.png);
  background-position: top;
  padding-top: 10px;
}
nav{
  background-color: #449dc2;
  padding-top: 10px;
  padding-bottom: 10px;
}

.navi-area ul{  list-style: none;}

nav ul li{
  width: 25%;
}

nav ul li a{
  color: #fff;
  line-height: 2;
  font-size: 1.1em;
  position: relative;
  display: inline-block;
  transition: .3s;
  width: 100%;
}

nav ul li a span{font-size: 0.9em;}

nav ul li a:before{
  content: '';
position: absolute;
bottom: 26px;
display: inline-block;
width: 70px;
height: 4px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
border-radius: 2px;
}

nav ul li  a::after {
	position: absolute;
  bottom: 26px;
	left: 50%;
	content: '';
	width: 0;
	height: 4px;
	background-color: #f0b7a1;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
  border-radius: 2px;
}

nav ul li  a:hover::after {
  width: 70px;
}

.home .nav-1 a:before,.about .nav-3 a:before,.business .nav-2 a:before,.mail .nav-4 a:before,.news .nav-1 a:before,.work-1 .nav-2 a:before,.work-2 .nav-2 a:before,.work-3 .nav-2 a:before,.work-4 .nav-2 a:before,.ship .nav-2 a:before,.sitemap .nav-1 a:before,.privacypolicy .nav-1 a:before,.news .nav-1 a:before{
  content: '';
position: absolute;
bottom: 26px;
display: inline-block;
width: 70px;
height: 4px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #f0b7a1;
border-radius: 2px;
}

/*******************************
メイン画像
*******************************/
div.mainimg-box div.container-fluid{
  margin: 0px;
  padding: 0px;
}

  .mainimg {
      max-width: 100%;
      text-align: center;
      padding: 10% 15px 10%;
  }

  .page .mainimg, .category .mainimg, .single .mainimg {
      max-width: 100%;
      text-align: center;
      padding: 5% 15px 5%;
  }

  .slideimg{
    background-size: cover;
  }
/*******************************
footer
*******************************/
footer{
  background-image: url(images/bg-sakana02.jpg);
  background-position: center top;
  background-size: cover;
  padding-top: 40px;
}

footer p, footer a,footer address{color: #fff;}

footer p{padding-left: 15px;}

.ft-navi{
  margin-bottom: 40px;
}

/*******************************
front-page
*******************************/
.bg-ft{
  background-image: url(images/bg-ft.png);
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 60px;
}

.front-content,.inner-page{background-color: #fff;}

section,.section{
  padding-top: 60px;
  padding-bottom: 60px;
}

.img01{
  background-image: url(images/img01.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}

.bg-c-fff{
  background-image: url(images/bg-fff.png);
  background-position: right;
  padding-right: 30px;
}

.bg-tuna{
  background-image: url(images/bg-tuna.jpg);
  background-repeat: repeat-x;
  background-position: top;
}

.ikari01{
  background-image: url(images/ikari01.png);
  background-repeat: no-repeat;
  font-size: 1.6em;
  padding-left: 32px;
}

.ikari02{
  background-image: url(images/ikari02.png);
  background-repeat: no-repeat;
  font-size: 1.6em;
  padding-left: 32px;
  color: #fff;
}

.ikari03{
  background-image: url(images/ikari01.png);
  background-repeat: no-repeat;
  padding: 0px 0px 5px 32px;
}

h2 span{font-size: 0.7em;}

.bg-tuna td, .bg-tuna th ,.scheduleguide td, .scheduleguide th {border: none;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-top: none;
  border-bottom: none;
}

.scheduleguide tbody tr{border-bottom: 1px solid #f0b7a1;}

.bg-sakana{
  background-image: url(images/bg-sakana.jpg);
  background-position: center;
  background-size: cover;
  color: #fff;
}

.center-h2{
  max-width: 220px;
  margin: auto auto 60px;
}

.zoomin img {
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
  padding: 5px 6px 6px;
  background-image: url(images/bg-maru.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.front-content .bg-sakana .zoomin img{margin-bottom: 15px;}

.zoomin img:hover {
  -webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
}

.bg-sakana ul li,.business-button ul li {
  list-style: disc outside;
  margin-bottom: 8px;
  padding: 0 5px 0 0px;
  margin-left: 15px;
}

.bg-minato{
  background-image: url(images/bg-minato.png);
  background-size: cover;
  background-position: center;
}

.scheduleguide thead{background-color: #fcf3ef;}
.scheduleguide td,.scheduleguide th{ width: 25%;}
table.scheduleguide {
	  width: 100%;
	  table-layout: fixed;
	  word-break: break-all;
	  word-wrap: break-all;
	}


.bg-c-a0d8ef{background-color: #a0d8ef;  color: #00425d;}

.bg-c-a0d8ef h2{font-size: 1.2em;}

.contact-2-1{
  background-color: #f0b7a1;
  font-size: 1.3em;
  font-weight: bold;
  width: 40%;
  margin: 0 2%;
}

.contact-2-1 a{
  color: #fff;
  padding: 37px 10px 30px 70px;
  display: block;
  background: url(images/mail01.png) no-repeat 15px 50%;
}

.contact-2{
  background-color: #f0b7a1;
  color: #fff;
  width: 52%;
  margin: 0 2%;
  padding: 15px 10px;
}

.contact-2 p{
  margin: 0;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0 0 15px;
}

.contact-2 p a{color: #fff}

.contact-2 p span{font-size: 0.7em;}

/*******************************
inner-page
*******************************/
.mainimg h2{
  color: #fff;
  font-size: 2em;
  line-height: 1.8;
  border: #fff 3px solid;
width: 250px;
padding: 60px 20px;
}

.mainimg h2:after{
  content: '';
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 4px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 2px;
}

.img10{
  background-image: url(images/img10.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

.img15{
  background-image: url(images/img15.jpg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

.img10 .flex,.img15 .flex div p{  padding-top: 41px;}

.bg-01{
  background-image: url(images/bg-02.png),url(images/bg-01.png);
  background-size: 180px,cover;
  background-position: 70% bottom,center;
  background-repeat: no-repeat;
  color: #fff;
}

.bg-01 h3{margin-bottom: 30px;}


.bg-kami{
  background-image:url(images/bg-kami.jpg);
  background-position:top center;
  color: #4c3b3b;
}

.business-button{ color: #fff; background-color: #449dc2;}

.bg-05{
  background-image: url(images/bg-05.jpg);
  background-size: cover;
  background-position: center;
}

.bg-04{
  background-image: url(images/bg-04.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.ship-info{
  border-top: dashed 1px #449dc2;
}

.ship-info dt{
  width: 35%;
  border-bottom: dashed 1px #449dc2;
  padding: 5px;
}

.ship-info dd{
  width: 65%;
  border-bottom: dashed 1px #449dc2;
  padding: 5px 5px 3px;

}

.policy dt{
  font-size: 1.5em;
  font-weight: normal;
  color: #449dc2;
  padding: 15px 0;
}

.policy dd{  margin-bottom: 20px;}

.policy ul{margin-left: 20px;padding-top: 15px;}

.sitemap-ul li{list-style: none;}

.sitemap-ul li{font-size: 2rem; padding-bottom: 10px;}

.sitemap-ul li ul{margin-left: 25px; margin-right: 25px; margin-top: -15px;}

.sitemap-ul a{
  background-color: #449dc2;
  color: #fff;
  display: block;
  padding: 5px;
  text-align: center;
}

.sitemap-ul li ul li a{
  background-color: #f0b7a1;
}



#map{
  width: 100%;
  height:250px;
}




  /*************
  category
  *************/

/*************
single
*************/









/*******************************
max-width 992px
*******************************/
@media(max-width:992px){

  .business-button {
    padding-left: 50px;
    padding-right: 50px;
  }

  .zoomin img,  .business-button .flex div:first-child img{
    margin-top: 15px;
  }



/*******************************
max-width 767px
*******************************/
@media(max-width:767px){
 header.flex{
  display: block;
 }

 .contact-area{
   margin-top: 20px;
 }

 .mail-area {
    background-color: #f0b7a1;
    padding: 5px 10px 0px;
    margin-right: 10px;
    border-radius: 5px;
  }

  .tel-area {
      background-color: #f0b7a1;
      padding: 9px 10px;
      border-radius: 5px;
  }

  .big {
    font-size: 1.7em;
    font-weight: bold;
  }

  .contact-2,.contact-2-1{
    width: 100%;
    margin-bottom: 15px;
  }

  .border-2 {
    background-color: #fff;
    padding: 30px 15px;
  }

  .bg-03{
    background-image: url(images/bg-03.png);
    background-size: cover;
  }

  .timeline > li {
    margin-bottom: 20px;
  }

  .timeline-date {
    width: 150px;
    float: none;
    margin-top: 0px;
  }

  .timeline-content {
    float: none;
    border-left: none;
    padding-left: 30px;
    padding-top: 0px;
  }

  .timeline-content:before {
    content: '';
    width: 0px;
    height: 0px;
    background: none;
    position: absolute;
    left: 146px;
    top: 24px;
    border-radius: 100%;
  }

  .mw_wp_form{
  padding: 15px;
  border: none;
}

.mw_wp_form .table > tbody > tr > td, .mw_wp_form .table > tbody > tr > th {
  padding: 8px 0px;
}

.bg-c-fff {
    background-image: none;
    padding-right: 15px;
    background-color: #fff;
    opacity: 0.8;
}

.img01 {  background-size: cover;}


section, .section {
    padding-top: 30px;
    padding-bottom: 30px;
}

}

/*******************************
max-width 480px
*******************************/
@media(max-width:480px){

  nav ul li a { font-size: 0.9em;}
  nav ul li a::before { bottom: 22px;}
  nav ul li a::after { bottom: 22px;}
  .home .nav-1 a:before,.about .nav-3 a:before,.business .nav-2 a:before,.mail .nav-4 a:before,.news .nav-1 a:before{ bottom: 22px;}

  .big-3 {  font-size: 1.7em;}

  .business-button {
    padding-left: 0px;
    padding-right: 0px;
  }

}