body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
h1,h2 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h3 {
	font-size:70%;
	font-weight:100;
}
p, th, td{
	font-size:50%;
	line-height:1.7;
	font-weight:100;
}
p.small {
	font-size:42%;
	line-height:1.4;
}

a.btn{
	display:inline-block;
	padding:0.5em 1em;
	border:0.3rem solid #fff;
	background-color: rgba(0,0,0,0.7);
	color:#fff;
	text-decoration:none;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:110%;
	}
a.btn:hover{
	background-color: rgba(0,0,0,0.5);
	}
a.btn2{
	display:inline-block;
	padding:0.5em 1em;
	border:0.3rem solid #000;
	background-color: rgba(0,0,0,0.5);
	color:#fff;
	text-decoration:none;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:110%;
	}
a.btn2:hover{
	background-color: rgba(0,0,0,0.3);
	}

.section {
	width:100%;
	box-sizing: border-box;
}

/*-------------------------------------
共通 ロゴ表示
---------------------------------------*/
.headerlogo{
	
}
.headerlogo h1{
	margin:1rem 0 10rem;
}
.headerlogo h1 img{
	width:17rem;
}


/*-------------------------------------
モバイル用ハンバーガーメニュー
---------------------------------------*/
.menu {
	position: fixed;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
	z-index:100;
}

.side-open .menu {
	cursor: url(../images/cross.svg),auto;
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: visible;
	opacity: 1;
}

.menu ul {
	display: table-cell;
	vertical-align: middle;
}

.menu li {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	opacity: 0;
}

.side-open .menu li {
	opacity: 1;
}

.side-open .menu li:nth-child(1) {
	-webkit-transition: opacity 1s ease .2s;
	transition: opacity 1s ease .2s;
}

.side-open .menu li:nth-child(2) {
	-webkit-transition: opacity 1s ease .3s;
	transition: opacity 1s ease .3s;
}

.side-open .menu li:nth-child(3) {
	-webkit-transition: opacity 1s ease .4s;
	transition: opacity 1s ease .4s;
}

.side-open .menu li:nth-child(4) {
	-webkit-transition: opacity 1s ease .5s;
	transition: opacity 1s ease .5s;
}

.side-open .menu li:nth-child(5) {
	-webkit-transition: opacity 1s ease .6s;
	transition: opacity 1s ease .6s;
}
.side-open .menu li:nth-child(6) {
	-webkit-transition: opacity 1s ease .7s;
	transition: opacity 1s ease .7s;
}
.side-open .menu li:nth-child(7) {
	-webkit-transition: opacity 1s ease .8s;
	transition: opacity 1s ease .8s;
}

.menu li a {
	display: block;
	height: 100%;
	line-height: 100px;
	font-size: 3em;
	color: #f5f5f5;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-decoration:none;
}

.menu li a:hover {
	color: #999;
}

/* menu-btn */
.menu-btn {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 100px;
	height: 50px;
	line-height: 50px;
	font-size: 6em;
	text-align: center;
	cursor: pointer;
	z-index: 200;
}

.menu-btn span {
	color: #fff;
}

.menu-btn span:after {
	content: attr(data-txt-open);
}

.side-open .menu-btn span:after {
	content: attr(data-txt-close);
}

.menu-btn:hover span:nth-child(1):after {
	-webkit-animation: anim .5s ease 0s forwards;
	animation: anim .5s ease 0s forwards;
}

.menu-btn:hover span:nth-child(2):after {
	-webkit-animation: anim .5s ease .1s forwards;
	animation: anim .5s ease .1s forwards;
}

.menu-btn:hover span:nth-child(3):after {
	-webkit-animation: anim .5s ease .2s forwards;
	animation: anim .5s ease .2s forwards;
}

.menu-btn:hover span:nth-child(4):after {
	-webkit-animation: anim .5s ease .3s forwards;
	animation: anim .5s ease .3s forwards;
}

.menu-btn:hover span:nth-child(5):after {
	-webkit-animation: anim .5s ease .4s forwards;
	animation: anim .5s ease .4s forwards;
}

