@charset "utf-8";
body {
    margin: 0;
    font-family: NotoSerif,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    background: url(images/bk.jpg);
    font-weight: bold;
}
a {text-decoration: none;color: #000;}
a:hover {opacity: 0.6;transform: 0.3s;}
ul {list-style:none;margin:0;padding:0;}
li {margin:0;padding:0;}
hr {margin:0 auto;}
/*img{ max-width: 100% }*/
h4 {
    margin-block-end: 0;
    margin-block-start: 0;
    max-width: 750px;
}

/*宮城県気仙沼市ヘッダーナビ*/
nav.head_nav ul {
    text-align: center;
    padding: 3% 0 5%;
}
nav.head_nav li {
    border-right: 1px dotted rgb(190, 190, 190);
    width: 9%;
    display: inline-block;
}
nav.head_nav img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}
nav.head_nav a {
    position: relative;
    text-decoration: none;
    color: #000;
    display: inline-block;
}
nav.head_nav a:hover img {
  transition: .3s;
  transform: scale(1.1);
  /*font-weight: bold;*/
}
nav.head_nav a:hover p {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
}
nav.head_nav a p {
    display: inline-block;
    transition: .5s;
    margin: 0;
    font-size: 1.3em;
    font-weight: bold;
    color: #520001;
    text-shadow: 0 0 #520001;
}
/*-- 画面固定バナー */
.floating-nav {
    position: fixed;
    bottom: -16.5%;
    right: 0;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0 0 0 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99999;
}
.floating-nav ul {
	width: 160px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.floating-nav ul li {
    position: relative;
    right: -25px;
    margin: 10px 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: right 0.6s ease-in-out;
    transition: right 0.6s ease-in-out;
    text-align: left;
    background: #000;
    display: flex;
}
.floating-nav ul li:hover {
	right: 0;
    opacity: 1;
}
.floating-nav ul li a {
    text-decoration: none;
    color: #fff;
    display: flex;
    text-align: center;
    align-items: center;
    opacity: 1;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 31%);
}
.floating-nav ul li a span {
    writing-mode: vertical-rl;
}

#nav-list {
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
}
#nav-list ul {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-top: 0.5vw;
}
#nav-list li {
    padding: 0.5rem 1%;
    font-weight: bold;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    text-shadow: 0 0 #fff;
}
#nav-list li a {
    color: #fff;
}

.header-slider {
    height: 45vw;
    position: relative;
    width: 100%;
    margin: 0;
}

.header-slider iframe {
    position: absolute;
    display: block;
    width: 100%;
    height: 45vw;
}
.header-slider2 {
    height: 20rem;
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.header-slider2 iframe {
    position: absolute;
    display: block;
    width: 100%;
    height: 25vw;
}
.header-slider3 {
    height: 15vw;
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.header-slider3 iframe {
    position: absolute;
    display: block;
    width: 100%;
    height: 15vw;
}
/*宮城県気仙沼市ヘッダー*/
header h2 {
    text-align: center;
    width: 50%;
    margin: 2% auto;
    line-height: 3em;
}
h2.rank_ttl img {
    width: 65%;
}
h2 img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.head_logo {
    position: absolute;
    right: 0;
    text-align: left;
    justify-items: left;
    bottom: 1vw;
    width: 30vw;
    display: none;
}
.head_logo a:hover {
    opacity: 1;
}
.head_logo img.logo {
    width: 70%;
}
.header_wrap {
    position: relative;
}
.header_wrap::before {
    content: "";
    background: #56b7d9;
    width: 100%;
    height: 10vw;
    background-size: 100% 10vw;
    position: absolute;
    left: 0;
}
.header_ttl img {
    width: 80%;
    margin: 2% 10%;
}

/*カテゴリバナー*/
.head_bn1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* text-align: -webkit-center; */
    justify-content: space-between;
    margin: 1rem auto;
    width: 80%;
}
.head_img {
    flex: 0 49.5%;
}
.head_img.sp {
    display: none;
}
.head_bn1 div.image {
    width: 100%;
    overflow: hidden;
    height: 100%;
}
.head_bn1 div.image img {
    transform: scale(1);
    transition: .3s ease-in-out;
}
.head_bn1 div.image img {
    width: 100%;
}
.head_bn1 div.image:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
/*宮城県気仙沼市ヘッダースライダー*/
#osusumeSlider {
    width: 80%;
    margin: 0 auto;
}
.slick-slider {
    margin: 0;
    padding: 0;
}
li.item.slick-slide {
    width: 200px;
}
.photo img {
    width: 180px;
    margin: 0 auto;
}
li.item.slick-slide a {
    color: #807B6E;
    text-decoration: none;
    text-align: center;
    font-size: 80%;
    letter-spacing: 0.05em;
    font-family: "Hiragino Maru Gothic ProN W4","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic Pro W4","ヒラギノ丸ゴ Pro W4";
    font-weight: bold;
}
.dcma {
    width: 80%;
    margin: 1.5rem auto;
}
.dcma img {
    width: 100%;
}

