@media only screen and (max-width:730px){
#device { display:block;}
#device p.pc_btn { display:none;}
#device p.sp_btn {display:block; }
}

@media only screen and (max-width:700px){

body { min-width:400px; font-size:100%;}
#header, #content{ width:100%;}
#footer { width:auto; text-align:center; }

#wrapper { background:#FFF; border-top:none; overflow:initial; }
.base { width:auto; margin:0 !important;}

.pc { display:none;}
.sm { display:block;}

#device p.pc_btn { display:block !important;}
#device p.sp_btn { display:none !important;}

/*====================================================================================================
  HEADER
====================================================================================================*/
#header { display:none; }

/*====================================================================================================
  CONTENT
====================================================================================================*/
#content {}


/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer {}

#footer .contact { padding:10% 0; }
#footer .contact p { margin:5% auto 10%; }
#footer .contact .tel { margin-bottom:5%; }

#footer .central_group { padding:10% 4%; }
#footer .central_group h3 { margin-bottom:5%; }
#footer .central_group ul li { width:48%; margin:1%!important; }

#footer .add { padding:10% 15%; text-align:left; }
#footer .add .box h2.logo {
	/* float:none;  */
	margin:auto auto 5%;
}
/* #footer .add .box .box-r { float:none; } */

#footer .add .box {
	/* max-width:670px;
	width:100%;
	margin:auto;
	display: flex; */
	flex-direction: column;
	/* gap: 10px; */
}


/*====================================================================================================
  TOPPAGE 
====================================================================================================*/
#toppage {}

#toppage {}

/* MAINIMG */
#toppage .mainimg {}

/* CAREFULLY SELECTED MATERIALS */
#toppage .materials .fish { width:90%; margin-bottom:15%; padding:5% 0 12%; }
#toppage .materials .fish .photo img { width:100%; }
#toppage .materials .fish h3 { float:none; margin:50px 0 40px; }
#toppage .materials .fish .come { float:none; font-size:90%; width:100%; margin:0; text-align:justify; }

#toppage .materials .rice { padding:40px 0 25px; }
#toppage .materials .rice .box_main { width:90%; }
#toppage .materials .rice .box_main::before { display:none; }
#toppage .materials .rice .box_main h3 { line-height:180%; }
#toppage .materials .rice .box_main .come { float:none; width:70%; padding-top:90px; }
#toppage .materials .rice .box_main .photo { float:none; margin-top:126px; }
#toppage .materials .rice .box_main .photo::after {
	right:-15px;
	bottom:auto;
	top:-115px;
	width:389px;
	height:212px;
	background-size:contain;
}
#toppage .materials .rice .box_main .photo img { width:100%; }

#toppage .materials .order { max-height:306px; height:306px; background-position:20% 0; }
#toppage .materials .order .note { width:100%; padding:15px 25px; }

#toppage .materials .live_fish { padding:50px 0 20px; }
#toppage .materials .live_fish .box_main { width:90%; }
#toppage .materials .live_fish h3 { float:none; }
#toppage .materials .live_fish .come { float:none; width:100%; }
#toppage .materials .live_fish .photo { margin-top:90px; }
#toppage .materials .live_fish .photo::after {
	left:auto;
	right:-15px; 
	top:-80px;
	bottom:auto;
	width:306px;
	height:144px;
	background-size:contain;
}
#toppage .materials .live_fish .photo img { width:100%; }


/* BANNER */
#toppage .banner { padding:5% 5% 10%; margin:auto; }
#toppage .banner img { width:100%; }
#toppage .banner h3 { line-height:130%; margin:5% auto 2%; }


/* COURSE */
#toppage .course {}
#toppage .course .box_course { padding:5% 5% 70%; background: url(../../image/top/course_bg-sm.png) no-repeat right bottom; background-size:cover; }
#toppage .course .box_course .box2 { width:100%; padding:15%; }
#toppage .course .box_course .box2 h3 { line-height:100%; padding:7% 0; }
#toppage .course .box_course .box2 .catch { line-height:150%; padding:10% 0 2%; }