@-webkit-keyframes anim {
	0% {-webkit-transform:translateY(0px);transform:translateY(0px);}
	50% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
	100% {-webkit-transform:translateY(0px);transform:translateY(0px);}
}

@keyframes anim {
	0% {-webkit-transform:translateY(0px);transform:translateY(0px);}
	50% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
	100% {-webkit-transform:translateY(0px);transform:translateY(0px);}
}

/*-------------------------------------
PC用ナビはモバイルに表示させない
---------------------------------------*/
#gnav {
	display:none;
}
.clone-nav, .clone-nav2 {
  display:none ;
}

/*-------------------------------------
セクション・レイアウト
---------------------------------------*/
.section {
		font-size: 60px;
	}
.section-content{
	
	margin: 0 auto;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.section-content2{
	margin: 0 auto;
	}
.pdg {
	padding:4rem;
}
.pdg-row {
	padding:0 4rem;
}
.pdg-col {
	padding:4rem 0;
}
.mgn {
	margin:4rem;
}
.mgn-row {
	margin:0 4rem;
}
.mgn-col {
	margin:4rem 0;
}
.ctr{
	text-align:center;
	display: flex;
	justify-content: center;
	}

/*-------------------------------------
スクロールダウン
---------------------------------------*/

.scroll-down {
	
padding:0;
text-align:center;
position:rerative;
}
.scroll-down div {
	text-align:center;
	position:absolute;
	bottom:1em;
	
}

/*-------------------------------------
TOP ロゴ表示
---------------------------------------*/
#section1{
	background-color:#73CED4;
	background-image: url(../img/bg-nami.png);
	background-repeat: repeat-x;
	background-position:center bottom;
	background-size:auto 50%;
	position:relative;
	
	
	}

#section1 header{
	padding:3em;
}
#section1 h1{
	display:none
}
#section1 h1 img{
	width:30rem
}
.ship-anime{
		top: 26%;
		left:-54%;
		position:absolute
}
.ship-anime img{
		width:50rem;
}

#section2 p,#section2 p, #section3 p{
		width:80%;
		padding:3em;
	}


/*-------------------------------------
漁船直行～
---------------------------------------*/
#section2{
	background-color:#1AA2D1;
		background-image: url(../img/bg-maguro.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		padding:5em 0 0;
		background-size:100% auto;
		position:relative;
}


	

/*-------------------------------------
女川で食べる。
世界一のまぐろ丼。
---------------------------------------*/
#section3{
	background-color:#73CED4;
	background-image: url(../img/bg-magurodon.jpg);
		background-repeat:no-repeat;
	background-position:center bottom;
		background-size:cover;
		padding:5em 0 0;
		position:relative;
		
	}



	
/*-------------------------------------
季節の一押し・まぐろ丼ギャラリー
---------------------------------------*/
#section4 {
	background:#73CED4;
}
.ichioshi  {
position:relative;

	}
	.ichioshi header  {
	width:100%;
		padding:0.5em 0 0;
		text-align:center;
		}
	.ichioshi h1{
	color:#fff;
	font-size:94%;
	line-height:1.2;
	}
	.ichioshi .row{padding-bottom:20%; }
	.ichioshi .col{width:88%;margin:auto 6%;position:relative}
.ichioshi .badge{top:0;right:0}
.ichioshi .badge img{width:100%;}



.ichioshi .picture {
	padding-top:6rem;
	text-align:center;
	
	}
.ichioshi .picture img{
	width:90%;
	}

.badge {
	width:25%;
	top:56%;
	right:5%;
	z-index:2;
	position:absolute;
}
.ichioshi h2{
	color:#000;
	font-size:100%;
	-webkit-margin-after: 0.3em;
	text-align:center;
	line-height:1.5;
	}
.ichioshi .comment{
	color:#000;
	font-size:60%;
	line-height:1.4;
	margin:auto 2em;
	text-align:center;
	}