/*ぬまっぷ*/

.numap {
    width: 80%;
    margin: 0 auto;
}
.numap_wrap {
    background: url(images/numap_02.png) no-repeat;
    width: 100%;
    display: flex;
    background-size: cover;
    background-position: center center;
    margin: 0 auto;
    position: relative;
    justify-content: center;
}
.numap_sp_wrap {display: none;}
.numap_wrap img {
    height: auto;
    transition: transform .6s ease;
    width: 100%;
}
.numap_wrap a:hover img {transform: scale(1.1);}
.numap_wrap a:hover  {opacity: 1;}
.numap_ttl {
    width: 30%;
    text-align: center;
    position: absolute;
    display: inline-block;
}
.numap_leftitem, .numap_centeritem, .numap_rightitem {
    flex: 0 33.333%;
}
.numap_item06ilst {
    position: absolute;
    top: 8vw;
    right: -4vw;
    width: 15vw;
}
.numap_item06 {
    position: inherit;
}
.numap_item07 {
    position: absolute;
    bottom: -22px;
    right: 20vw;
    width: 28vw;
}
.fadeUp a {
    display: block;
    width: 100%;
    height: 100%;
}
.fadeUp {
    display: inline-block;
  }
 .fadeUp a {
    color: #acacac;
    position: relative;
    z-index: 10;
    text-decoration: none;
 }
.circle_01, .circle_02, .circle_03, .circle_04, .circle_05, .circle_06, .circle_07 {
    display: inline-block;
    width: 20vw;
    height: 20vw;
    border-radius: 50%;
    background-color: #ffffff00;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    z-index: 0;
    transition: .3s;
}
.circle_02 {width: 12vw;height: 12vw;}
.circle_03, .circle_05, .circle_07 {width: 18vw;height: 18vw;}
.circle_04 {width: 9vw;height: 9vw;right: 6vw;top: 75%;}
.circle_05 {top: 70%;right: 70%;}
.circle_06, .circle_07 {right: 40%;}

.fadeUp a:hover + .circle_01, .fadeUp a:hover + .circle_02, .fadeUp a:hover + .circle_03, .fadeUp a:hover + .circle_04, .fadeUp a:hover + .circle_05, .fadeUp a:hover + .circle_06, .fadeUp a:hover + .circle_07 {
    background-color: rgb(255 245 125 / 70%);
}
.box {opacity: 0;}

.numap_item01 {animation-delay: 0.2s;}
.numap_item02 {animation-delay: 0.8s;}
.numap_item03 {animation-delay: 0.3s;}
.numap_item04 {animation-delay: 1.2s;}
.numap_item05 {animation-delay: 0.8s;}
.numap_item06 {animation-delay: 0.2s;}
.numap_item07 {animation-delay: 0.3s;}
.numap_item06ilst {animation-delay: 1.2s;}


.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/*宮城県気仙沼市ピックアップカテゴリ*/
.pickupcate {
position: relative;
}
.pickupcate img {
    width: 100%;
}
.pickupcate span img {
    width: 80%;
    margin: 1.5% 10%;
}
.pickupcate_ttl01, .pickupcate_ttl02, .pickupcate_ttl03 {
    width: 14rem;
    height: 20rem;
    position: absolute;
    top: 1vw;
    left: 1vw;
}
.pickupcate_ttl01 {
    background: url(images/main_01_ttl.svg) no-repeat;
	background-size: contain;
}
.pickupcate_ttl02 {
    background: url(images/main_02_ttl.svg) no-repeat;
	background-size: contain;
    right: 1vw;
    left: auto;
}
.pickupcate_ttl03 {
    background: url(images/main_03_ttl.svg) no-repeat;
	background-size: contain;
}
/*宮城県気仙沼市ピックアップ商品*/
.pickup_item {
    /*background: #ebe7ed;*/
    padding: 2% 0;
}
.pickup {
    width: 1380px;
    margin: 0 auto 5%;
}
.pickup li {
    width: 15%;
    display: inline-block;
    margin: 1.2% .6%;
    vertical-align: top;
    overflow: hidden;
}
.pickup li:hover {
    background: rgba(0,0,0,0.2);
    transition: 0.3s;
}
.pickup li p {
    margin: 0;
    line-height: 1em;
    font-size: 90%;
}
.itemName {
    color: #43270d;
    font-weight: bold;
    font-size: 90%;
    overflow: hidden;
    height: 70px;
}
.pickup li img {
    width: 100%;
    /*height: 200px;*/
    background: #ddd;
    transform: scale(1);
    transition: .25s all;
}
.pickup li img:hover {
    transform: scale(1.05);
    transition: .25s all;
}
.pickup li .price {
    color: #f00;
    font-weight: bold;
}
#main_container {
    text-align: left;
    width: 1224px;
    margin: 0 auto;
    padding-top: 20px;
}
#main_container-inner {
    float: right;
    width: 100%;
    margin-left: -240px;
}
#main_contents {
    margin-left: 240px;
    padding: 0.5em 0 4em 20px;
}
#main_sidebar {
    float: left;
    width: 230px;
    padding: 0.5em 10px 2em 0;
    font-size: 1.1em;
    font-weight: bold;
}
.main_bnr img {
    width: 100%
}