#toppage .course .menu { padding:10% 5%; }
#toppage .course .menu .box3 { border-bottom:none; }
#toppage .course .menu .box3 h4 { float:none; width:100%; margin:auto; }
#toppage .course .menu .box3 .box-r { clear:both; padding-bottom:0; }
#toppage .course .menu .box3 .box-r::after { clear:both; content:""; display:block; }
#toppage .course .menu .box3 .price { float:left; margin-right:5%; }
#toppage .course .menu .box3 .price::after { display:none; }
#toppage .course .menu .box2 { float:none; width:100%; }
#toppage .course .menu .box2 .list1 { float:none; padding-top:3%; }
#toppage .course .menu .box2 .list2 { float:none; }
#toppage .course .menu .menu1 { margin:auto auto 10%; }







/*====================================================================================================
  SUB PAGE
====================================================================================================*/
.pan { display: none;}

#subpage { 
    margin:0 auto !important;
    width:100%;
    box-sizing:border-box;
}

/* ¥ [No Touch]¥ */
/* MIDASHI */
#subpage h3 { margin:0 2% 20px; font-size: 120%;}
#subpage h4.mid { margin:0 2% 20px; font-size: 110%;}
#subpage h4 { margin:0 2% 20px; font-size: 100%;}

/* CATCH COPY */
#subpage .catch { margin:0 2% 20px; font-size: 120%;}

/* COMMON */
#subpage .comment1 { margin:0 2% 20px;}
#subpage .comment2 { margin:0 2% 20px; padding:5%;}
#subpage .comment3 { margin:0 2% 20px; padding:5%;}

/* HYOU */
#subpage table.hyou { margin:0 2%; width:96%; table-layout:auto;}
#subpage table.hyou th,
#subpage table.hyou td{
	table-layout:auto !important;
	display:block !important;
	padding:5% !important;
	width:90% !important;
	height:auto !important;
}
#subpage table.pc_tit { display:none;}
#subpage table.hyou .sm_mid { display:block;}

/* 2RETU */
#subpage table.hyou2 td table {}
#subpage table.hyou2 td table th,
#subpage table.hyou2 td table td {
	display:table-cell !important;
	padding:5% !important;
	width:auto !important;
	height:auto !important;
}

/* 3RETU */
#subpage table.hyou3 { border-top:1px solid #DDD;}
#subpage table.hyou3+table.hyou3 { border-top:1px solid #DDD;}

/* 4RETU */
#subpage table.hyou4 {border-top:1px solid #DDD;}
#subpage table.hyou4+table.hyou4 { border-top:1px solid #DDD;}

/* 5RETU */
#subpage table.hyou5 { border-top:1px solid #DDD;}
#subpage table.hyou5+table.hyou5 { border-top:1px solid #DDD;}

/* FREE */
#subpage .pc_table { display:none;}
#subpage .sm_table { display:block;}
#subpage .sm_table table td { padding:5% !important;}
	
/* FREE2 */
#subpage table.free { margin:20px 2% 0; border-top:1px solid #DDD !important; border-bottom:1px solid #DDD !important;}
#subpage table.free td {
	table-layout:auto !important;
	display:block !important;
	padding:5% !important;
	width:90% !important;
	height:auto !important;
	border-bottom:none;
}
#subpage table.free td:last-child {border-bottom:none;}
#subpage table.free td div.sm {display:block !important; text-align:center; border-bottom:none !important /*1px solid #1F266C*/;}
#subpage table.free tr:nth-child(1) td:nth-child(1),
#subpage table.free tr:nth-child(1) td:nth-child(3) {border-bottom:1px dotted #DDD !important;}

/* FIX */
#subpage .fix_table {font-size:1vw;}
#subpage .fix_table table { padding: 0;}
#subpage .fix_table table th,
#subpage .fix_table table td { padding:2%;}

/* LIST */
#subpage ul.list-ul { margin:20px 2%;}

/* LINK */
#subpage .link2,
#subpage .link3,
#subpage .link4 {width:auto;}
#subpage .file2,
#subpage .file3,
#subpage .file4 {width:auto;}

/* EMBEDDED */
#subpage .embedded { margin:0 2% 20px;}
#subpage .embedded iframe { width: 100%; height: 300px;}