.ichioshi .price{
	text-align:center;
	color:#fff;
	font-size:90%;
	}
.ichioshi .price span{
	font-size:60%;
	}


/*まぐろ丼ギャラリー---*/
.gallery{
	
}
.item img{
	width:90%;
	margin:1em 0 0;
	
	
}

.item h2{
	color:#000;
	font-size:90%;
	text-align:left;
	padding-top:0.4em;
    -webkit-margin-after: 0.3em;
	}
.item-data .comment{
	color:#000;
	font-size:50%;
	letter-spacing:-0.05em;
	line-height:1.4;
	text-align:left;
	-webkit-margin-before: 0.2em;
	padding-right:1em;
	}
.nobr br{display:none;}
.item-data .price{
	text-align:left;
	-webkit-margin-before: 0.8em;
	color:#fff;
	font-size:90%;
	}
.item-data .price span{
	font-size:60%;
	}


.gallery-header{
	background:url(../img/bg-gallery-header.png)  repeat-x;
	background-size:cover;
}
.gallery-header h1{
	color:#000;
	font-size:94%;
	padding:1.6em 0 1.3em;
	text-align:center;
	margin-bottom: 0;
}

.item{
	background:url(../img/bg-gallery-item.png) repeat-x;
	background-size:auto 100%;
	display: -webkit-flex;
  display: flex;
	
	}
	
.item-picture, .item-data{
	flex: 1;
	}
.item-picture{
	text-align:center;
	}
.reverse{
	flex-flow: row-reverse;
	}
.reverse h2,.reverse .comment,.reverse .price{
		text-align:right;

	}
.gallery-copy {
	background:#1AA2D1;;
	padding:1em;
	color:#fff;
	text-align:center;
}


/*-------------------------------------
世界一の天然マグロ 
---------------------------------------*/
#section5{
	background:#000;
	background-image:url(../img/bg-sekaiichi.jpg);
	background-repeat:no-repeat;
	background-position:right 5% bottom 20%;
	
	}
#section5 header{
	padding-top:20%;
	
	
	
	}
#section5 h1{
	font-size:94%;
	color:#fff;
	
	}
#section5 .cc{
	display:block;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#fff;
	font-size:170%;
	text-shadow:0px 0px 10px #000000;
	padding-bottom:50%;
	}
#section5 p a{
	
	
	}

/*-------------------------------------
アクセス
---------------------------------------*/

#section6 {
	background:rgba(255,255,255,1.00);
	padding-bottom:4rem;
	}
.google-map {
    position: relative;
	padding: 0 0 56%;
	height: 0;
	overflow: hidden;
}
.google-map iframe {
	display:none;
}

#section6 h1,#section6 h2,#section6 p{
	
	}
#section6 h1{
	font-size:100%;
	    margin:0;
		text-align:center;
	}
#section6 h2{
	font-size:80%;
	
	}

#section6 .shopdata p{
	-webkit-margin-after: 0;
	}


.telno strong {
	display:inline-block;
	line-height:2.5em;
	}
.telno em {
	font-size:180%; font-style:normal;
	}



#section6-2{
	background-image:url(../img/bg-company.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 200%;
	}
#section6-2 header{
	padding-top:10%;
	margin-bottom:20%;
	
	
	}
#section6-2 h1{
	font-size:94%;
	color:#fff;
	}
	
	
#section6-3{
	background-color:#C8C8C8;
	padding:4em 3em;
	}

/*-------------------------------------
フッター
---------------------------------------*/
#section-footer{
	background:#000;
	}
.sns-share-pc {
	display:none;
	}
.sns-share ul {
	list-style:none;
	margin:0 !important;
	padding:0;
	width:100%;
	display:table;
	}
.sns-share ul li {
	display:table-cell;
	margin:0;
	padding:0 !important;
	}
.sns-share ul li a {
	display: block;
	}
.sns-share ul li a img {
	width:100%;
	}
#section-footer .header{
	display: flex;
		justify-content: center;
		
	}
#section-footer .header img{
	width:24rem;
		
	}