/*宮城県気仙沼市について*/
.syoukai-wrap {
    background: url(images/syoukai_bk.png) no-repeat;
    background-size: cover;
    background-position: center bottom;
    display: flex;
    justify-content: center;
    height: 43vw;
    margin-bottom: 3vw;
}
.syoukai-wrap .syoukai_logo {
    width: 15vw;
    padding: 7vw 5vw 3vw 0;
}
.syoukai-wrap .syoukai_logo img.logo {
    width: 100%;
}
.syoukai_txt {
    white-space: pre-wrap;
    color: #0071ba;
    font-weight: bolder;
    text-shadow: 0 0 #0071ba, 0 0 #0071ba, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff, 0 0 7px #fff, 0 0 8px #fff, 0 0 9px #fff, 0 0 10px #fff, 0 0 11px #fff, 0 0 15px #fff, 0 0 13px #fff, 0 0 14px #fff, 0 0 15px #fff, 0 0 30px #fff, 0 0 25px #fff, 0 0 30px #fff;
    text-align: center;
    padding-top: 5vw;
    font-size: 1.5rem;
    line-height: 3.5rem;
    letter-spacing: 0.08em;
}

/*宮城県気仙沼市ここからレフト*/
.btn.sidebar_btn {
    border: 3px solid #2484c3;
    background: #fff;
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 0.5vw;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}
button.btn.sidebar_btn:hover {
background: #2484c3;
transition: 0.3s;
opacity: 1;
}
.btn.sidebar_btn a {
    position: relative;
    color: #2484c3;
    text-shadow: 0 0 #2484c3;
    font-weight: bold;
    padding-right: 20px;
    width: 100%;
    height: 100%;
    display: block;
    padding: 10% 0 5% 0;
}
.btn.sidebar_btn a::after {
    position: absolute;
    top: -35px;
    bottom: 0;
    right: 25px;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 10px solid #2484c3;
}
.btn.sidebar_btn a:hover{
color: #fff;
opacity: 1;
}

.btn.sidebar_btn a:hover:after {
    border-left: 10px solid #fff;
}
button.btn.sidebar_btn .img {
    width: 90%;
    height: 45px;
    background: url(images/left_line.svg)no-repeat;
    background-size: 100%;
    margin: 0 auto;
}
button.btn.sidebar_btn .img:hover{
  background:url('images/left_line2.svg')no-repeat;
    background-size: 100%;
	opacity: 1;
}
.localnavi {
    list-style-type: none;
}
.localnavi li {
    position: relative;
    margin: 0 2.5px;
    border-bottom: 1px solid #77b5dd;
}
.localnavi li:last-child {
    border-bottom: none;
}
.localnavi li::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #2484c3;
    border-right: 2px solid #2484c3;
    transform: rotate( 45deg);
    position: absolute;
    margin: 1.3em 0 0.5em 11.6em;
}
#main_sidebar .localnavi img {
    width: 42px;
    margin-right: 8px;
}
.localnavi a {
    text-decoration: none;
    display: block;
    padding: 0.6em 0;
    color: #004471;
    text-shadow: 0 0 #004471, 0 0 #004471;
    position: relative;
    line-height: 1.8;
    display: flex;
    align-items: center;
    font-size: 98%;
}
.localnavi.price a {
    padding-left: 1.5em;
    letter-spacing: 0.06em;
    font-size: 110%;
}
.localnavi a:hover {
    color: #dfcf14;
    text-shadow: 0 0 #dfcf14, 0 0 #dfcf14;
}
.serch_wrap {
    margin: 30px 0 15px;
}

.sidebar_bnr {
    margin: 1rem 0;
}