/* PHOTO BOX */
#subpage ul.photo_box { clear:none !important; float:none !important; margin:2%; width:96% !important; text-align:center;}
#subpage ul.g1 li,
#subpage ul.g2 li,
#subpage ul.g3 li,
#subpage ul.g4 li,
#subpage ul.g5 li{ margin:15px 0; width:100%; text-align:center;}
#subpage ul.g1 li.photo img,
/*#subpage ul.g2 li.photo img,*/
#subpage ul.g3 li.photo img,
#subpage ul.g4 li.photo img,
#subpage ul.g5 li.photo img { max-width:240px !important; height:auto !important;}

/* YOUTUBE */
#subpage .youtube {position: relative; width: 100%;}
#subpage .youtube iframe { width: 100% !important;  height: 100% !important;}

/* BOX */
#subpage .temple-box { margin:0 2%; width:96%;}
#subpage .temple-box:after { display:none;}
#subpage .box1,
#subpage .box2 { float:none;margin: 0 2% 20px; width:96%;}
#subpage .box1:after,
#subpage .box2:after { display:none;}
#subpage .box1 .catch { margin:0 0 20px !important;}
#subpage .box1 h4,
#subpage .box2 h4 { margin:10px 0; font-size:100%;}
#subpage .photo-c { float:none; padding:0; width:100%;}
#subpage .photo-c img { max-width:240px !important; height:auto !important; padding:0 0 20px;}
#subpage .photo-l,
#subpage .photo-r { float:none; padding:0; width:100%; text-align:center;}
#subpage .photo-l img,
#subpage .photo-r img { /*max-width:240px !important;*/ height:auto !important; padding:0 0 20px;}

/* LINE */
#subpage .line {
	margin:0 2% 20px;
	height:50px;
	background-size:100% auto;
}

/* BUTTON */
#subpage .btn { float:none; margin:1% 2%;}
#subpage .b1,
#subpage .b2,
#subpage .b3 { width:auto;}

/* COLUMNBOX */
#subpage .column {}
#subpage .column:after { display:none;}
#subpage .column .col2 { float:none; margin: 2%; width: 96%;}
#subpage .column .col3 { float:none; margin: 2%; width: 96%;}

/* FLOW */
#subpage ul.flow_box {}
#subpage ul.flow_box:after { display:none;}
#subpage ul.flow_box li { float:none; width:96% !important;}
#subpage ul.flow_box li a:hover {}
#subpage .flow1+.flow1 { margin-top:30px;}
#subpage .flow1+.flow1:before { top:-30px;}
#subpage ul.flow_box li+li { margin-top:30px;}
#subpage ul.flow_box li+li:before {
	position:absolute;
	top:-30px;
	left:0;
	display:block;
	clear:both;
	content:"";
	width:100%;
	height:30px;
	background:url(../image/flow_bg_sm.png) no-repeat center center;
}
#subpage .flow1a+.flow1a {margin-top:30px;}
#subpage .flow1a+.flow1a:before { top:-30px; width:100%;}
#subpage .flow1a li+li { margin-top:5px !important; padding: 0 !important;}


/*====================================================================================================
  ANCHORS
====================================================================================================*/
ul.anchor { width:90%; margin-top:35px; }
ul.anchor li { float:none; width:100%; border:none; border-left:5px solid #B79B66; }
ul.anchor li::after { display:none; }
ul.anchor li+li { margin:0; margin-top:2px; }


/*====================================================================================================
  COMMON PARTS
====================================================================================================*/
#about { width:90%; margin:0 auto 40px; padding:70px 0 300px; background-position:0 bottom; }


/*====================================================================================================
  漁ま厳選素材
====================================================================================================*/
#materials .box_main { width:90%; }
#materials h2 {
	position:initial;
	text-align:center;
	writing-mode:horizontal-tb;
	background:#251714;
	letter-spacing:5px;
	font-size:343%;
	padding:30px 5%;
}
#materials h3 {
	width:75px;
	height:178px;
	background-size:contain;
	margin-top:100px;
}
#materials .cap1 {
	float:none;
	clear:both;
	margin-top:0;
	font-size:204%;
	line-height:150%;
}
#materials .cap2 { float:none; font-size:100%; line-height:220%; }