#section-footer h1{
	width:50%;
	height:50%;
	margin: 0.4em 0 0;
}
#section-footer ul  {
	margin:auto 1em 1em;
	}
#section-footer ul li {
	font-size:60%;
	padding-bottom:.6em;
	color:#fff;
	}
#section-footer ul li a{
	color:#fff;
	text-decoration:none;
	}
#section-footer ul:nth-of-type(2) li:nth-last-of-type(1){
	list-style:none;
	background-image:url(../img/fb-icon.png);
	background-repeat:no-repeat;
	background-size:14%;
	background-position:1em 0;
	margin-left:-2em;
	padding-bottom:2em;
	font-size:60%;
	line-height:1.3;
	
	}
#section-footer ul:nth-of-type(2) li:nth-last-of-type(1) a{
	padding-left:3.5em;
	display:inline-block;
	}

.footerlink{
	
	display: -webkit-flex;
  display: flex;
	padding:auto 3em;
	}
	
.footerlink ul{
	flex: 1;
	}
.copyright {
	background:url(../img/bg-gallery-header.png) repeat-x;
	text-align:center;
	background-color:#000;
}
.copyright p {
	color:#fff;
	font-size:50%;
	padding:6% 0 2% ;
	font-family:Arial, Helvetica, sans-serif;
	margin: auto 0;
	display:inline-block;
}

/*-------------------------------------
ABOUT COMPANY
---------------------------------------*/
#section-about01{
	background-image:url(../img/bg-company.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	
	width:100%;
}

#section-about01 header{
	margin:5% 0 15%;
}
#section-about01 header h1{
	color:#fff;
	font-size:100%;
}

.concept{
	background-color: rgba(26,162,209,0.7);
	padding:1.2em 1.2em 3em;
	
}
.concept p{
	color:#fff;
	font-size:60%;
}

#section-company header h1{
	font-size:100%;
	text-align:center;
}
#section-company h2{
	font-size:55%;
	text-align:center;
	-webkit-margin-after: 0.3em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serifl;
}

#section-company table{
	margin-bottom:2em;
}
#section-company td,#section-company th{
	

}
#section-company th{
	width:25%;
	vertical-align:top;
	text-align:left;
	font-weight:100;
}

/*-------------------------------------
世界一のまぐろ
---------------------------------------*/
#section-maguro01{
	background-image:url(../img/bg-maguro.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	width:100%;
}
#section-maguro01 header{
	margin:30% 0 20%;
}
#section-maguro01 header h1{
	color:#fff;
	font-size:100%;
}

/*-process---*/
.thumbnail{
	background-image:url(../img/bg-process01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
}
.thumbnail header{
	padding:0 0 40%;
}
.thumbnail header h1{
	color:#fff;
	font-size:100%;
}
.process .caption{
	background-color:#fcf8ef;
}
.process .caption p{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
#process02 .thumbnail{
	background-image:url(../img/bg-process02.jpg);
}
#process03 .thumbnail{
	background-image:url(../img/bg-process03.jpg);
}

/*-世界のまぐろ---*/
#section-maguro03 header{
	padding:5% 0;
}
#section-maguro03 header h1{
	font-size:90%;
}
.world{
	margin-bottom:30%;
}
.world .caption p{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
.world h2{
	font-size:75%;
	text-align:center;
	-webkit-margin-after: 0.3em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serifl;
}

/*-------------------------------------
サイトポリシー
---------------------------------------*/
#section-sp01{
	background-color:#73CED4;
	width:100%;
}
#section-sp01 header{
	margin:5% 0 15%;
}
#section-sp01 header h1{
	color:#fff;
	font-size:100%;
}

.concept-sp{
	padding-bottom:25%;
}
.concept-sp p{
	color:#fff;
}
.section-sp02 .caption{
	padding:1em 0 3em;
}


#section-sp02 h2{
	font-size:55%;
	text-align:center;
	-webkit-margin-after: 0.3em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serifl;
}


@media screen and (min-width:480px) { 
    /*　for iPhone Landscape　(iPhone 横)　*/
 
}