.sidetitle {
    background: #fff;
    background-size: auto;
    padding-bottom: 10px;
}
p.side_ttl {
    position: relative;
    background: #2484c3;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 #fff;
    margin: 0;
}
p.side_ttl.serch::before {
    content: "";
    position: absolute;
    border: 12px solid transparent;
    border-top: 12px solid #2484c3;
    top: 100%;
    left: 45%;
}
/*宮城県気仙沼市 ヘッダー検索*/
#nav-list li.serch {
    padding-top: 0.3rem;
}
.serch_form form {
    position: relative;
}
.serch_form img {
    width: 90% !important;
    padding: 0 5%;
    text-align: center;
}
.serch_form input[type="text"] {
    padding: 0.1vw 0 0.1vw 0.8vw;
    margin: 0;
    border: none;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.1em;
    border: 1.5px solid #FFF;
	/* フォーム調整
    border-bottom: 1.5px solid #FFF;
	*/
    font-size: 90%;
}
.serch_form input[type="text"]:placeholder {
    color: #fff;
}
.serch_form input[type="submit"] {
    position: absolute;
    top: 50%;
    font-size: 0;
    width: 1vw;
    height: 1vw;
    margin-top: -6%;
    background: url(images/icon_search2.svg) no-repeat center;
    background-size: contain;
    right: 10px;
}
.serch_form div input[type="text"]:focus {
  background    : rgb(255 255 255 / 50%);
  outline       : 0;
}
.serch_form div input[type="text"]:placeholder-shown {color: #fff;}
.serch_form div input[type="text"]::-webkit-input-placeholder {color: #fff; }
input {
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    outline: none;
    border-radius: 0;
}
/*宮城県気仙沼市 サイドバー検索窓*/
.sidebar_form form {
    position: relative;
}
.sidebar_form img {
    width: 90% !important;
    padding: 0 5%;
    text-align: center;
}
.sidebar_form input[type="text"] {
    padding: 13px 0 13px 15px;
    margin: 15px 0 10px;
    border: none;
    color: #2484c3;
    font-weight: bold;
    letter-spacing: 0.1em;
    width: 210px;
    font-size: 0.9em;
    border-bottom: 3px solid #2484c3;
    text-shadow: 0 0 #2484c3;
}
.sidebar_form input[type="submit"] {
    position: absolute;
    top: 57%;
    font-size: 0;
    width: 20px;
    height: 20px;
    margin-top: -6%;
    background: url(images/icon_search.svg) no-repeat center;
    background-size: 100%;
    right: 10px;
}
.sidebar_form div input[type="text"]:focus {
  background    : #fff;
  outline       : 0;
}
.sidebar_form div input[type="text"]:placeholder-shown {color: #2484c3;}
.sidebar_form div input[type="text"]::-webkit-input-placeholder {color: #bcbbb7; }
input {
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    outline: none;
    border-radius: 0;
}

/*宮城県気仙沼市ここからフッター*/
#footer {
    width: 100%;
    margin: 0px auto;
    display: inline-block;
    background: none;
    padding: 0 0px 3%;
    text-align: center;
}
#footer-inner {
    margin: 0px auto;
    width: 100%;
    display: flex;
    flex-flow: wrap;
}
#footer h4 {
    border-bottom: 2px solid #004471;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
    background: none;
    color: #004471;
}
.footer_info ul {
    text-align: left;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
}
.footer_info {
    width: 29%;
    margin: 2%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    color: #004471;
    text-shadow: 0 0 #004471;
}
#footer-inner h2 {
    color: #004471;
    font-size: 35px;
}
.kifu-shito {
    width: 100%;
    display: inline-block;
}
.kifu-shito img {
    margin: 0 auto;
    width: 100%;
}
.kifu-shito img.pc {display: block;}
.kifu-shito img.sp {display: none;}

.btm {
    text-align: center;
    padding: 2% 0 2%;
    background: #004471;
    color: #fff;
}
.btm a {
    color: #fff;
    font-weight: bold;
}
#copyrights {
    background: url(images/line.png);
    color: #fff;
    text-align: center;
    font-size: 90%;
    padding: .3% 0;
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 2em;
    width: 100%;
    background-size: contain;
    padding: 2% 0 .5%;
    letter-spacing: 0.1rem;
}
#hamburger {
    display: block;
    z-index: 20;
}
.start {
	background: rgb(241 233 202);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	/*width: 280px;*/
}
.start p img {
width: 300px;
}

/*宮城県気仙沼市　検索窓*/
#rstSearch {
    padding: 0 5px;
    margin: 5px 0 0 0;
    text-align: left;
    margin: 12px 0;
    position: relative;
    border-bottom: 1px solid;
}
#rstSearch form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
}
#rstSearch input[type=text] {
    font-size: 15px;
    width: 100%;
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: none;
}
#rstSearch form > span > div {
    right: 0px !important;
}
#rstSearch input.Searchbtn {
    position: absolute;
    background: url(https://www.rakuten.ne.jp/gold/f192074-nirasaki/img/serch.png) no-repeat;
    background-size: contain;
    border: none;
    top: 8px;
    right: 3%;
    width: 15%;
}

#rstSearch2 {
}
#rstSearch2 form {
    position: relative;
}
#rstSearch2 .text {
    width: 212px;
    height: 30px;
    border: 0.5px solid #fff;
    text-indent: 10px;
    font-family: serif;
    font-size: 100%;
}
#rstSearch2 .Searchbtn {
    height: 25px;
    border: none;
    width: 25px;
    border-radius: 20px;
    margin: 5px 0 0 -30px;
    position: absolute;
    background: url(https://www.rakuten.ne.jp/gold/f192074-nirasaki/img/serch.png) no-repeat;
    background-size: contain;
}
#rstSearch2 .Searchbtn:hover {
    opacity: 0.5;
    transition: 0.3s;
}
input.smb-search--text::placeholder {/* 入力ヒントの文字色 */
    color: #62160c !important;
}