#materials .rice { max-height:635px; height:635px; background-position:30%; }
#materials .live_fish { max-height:635px; height:635px; background-position:30%; }
#materials .live_fish h3 { width:86px; height:196px; background-size:contain; }
#materials .sozai { max-height:635px; height:635px; background-position:30%; }
#materials .sozai h3 { width:84px; height:199px; background-size:contain; }




/*====================================================================================================
  漁まの定食
====================================================================================================*/
#teishoku {}

#teishoku .set_menu { padding:45px 0; }
#teishoku .set_menu::after { display:none; }
#teishoku .set_menu .box_main { width:90%; }
#teishoku .set_menu .box_main h3 { line-height:200%; }
#teishoku .set_menu .box_main h3 b,
#teishoku .set_menu .box_main h3 small { display:block; }
#teishoku .set_menu .box_main h3 small {
	padding:10px 4%; 
	width:92%;
	margin:20px 0 0;
	letter-spacing:-2px;
	border-radius:10px;
}

#teishoku .set_menu .box_main .menu { float:none; width:100%; }
#teishoku .set_menu .box_main .menu::before,
#teishoku .set_menu .box_main .menu::after { display:none; }
#teishoku .set_menu .box_main .menu .photo-l img,
#teishoku .set_menu .box_main .menu .photo-r img { max-width:100%!important; }
#teishoku .set_menu .box_main .menu dl {}
#teishoku .set_menu .box_main .menu dl dt { float:none; }
#teishoku .set_menu .box_main .menu dl dt small { display:block; text-indent:-10px; }
#teishoku .set_menu .box_main .menu dl dd { float:none; }
#teishoku .set_menu .box_main .menu dl dd::after { display:block; clear:both; content:""; }
#teishoku .set_menu .box_main .menu dl dd p { margin-top:20px; }
#teishoku .set_menu .box_main .menu dl dd p.photo-l,
#teishoku .set_menu .box_main .menu dl dd p.photo-r { width:49%; }
#teishoku .set_menu .box_main .menu dl dd p img { width:100%!important; padding:0!important; }
#teishoku .set_menu .box_main .menu p { text-align:left; }
#teishoku .set_menu .box_main .menu.menu2 { margin-bottom:0; }
#teishoku .set_menu .box_main .menu.menu2 h3 small {
	margin-left:0;
	width:92%;
	letter-spacing:-1px;
	line-height:130%;
}
    
#sashimi .sashimi_menu .box_main .menu_list .gochiso{ padding: 40px 0; width: 100%; font-size:160%; border-bottom:1px solid #C2C450; overflow: hidden;}
#sashimi .sashimi_menu .box_main .menu_list .gochiso ul{ width: 50%; }
#sashimi .sashimi_menu .box_main .menu_list .gochiso .shina{ float: left; border-right: dotted 2px #000; line-height: 40px;}
#sashimi .sashimi_menu .box_main .menu_list .gochiso .shina li:before{ font-size: 40%; margin-right: 10px; content: '●'; vertical-align: 5px;}
#sashimi .sashimi_menu .box_main .menu_list .gochiso .pay{ float: right; padding: 30px 0; text-align: right; line-height: 30px;}
#sashimi .sashimi_menu .box_main .menu_list .gochiso .pay li span{ display: inline-block; padding: 0 0 15px; border-bottom:1px solid #C2C450;}
    
    
#teishoku .set_menu .box_main .note { padding:50px 0; }

#teishoku .set_menu .box_main .note_seconds { padding-top:60px; }
#teishoku .set_menu .box_main .note_seconds .photo-l { width:55%!important; }
#teishoku .set_menu .box_main .note_seconds .photo-l::before {
	width:212px;
	height:174px;
	right:-163px;
	top:-35px;
	background-size:contain;
}
#teishoku .set_menu .box_main .note_seconds .photo-l::after {
	width:153px;
	height:70px;
	right:-160px;
	top:auto;
	bottom:50px;
	background-size:contain;
}
#teishoku .set_menu .box_main .note_seconds .photo-l img { width:100%!important; padding:0!important; }
#teishoku .set_menu .box_main .note_seconds h4 { margin:60% 0 0; }
#teishoku .set_menu .box_main .note_seconds .come { clear:both; padding-top:20px; }