@media screen and (min-width:1024px) {
    /*　for PC　*/
	
	h1 {
		font-size:54%;
}
h2 {
	
}
h3 {

}
p, th, td{
	font-size:30%;
}
p.small {
	font-size:25%;
	line-height:1.4;
}
p.large {
	font-size:55%;
	line-height:1.6;
}

a.btn{
	
	border:0.1rem solid #fff;
	}
a.btn2{
	border:0.1rem solid #000;
	}
a.btn2:hover{
	background-color: rgba(0,0,0,0.3);
	}




	.menu-btn{ display:none;}
 #section1{
	background-size:auto 40%;
	}

/*グロナビ表示のため非表示*/
.headerlogo{
	display:none;
}


.clone-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%);
  display:block !important;
}
.clone-nav2 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background:rgba(255,255,255,.7);
  display:block !important;
}
.is-show {
  transform: translateY(0);
}

/*PC用グロナビ　indexはclone-nav、その他ページはclone-nav2を読み込む */
#gnav {
	background:rgba(255,255,255,.7);
	display:none;
}
.clone-nav h1,.clone-nav2 h1{
	text-align:center;
	padding:0.6rem;
}
.clone-nav h1 img, .clone-nav2 h1 a{
	display: inline-block;
}
.clone-nav h1 img, .clone-nav2 h1 img{
	width:10rem;
}
.clone-nav  ul,.clone-nav2 ul{
	margin:-4rem 0 0;
	padding:0 0 2rem;
	width:100%;
	font-size:0;
	
}
.clone-nav  ul li, .clone-nav2 ul li{ 
	list-style:none;
	display:inline-block;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:0;
	margin:0;
	font-size:1rem;
}
.clone-nav  ul li:nth-of-type(1),.clone-nav2 ul li:nth-of-type(1){
	width:22%;
	text-align:right;
}
.clone-nav  ul li:nth-of-type(2),.clone-nav2 ul li:nth-of-type(2){
	width:22%;
	text-align:center;
}
.clone-nav  ul li:nth-of-type(3),.clone-nav2 ul li:nth-of-type(3){
	width:21%;
	text-align:right;
}
.clone-nav  ul li:nth-of-type(4),.clone-nav2 ul li:nth-of-type(4){
	width:18%;
	text-align:center;
}
.clone-nav  ul li:nth-of-type(5),.clone-nav2 ul li:nth-of-type(5){
	width:17%;
}

.clone-nav  ul li a,.clone-nav2 ul li a{
	color:#000;
	text-decoration:none;
}
.clone-nav  ul li a:hover, .clone-nav2 ul li a:hover{
	color:#666;
}


#section1 header img{
	width:20rem;
}

.ship-anime{
		top: 40%;
		left:-24%;
}
.ship-anime img{
		width:45%;
}

#section1 p,#section2 p, #section3 p{

		padding:1rem;
	}
#section1 p img{
width:50% ;
	}
.scroll-down img {
	width:50%;
}



#section2 img{
	width:15rem;
	}
#section3 img{
	width:19rem;
	}


#section2{
	
		background-image: url(../img/bg-maguro2.jpg);
	
		background-size:cover;

}


#section3{
	background-image: url(../img/bg-magurodon02.jpg);	
	}


/*-------------------------------------
季節の一押し・まぐろ丼ギャラリー
---------------------------------------*/
#section4 {
	margin-top: -6rem !important;/* グロナビのズレ解消 */
	padding-top: 6rem !important; /* グロナビのズレ解消 */
}

.ichioshi h1{font-size:2rem;}

.ichioshi h2{font-size:2rem;
	}

.ichioshi .row{display: -webkit-flex;display: flex; padding-bottom:0;}
.ichioshi .col{width:100%;margin:0;}
.ichioshi .col-left{padding-left:1rem;margin-top:3rem}
.ichioshi .col-center{padding:auto .5rem}
.ichioshi .col-right{padding-right:1rem;margin-top:3rem}
.ichioshi .col-left .badge,.ichioshi .col-center .badge{top:25px;right:0}
.ichioshi .col-right .badge{top:25px;right:10px}
.ichioshi .picture {
	text-align:center;
	padding-top:1em;
	}