#main_sidebar img {
    width: 100%;
}


/*宮城県気仙沼市 ランキング*/
table.rank {
    width: 100%;
    border-spacing: 10px;
}
table.rank td img {
    width: 100%;
}
table.rank td a:hover {
    background: #0071ba;
}
table.rank td .itemName {
    font-weight: bold;
    color: #000;
    line-height: 1.2em;
    padding-top: 15px;
    text-shadow: 0 0 #000;
}
table td.rank1, table td.rank2, table td.rank3, table td.rank4, table td.rank5 {
position: relative;
vertical-align: top;
}
table td.rank1:before, table td.rank2:before, table td.rank3:before, table td.rank4:before, table td.rank5:before {
    position: absolute;
    top: -0.5vw;
    left: -0.1vw;
    margin: 0 auto;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    width: 2vw;
    height: 2vw;
    z-index: 99;
    padding-top: .1%;
}
table td.rank1:before {
    content: "１";
    background-color: #d7b964;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    box-shadow: 0 0 0 3px #d7b964;
    -webkit-box-shadow: 0 0 0 3px #d7b964;
    -moz-box-shadow: 0 0 0 3px #00b1f4;
}
table td.rank2:before {
    content: "２";
    background-color: #938e8e;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    box-shadow: 0 0 0 3px #938e8e;
    -webkit-box-shadow: 0 0 0 3px #938e8e;
    -moz-box-shadow: 0 0 0 3px #00b1f4;
}
table td.rank3:before, table td.rank4:before, table td.rank5:before {
    content: "３";
    background-color: #926b58;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    box-shadow: 0 0 0 3px #926b58;
    -webkit-box-shadow: 0 0 0 3px #926b58;
    -moz-box-shadow: 0 0 0 3px #00b1f4;
}
table td.rank4:before {content: "４";}
table td.rank5:before {content: "５";}
.cb{clear: both;}

/* 宮城県気仙沼市お知らせ
============================================== */
.oshirase_sp {
display: none;
}
.oshirase_pc {
display: block;
    margin: 0 auto;
    font-size: 1.3em;
    text-align: center;
    /* border: 1px solid #f00e; */
    padding: 10px 20px;
}
.oshirase_name {
    color: #f00e;
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
}
.oshirase_ttl {
    background: #f00e;
    color: #fff;
    margin: 10px 0 20px;
}

/* 宮城県気仙沼市商品ページ
============================================== */
table.rakuraku-itemTable{
  width: 100%;
  border-collapse: collapse;
}

table.rakuraku-itemTable tr {
    border-bottom: solid 3px #fcf7e2;
}

table.rakuraku-itemTable tr:last-child{
  border-bottom: none;
}

table.rakuraku-itemTable th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #c6b594;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table.rakuraku-itemTable th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 7px);
  right:-7px;
  border-left: 7px solid #c6b594;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

table.rakuraku-itemTable td{
  text-align: left;
  width: 70%;
  background-color: #fff;
  padding: 10px 0 10px 20px;
}
dd.rakuraku-txt {
    margin-inline-start: 0;
}
dl.rakuraku-itemTtl dt {
    border-top: 2px solid #c6b594;
    border-bottom: 2px solid #c6b594;
    text-align: center;
    margin: 30px 0 20px;
    width: 100%;
    font-weight: bold;
    padding: 5px 0;
    font-size: 1.1em;
}
.catch_copy{
	display: block;
}
div#pagebody #rakutenLimitedId_aroundCart input.rCartBtn, div#pagebody #rakutenLimitedId_aroundCart input#units + input {
    background: #bf0000;
    color: #fff;
    width: 375px;
    height: 50px;
    font-size: 17px;
    font-weight: bold;
    border: none;
    border-radius: 10px;
    margin: 15px 0;
}
input#units {
    border: 1px solid #767676;
    background: #fff;
    border-radius: 3px;
}
span.unit {
    color: #767676;
}
div#pagebody #rakutenLimitedId_aroundCart input.rCartBtn, div#pagebody #rakutenLimitedId_aroundCart input#units + input:hover {
    opacity: 0.7;
}
span.price2 {
    color: #e00000;
    font-size: 40px;
    font-weight: bold;
}
span.price1 {
    display: none;
}
span.item_number, span.item_number_title {
    font-size: 100%;
}
/** ↓項目選択肢の見た目↓ **/
#rakutenLimitedId_aroundCart .choiceText {
    margin: 0 5px 0 0;
    color: #fff;
}
#rakutenLimitedId_aroundCart span.choice + select {
    display: block !important;
    padding: 8px;
    margin-bottom: 2px;
    border-radius: 2px;   
}