/*====================================================================================================
  自慢の刺身
====================================================================================================*/
#sashimi {}

#sashimi .sashimi_menu { padding:50px 0; }
#sashimi .sashimi_menu .box_main { width:90%; }
#sashimi .sashimi_menu .box_main .s_bowl .photo { float:none; width:100%; margin:20px 0 0; }
#sashimi .sashimi_menu .box_main .s_bowl .photo img { width:100%; }
#sashimi .sashimi_menu .box_main .s_bowl h4 { float:none; margin:20px 0; }
#sashimi .sashimi_menu .box_main .s_bowl h4 img { width:100%; }
#sashimi .sashimi_menu .box_main .s_bowl .servings { float:none; margin:0; }
#sashimi .sashimi_menu .box_main .s_bowl .servings dl { padding:20px 0; }
#sashimi .sashimi_menu .box_main .s_bowl .servings dl dd { float:left; margin-left:40px; }
#sashimi .sashimi_menu .box_main .s_bowl .serve_menu { float:none; margin-top:60px; }
#sashimi .sashimi_menu .box_main .s_bowl .serve_menu::after { display:none; }
#sashimi .sashimi_menu .box_main .s_bowl .serve_menu img {
	content:url(../../image/sbpage/sashimi_03-sm.png);
	width:100%;
}

#sashimi .sashimi_menu .box_main .menu { float:none; width:100%; margin-top:45px; }
#sashimi .sashimi_menu .box_main .menu h4 { float:none; margin:20px auto; }
#sashimi .sashimi_menu .box_main .menu .menu_list { float:none; width:100%!important; }
#sashimi .sashimi_menu .box_main .menu .menu_list dl { width:100%!important; padding:20px 0; }
#sashimi .sashimi_menu .box_main .menu .menu_list dl dt { float:none; width:100%; padding:0 15px; }
#sashimi .sashimi_menu .box_main .menu .menu_list dl dd { padding:0 15px; }
#sashimi .sashimi_menu .box_main .menu .menu_list dl dd+dd { margin:0; }
#sashimi .sashimi_menu .box_main .menu .menu_list dl dd:nth-child(5) { clear:both; }

#sashimi .sashimi_menu .box_main .menu.menu2 {}
#sashimi .sashimi_menu .box_main .menu.menu2::after { display:none; }
#sashimi .sashimi_menu .box_main .menu.menu2 dl dd { float:none; margin-right:0!important; }
#sashimi .sashimi_menu .box_main .menu.menu2 dl dd.sm { width:100%; margin-top:20px; padding:0; }
#sashimi .sashimi_menu .box_main .menu.menu2 dl dd.sm img { width:100%; }
#sashimi .sashimi_menu .box_main .menu.menu2 dl:nth-child(6) dt small { display:block; text-indent:-10px; }

#sashimi .sashimi_menu .box_main .other_menu { float:none; padding-bottom:0; }
#sashimi .sashimi_menu .box_main .other_menu .photo-l { float:none; width:70%; margin:25px 0 0 -6%; }
#sashimi .sashimi_menu .box_main .other_menu .photo-l img { width:100%; }
#sashimi .sashimi_menu .box_main .other_menu .come { float:none; }

#sashimi .sashimi_menu .box_main .unagi { background-size:300%; padding-top:460px; }
#sashimi .sashimi_menu .box_main .unagi::before {
	left:0;
	right:0;
	margin:auto;
	width:229px;
	height:412px;
	background-size:contain;
}
#sashimi .sashimi_menu .box_main .unagi h4 { float:none; width:100%; }
#sashimi .sashimi_menu .box_main .unagi .come { float:none; width:100%; }
#sashimi .sashimi_menu .box_main .unagi .come dl { padding:20px 0; }
#sashimi .sashimi_menu .box_main .unagi .come dl dd p { width:100%; margin-top:20px; }
#sashimi .sashimi_menu .box_main .unagi .come dl dd p img { width:100%; }