.ichioshi .picture img{width:85%}
.ichioshi .comment{font-size:30%}
.ichioshi .price{font-size:50%}
.ichioshi .price span{font-size:60%}


.gallery{
	background: -moz-linear-gradient(to bottom,#76ced3,#fbf5e8 10%,#fbf5e8); 
background: -webkit-linear-gradient(to bottom,#76ced3,#fbf5e8 10%,#fbf5e8); 
background: linear-gradient(to bottom,#76ced3,#fbf5e8 10%,#fbf5e8); 
}

.gallery-header{
	background-size:auto 75%;
}

.gallery-header h1{
	font-size:54%;
	padding:3em 0;
}

.item-flex-wrapper{
  background:url(../img/bg-gallery-item.png) ;
  background-size:auto 20rem;
  background-repeat:repeat;
  text-align:center;
  width:100%;
	}
.item-flex{
	display: flex;
	width:90%;
  margin:0 auto;
  flex-flow: row;
  flex-wrap: wrap;
	}

.item{
	background-image:none;
	flex:1 1 1 1 1 1 1 1 1 1;
	width:50%;
	padding-bottom:0rem;
	height:20rem;
	}
.item img{
	width:18rem;
	margin:0;
}
.item h2{
	font-size:2rem;
	    -webkit-margin-before: 0.4rem;
		    padding-top: 0.4rem;
    -webkit-margin-after: 0.3rem;
	}
.item-data .comment{
	color:#000;
	font-size:1rem;
	height:4rem;
	-webkit-margin-before: 1.5rem;
	padding-right:5%;
	}
.nobr br{display:block;}
.item-data .price{
	font-size:1.8rem;
	    -webkit-margin-before: 0.8rem;
	}

#section5{
	background-image:url(../img/bg-sekaiichi02.jpg);
	background-size:contain;
	z-index:1;
	position: relative;
	background-position:0 0;
	}

#section5 header{
	padding-top:1%;
	}
#section5 h1{
	font-size:54%;
	
	}
#section5 .cc{
	font-size:150%;
	padding-bottom:10%;
	}

#section6 {
	background:rgba(62,58,57,1.00);
	color:#fff;
	z-index:0;
	
	}
#access {
	margin-top: -6rem !important;/* グロナビのズレ解消 */
	padding-top: 6rem !important; /* グロナビのズレ解消 */
	}

.google-map iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	display:block;
}
.google-map a {
	display:none;
}
.center-wrapper {
	width:60%;
	margin:auto 20%;
	}
.center-wrapper2 {
	width:50%;
	margin:auto 25%;
	}
#section6 h1,#section6 h2,#section6 p{
	
	}
#section6 h1{
	font-size:54%;
	padding:0.3em 0;
	}
#section6 h2{
	font-size:50%;
	padding:0;
	}
.telno, .shopdata {
	padding:0;
	}
#section6 .shopdata p{
	font-size:30%;
	padding:0;
	}


.telno strong {
	display:inline-block;
	line-height:2.5em;
	}
.telno em {
	font-size:180%; font-style:normal;
	}

.gray-wrapper {
	background:rgba(62,58,57,1.00);
	padding-bottom:4rem;
	}

#section6-2{
	height:26rem;
	}
#section6-2 header{
	padding:10rem 0 0;
	margin-bottom:0;
	
	
	}
#section6-2 h1{
	font-size:54%;
	}
	
	
#section6-3{
	background-color:#C8C8C8;
	padding:4em 3em;
	}

#section-footer {
	padding-top:1rem;
	}
.sns-share-pc {
	display:block;
	}
.sns-share-pc ul {
	list-style:none;
	margin:0 !important;
	padding:0;
	width:100%;
	display:table;
	}