#rakutenLimitedId_aroundCart span.choice {
    width: 350px;
    display: block;
    position:relative;
    padding: 8px;
    margin-bottom: 12px;
    margin-top: 12px;
    background: #c6b594; /*吹き出しの背景色 */
    border-radius: 2px;
    list-style-type: none;
    list-style-image: none;
}
#rakutenLimitedId_aroundCart span.choice:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 24px;
    margin-left: -8px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #c6b594 transparent transparent transparent;
}
#rnkInShopPartsArea {
    width: 720px !important;
    margin-bottom: 20px;
}
div#rnkInShopWrapper {
    padding: 20px !important;
}
span.lossleader_price1 {
    color: #000;
}
span.lossleader_price2 {
    color: #000;
}
/* ↑項目選択肢の見た目↑ **/
/* 説明文テーブル **/
span.item_desc table {
    width: 100%;
    border-collapse: collapse;
}
span.item_desc caption {
    background: #c6b594;
    color: #fff;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    padding: 5px 0;
    letter-spacing: 0.2em;
}
span.item_desc table tr {
    border-bottom: solid 1px #fffef0;
    border-top: solid 1px #fffef0;
}
span.item_desc table th {
    background: #c6b594;
    color: #fff;
    width: 25%;
    padding: 8px 0;
}
span.item_desc table td {
    background: #fff;
    border-top: solid 1px #fffef0;
    border-bottom: solid 1px #e6dfd0;
    padding: 8px 8px;
}
span.item_desc table tr:last-child th {
    border-radius: 0 0 0 10px;
}
span.item_desc table tr:last-child td {
    border: none;
    border-radius: 0 0 10px;
}


/* 見出しデザイン
------------------------------------------------------------ */

/** ストライプ **/
h3 {
  position: relative;
  padding: 1.5rem 1rem;
  font-size: x-large;
}

h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

input.sku_radio_unify {
    appearance: auto !important;
}
.item_info th{
width: 20%;
}

/* BOXデザイン
------------------------------------------------------------ */
/* お知らせなど */
.box33 {
    padding: 0.5em 0.8em;
    margin: 1em 0;
    font-weight: bold;
    font-size: 19px;
    color: #ea5550;
    background: #FFF;
    border: solid 3px #ea5550;
    border-radius: 10px;
    width: 745px;
}
.box33 p {
    margin: 0; 
    padding: 0;
}

/* お知らせなど（小さいほう） */
.box34 {
    padding: 0.5em 1em;
    margin: 1em 0;
    font-weight: bold;
    font-size: 16px;
    color: #ea5550;/*文字色　赤*/
    background: #FFF;
    border: solid 3px #ea5550;/*線　赤*/
    border-radius: 10px;/*角の丸み*/
}
.box34 p {
    margin: 0; 
    padding: 0;
}

/* 宮城県気仙沼市大デバイス（デスクトップ, 1600px 以下）
============================================== */
@media (max-width: 1600px) {
.syoukai_txt {
    font-size: 1.2rem;
    line-height: 3rem;
}
}

/* 宮城県気仙沼市大デバイス（デスクトップ, 1380px 以下）
==============================================
@media (max-width: 1380px) {
.pickup {
    width: 100%;
}
.localnavi a {
    font-size: 110%;
}
.syoukai_txt {
    font-size: 1rem;
    line-height: 2.7rem;
}
.header-slider3 {
    height: 19vw;
}
.header-slider3 iframe {
    height: 19vw;
}
#nav-list ul {
    margin-top: 0;
}
}
 */
/* 宮城県気仙沼市大デバイス（デスクトップ, 1224px 以下）
============================================== */
@media (max-width: 1224px) {
#main_container {
    width: 100%;
}
}
/* 宮城県気仙沼市大デバイス（デスクトップ, 1124px 以下）
============================================== */
@media (max-width: 1124px) {
.head_bn1{
width: 90%;
}
.syoukai_txt {
    font-size: 0.8rem;
    line-height: 2.2rem;
}
#nav-list li {
    font-size: 90%;
    padding: 0.5% 1%;
}
.header-slider2 {
    height: 22.5vw !important;
}
.floating-nav {
    display: none;
}
.pickupcate_ttl01, .pickupcate_ttl02, .pickupcate_ttl03 {
    width: 10rem;
}
}

/* 宮城県気仙沼市 小デバイス（768px 以下）
============================================== */
@media (max-width: 768px) {
img {
    width: 100%;
}

/*==宮城県気仙沼市 ヘッダー==*/
#header {
    height: 140vw;
}
.head_logo {
    left: 0;
    width: 43vw;
    bottom: 0;
}
.head_img {
    flex: 100%;
}
.head_txt {
    position: inherit;
}
.header-slider {
    height: 130vw;
    width: 90%;
    margin: 0 auto;
}
.header-slider iframe {
    height: 130vw;
}
header h2 {
    width: 70%;
    margin: 5vw auto;
}
h2.rank_ttl img {
    width: 80%;
}
.ttl_logo img {
    width: 30%;
    margin-bottom: 1%;
}
#osusumeSlider {
    width: 100%;
    margin: 0 auto 2%;
}
.head_img.sp {
    display: block;
}
.head_img.mone {
    display: none;
}