/*====================================================================================================
  釜飯
====================================================================================================*/
#kamameshi {}

#kamameshi h3 { font-size:255%; margin:auto auto 10%; }

#kamameshi dl { margin-bottom:5%; line-height:200%; }
#kamameshi dl dt,
#kamameshi dl dd { float:none; }
#kamameshi dl dd p { margin:15% auto 7%; }
#kamameshi dl:nth-child(2) dd p:first-child { margin-top:7%; }
#kamameshi dl dd p img { width:100%; }

#kamameshi .menu { padding:15% 5%; }
#kamameshi .menu1 .menu_tit { width:100%; padding-bottom:10%; }
#kamameshi .menu1 h4 { float:none; }
#kamameshi .menu1 .price { float:none; margin-top:-5%; }
#kamameshi .menu1 .price .note { margin-top:5%; }

#kamameshi .menu2 { margin-top:15%; }
#kamameshi .menu2 .price { width:100%; text-align:left; margin-top:5%; }
#kamameshi .menu2 .price b { text-align:justify; }
#kamameshi .menu2 .price .note1 { margin:5% auto 7%; }
#kamameshi .menu2 .price .note1::after { width:100%; }
#kamameshi .menu2 .price .note2 { margin-top:5%; }

#kamameshi .list { width:100%; float:none; margin:15% auto; }
#kamameshi .list .note { text-align:left; }

#kamameshi .menu1 .menu_tit::after, 
#kamameshi .menu1 .list::after { display:none; }

#kamameshi .photo-l { margin:5% auto 3%; }
#kamameshi .photo-l img { padding:0; }



/*====================================================================================================
  単品
====================================================================================================*/
#tanpin {}
#tanpin h3 { font-size:255%; margin:auto auto 10%; }

#tanpin .menu { padding:15% 5% 10%; }

#tanpin dl { margin-bottom:5%; line-height:200%; }
#tanpin dl dt,
#tanpin dl dd { float:none; }
#tanpin dl dd p { margin:3% auto 5%; }
#tanpin dl dd p img { width:100%; }

#tanpin .box1 { width:100%; margin:auto; }
#tanpin .box3 { float:none; width:100%; }
#tanpin .box3 .photo img { width:100%; }

#tanpin .list { margin-bottom:20%; }
#tanpin .list::after { display:none; }

#tanpin .menu p.zei { text-align:left; }



/*====================================================================================================
  店舗情報
====================================================================================================*/
#information {}

#information .mainimg img { }

#information .info { padding:7% 5% 10%; }

#information .comment1 { margin:5% auto; }

#information  .photo-c img { max-width:100%!important; padding:0; }

#information ul.g2 { width:48%!important; float:left!important; margin:1%; }
#information ul.g2 img { max-width:100%!important; }

#information .access { margin:10% auto; }

/*====================================================================================================
  スタッフ
====================================================================================================*/
#staff {}
#staff .recruit_notice { z-index:1; overflow:hidden; width:100%; margin:0 auto; padding:90px 0 15px; }
#staff .recruit_notice::before {
	width:279px;
	height:260px;
	left:-115px;
	top:120px;
	background-size:contain;
}
#staff .recruit_notice::after {
	width:244px;
	height:149px;
	right:-120px;
	top:40px;
	background-size:contain;
}
#staff .recruit_notice .hall { width:90%; margin:0 auto; }
#staff .recruit_notice .parttime { width:90%; margin:30px auto 0; }
#staff .recruit_notice img { width:100%; }

#staff .recruit_details { width:90%; }
#staff .recruit_details .time { padding:25px 0; }
#staff .recruit_details .time img { width:80%; }
#staff .recruit_details .contact { background:#FFF; padding:0; }

#staff .come { margin:0 auto; padding:35px 0 50px; z-index:1; overflow:hidden; }
#staff .come img { width:90%; }
#staff .come::before {
	width:239px;
	height:146px;
	left:-100px;
	top:auto;
	bottom:20px;
	background-size:contain;
}
#staff .come::after {
	width:144px;
	height:109px;
	top:60px;
	right:-30px;
	background-size:contain;
}

}