.sns-share-pc ul li {
	display:table-cell;
	margin:0;
	padding:0 !important;
	}
.sns-share-pc ul li a {
	display: block;
	}
.sns-share-pc ul li a img {
	width:7rem !important;
	}
.sns-share {
	display:none;
	}

#section-footer .header{
	padding-bottom:3rem;
	}

#section-footer .header img{
	width:14rem;
		
	}
.footerlink{
	width:50%;
	margin:auto 25%;
	padding:auto 3em;
	}
#section-footer ul {
	margin:0;
	}
#section-footer ul:nth-of-type(1) {
	padding-left:2em;
	}
#section-footer ul li {
	font-size:30%;
	}
#section-footer ul:nth-of-type(2) li:nth-last-of-type(1){
	background-size:10%;
	font-size:30%;
	}
#section-footer ul:nth-of-type(2) li:nth-last-of-type(1) a{
	padding-left:3.5em;
	display:inline-block;
	}
.copyright {
	background-size:auto 200%;
	background-position:center -20%;
}
.copyright p {
	font-size:30%;
	padding:0 ;
}



#section-about01{
	background-image:url(../img/bg-company.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	
	width:100%;
}

#section-about01 header{
	margin:0 ;
	padding:6rem 0 0;
}
#section-about01 header h1{
	font-size:54%;
}
.concept{
	padding:3.5em 1.2em 3.5em;
	width:26%;
	margin-top:-5.8rem;
}
.concept p{
	font-size:30%;
}

#section-company header h1{
	font-size:54%;
}
#section-company h2{
	font-size:40%;

}

#section-company table{
	margin:0 0 2em 21%;
}
#section-company td,#section-company th{
	

}
#section-company .comapany-data{
	padding:0;
	}
#section-company .comapany-data h3{
	font-size:40%;
	}

/*-------------------------------------
世界一のまぐろ
---------------------------------------*/
#section-maguro01{
	background-image:url(../img/bg-maguro02.jpg);
}
#section-maguro01 header{
	margin:0 ;
	padding:28% 0 0;
}
#section-maguro01 header h1{
	font-size:54%;
}
#section-maguro01 .scroll-down {
	left:48%;
}

/*-process---*/
#section-maguro02{
	background-color:#fcf8ef;
	}
.process {
	padding-top:3rem;
}
.thumbnail{
	background-image:url(../img/bg-process01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
}
.thumbnail header{
	padding:0 0 40%;
}
.thumbnail header h1{
	font-size:54%;
}
.process .caption{
	padding:1rem 0 2rem;
}
.process .caption p{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
#process03 {
	padding-bottom:5rem;
}
#process02 .thumbnail{
	background-image:url(../img/bg-process02.jpg);
}
#process03 .thumbnail{
	background-image:url(../img/bg-process03.jpg);
}

/*-世界のまぐろ---*/
#section-maguro03 header{
	padding:5% 0;
}
#section-maguro03 header h1{
	font-size:54%;
}
.world{
	margin-bottom: 15%;
}
.world img{
	width: 100%;
	height:100%;
}


.world h2{
	font-size:40%;

	-webkit-margin-after: 0.3em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serifl;
}

/*-------------------------------------
サイトポリシー
---------------------------------------*/

#section-sp01 header{
	margin:0 ;
	padding:28% 0 0;
}
#section-sp01 header h1{
	font-size:54%;
}
#section-sp01 .scroll-down {
	left:48%;
}


#section-sp02 h2{
	font-size:40%;
}


}

/*768px iPad 縦向き*/
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
	.ship-anime{
		top: 35%;
		left:-38%;
}
.ship-anime img{
		width:50%;
}
#section2{
		background-position:center 160%;
		}
}



/* iPhoneX */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
	
	#section1{
		background-size:auto 40%;
	}
	.ship-anime{
		top: 41%;
		left:-34%;
}

	#section-about01 header{
	margin:33% 0 40%;
}
	}
	



#sns-fix {
    position: fixed;
    bottom: 0;
    right: 0;
	z-index:1000;
	height:36px;

}