/*宮城県気仙沼市 ヘッダーナビ*/
.drawer {
    width: 100%;
    left: 0;
    /* height: 130vw; */
    background: #ffffffde;
    padding: 0;
}
.btn-burger {
    top: 2.5vw;
}
.nav-toggle:checked ~ nav.header_menu_nav {
    margin-bottom: -10vw;
}
.icon, .icon:before, .icon:after { width: 6vw;}
.icon:before { top: 4.5vw;}
.icon:after { top: -4.5vw;}
ul.header_nav-list {
    padding: 30% 0 0 !important;
}
.header_nav-list li {
    text-align: center;
}
.header_nav-list li a {
    font-size: 1.2em;
    padding: 0.5em;
    text-align: center;
}
button.btn.sidebar_btn {
    display: none;
}
.sidebar_form1 input[type="text"] {
    width: 60%;
    padding: 1.5vw 0 1.5vw 2.5vw;
    margin: 3% auto 0;
}
.sidebar_form1 input[type="submit"] {
    width: 5vw;
    height: 5vw;
    top: 8.9vw;
    right: 19vw;
}
.header_ttl {
    display: flex;
    justify-content: center;
}
.header_ttl img {
    width: 120%;
    margin: 2% 0;
}
.header-slider {
    height: 90vw;
    width: 100%;
    margin: 0 auto;
}
.dcma {
    width: 100%;
}
.syoukai-wrap {
    width: 100%;
    height: 80vw;
    flex-flow: wrap;
    align-content: center;
	background-size: 180%;
}
.syoukai-wrap .syoukai_logo {
    display: none;
}
.syoukai_txt {
    flex: 0 100%;
    padding: 2% 0;
    font-size: 0.5rem;
    line-height: 1.5rem;
    letter-spacing: 0;
}
#nav-list li.serch {
    padding-top: 5vw;
}
.serch_form {
    display: flex;
    justify-content: center;
}
.serch_form input[type="text"] {
    width: 100%;
    font-size: 100%;
}
.serch_form input[type="submit"] {
    width: 2.5vw;
    height: 2.5vw;
}
/*スマホ用ハンバーガー*/
header {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#nav-list {
    position: absolute;
    height: 400vw;
    width: 100%;
    left: 0;
    top: -400vw;
    background: rgb(22 22 22 / 80%);
    transition: .7s;
    z-index: 20;
}
#nav-list ul {
    padding-top: 25vw;
    justify-content: center;
}
#nav-list ul li {
    list-style-type: none;
    flex: 0 60%;
    padding: 1vw 0;
}

#nav-list li.cart {
    background: none;
}
#nav-list ul li a {
    color: #fff;
    font-size: 120%;
    line-height: 2em;
    text-align: center;
    width: 100%;
    display: inline-block;
}
#hamburger {
    position: absolute;
    top: 2vw;
    left: 4vw;
    width: 12vw;
    height: 12vw;
    transition: 1s;
}
.inner_line {
    display: block;
    position: absolute;
    left: 0;
    width: 8vw;
    height: 2.5px;
    background-color: #FFF;
    transition: 1s;
    border-radius: 4px;
    margin: 3vw 2vw;
}
#line1 {
  top: 0;
}
#line2 {
    top: 22%;
}
#line3 {
  bottom: 0px;
}

.in{
  transform: translateY(100%); /* 変更 */
}
.line_1, .line_2, .line_3 {
    background: #fff;
}
.line_1 {
    transform: translateY(2.5vw) rotate(-45deg);
    top: 0;
}
.line_2 {
  opacity: 0;
}
.line_3 {
    transform: translateY(-2.8vw) rotate(45deg);
    bottom: 0;
}
.sidebar_bnr {
    display: none;
}
/*==宮城県気仙沼市 コンテンツ==*/
#main_contents, #main_container {
    width: 100%;
    margin: 0;
    padding: 0;
}
#main_container-inner {
    margin: 5% 0 0;
    float: inherit;
}
.main_bnr img {
    width: 90%;
    margin: 1% 5%;
}
.cntnt3 .more {
    width: 100%;
    margin: 0 0 15vw;
}
table.rank .itemName {
    font-size: 60%;
    line-height: 1.1em;
    margin-top: 5px;
}
table td.rank1:before, table td.rank2:before, table td.rank3:before, table td.rank4:before, table td.rank5:before {
    width: 6vw;
    height: 6vw;
    font-size: 70%;
}
table.rank .itemName {
    font-size: 90%;
    line-height: 1.1em;
    margin-top: 5px;
    padding-top: 0;
	height: 10vw;
}
#main_sidebar {
    width: 90%;
    margin: 0 auto;
    float: inherit;
    padding: 1.5% 5% 10%;
    position: relative;
    background: #e5e4e0;
}
#main_sidebar img {
    margin: 0 auto;
}
.pickupcate_ttl01, .pickupcate_ttl02, .pickupcate_ttl03 {
    width: 28vw;
}
.sidebar_btn {
    display: none;
}
hr {
    display: none;
}
.btn.sidebar_btn2 {
    display: none;
}
.sidetitle2 {
    width: 100%;
    margin: 0 auto;
}
.sidetitle2 img {
    display: block;
}
ul.localnavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
}
.localnavi li {
    width: 48%;
    display: inline-block;
    background: #fff;
    margin: 0 0 1%;
    padding: 0.4em 0;
}
.localnavi li:nth-last-child(2) {
    border: none;
}
.localnavi li::before {
    display: none;
}
p.side_ttl {
    letter-spacing: 0.1rem;
}
.localnavi li a {
    font-size: 80%;
    padding: 0;
}
.localnavi.price a {
    font-size: 95%;
}
#main_sidebar .localnavi img {
    width: 8vw;
    margin: 0 5% 0 0;
}
p.side_ttl.serch {
    display: none;
}
.sidebar_form {
    position: relative;
    padding-top: 0;
}
.sidebar_form input[type="text"] {
    width: 90%;
    margin: 0;
    border-radius: 0;
    background: #fff;
    border: none;
    box-shadow: 0px 0px 12px 0px #c7c7c747;
    padding: 5%;
}
.sidebar_form input[type="submit"] {
    margin-top: -3vw;
    right: 10vw;
    width: 6vw;
    height: 6vw;
}
.sidebar_form::before {
    content: "";
    position: absolute;
    background-size: 100%;
    top: -3vw;
}

.numap_ttl {
    width: 50%;
}
.numap {
    width: 100%;
	margin: 0 auto -5vw;
}
.numap_wrap {display: none;}
.numap_sp_wrap {
    display: block;
    background: url(https://www.rakuten.ne.jp/gold/f042056-kesennuma/images/numap_sp.png) no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 125vw;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.numap_item01_sp, .numap_item02_sp, .numap_item03_sp, .numap_item04_sp, .numap_item05_sp, .numap_item06_sp, .numap_item07_sp {
    position: absolute;
}
.numap_item01_sp {/*かに*/
    width: 48%;
    height: 35vw;
    top: 15vw;
}
.numap_item02_sp {/*わかめ*/
    width: 35%;
    height: 25vw;
    top: 15vw;
    right: 13vw;
}
.numap_item03_sp {/*かつお*/
    width: 38%;
    height: 20%;
    top: 50vw;
}
.numap_item04_sp {/*いくら*/
    width: 30%;
    height: 25vw;
    top: 39vw;
    right: 0;
}
.numap_item07_sp {/*貝*/
    width: 38%;
    height: 25vw;
    top: 75vw;
    left: 0;
}
.numap_item05_sp {/*牡蠣*/
    width: 45%;
    height: 40vw;
    top: 70vw;
    right: 0;
}
.numap_item06_sp {/*フカヒレ*/
    width: 55%;
    height: 25vw;
    top: 100vw;
    left: 0;
}
.numap_item01_sp a,.numap_item02_sp a,.numap_item03_sp a, .numap_item04_sp a, .numap_item05_sp a, .numap_item06_sp a, .numap_item07_sp a {
    display: block;
    width: 100%;
    height: 100%;
}

.header-slider2 {
    width: 100%;
    height: 42vw !important;
}
.header-slider2 iframe {
    position: absolute;
    display: block;
    width: 100%;
    height: 48vw;
}
.header-slider3 {
    width: 100%;
    height: 55vw !important;
}
.header-slider3 iframe {
    position: absolute;
    display: block;
    width: 100%;
    height: 55vw;
}
h2.pcup_ttl {
    margin-bottom: 6vw;
}
.pickupcate {
    margin-bottom: 2vw;
}
.oshirase_pc {
    display: none;
}
.oshirase_sp {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.pc {display: none;}

/*==宮城県気仙沼市 フッター==*/
.kifu-shito img.pc {display: none;}
.kifu-shito img.sp {display: block;}
#footer h4 {
    font-size: 120%;
    padding: 0.5rem;
}
.footer_info {
    width: 90%;
    margin: 0 5%;
    line-height: 1.4em;
    font-size: 85%;
}
.footer_info ul {
    margin-bottom: 20px;
}
#footer-inner {
    font-size: 75%;
}
#copyrights {
    font-size: 60%;
    height: 6vw;
    padding: 5% 0 0;
}
.footer_info {
    flex: 100%;
    text-align: left;
    font-size: 80%;
}
}
/* 宮城県気仙沼市 小デバイス（520px 以下）
============================================== */
@media (max-width: 520px) {

}