@charset "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: baseline; }

html {line-height: 1; }
ol, ul {list-style: none; }
table {border-collapse: collapse;border-spacing: 0; }
caption, th, td {text-align: left;font-weight: normal;vertical-align: middle; }
q, blockquote {quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";content: none;}
a img {border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; }

/*-------------------------
common
-------------------------*/
html {font-size: 62.5%; }
body {font-family: "游明朝", "Yu Mincho", "YuMincho", serif;font-weight: 600;font-style: normal;line-height: 1.8;color: #000;font-size: 16px;font-feature-settings: "palt";}
img {vertical-align: top;max-width: 100%;height: auto;}

/*-------------------------
base
-------------------------*/
@media screen and (max-width: 1160px) {
.osechi_wrapper {width: auto; }
}

/*-------------------------
visual
-------------------------*/
.visual {width: 1060px;margin: 0 auto; }
@media screen and (max-width: 1160px) {
.visual {width:91.37vw; }
}
@media screen and (max-width: 767px) {
.visual {width:90vw; }
}


.visual img {width: 100%;height: auto;}
.visual img.sp {display: none; }
@media screen and (max-width: 767px) {
.visual img.sp {display: inline; } }
@media screen and (max-width: 767px) {
.visual img.pc {display: none; }
}



/*-------------------------
container
-------------------------*/
.osechi_container {padding: 80px 0; }
.osechi_container .osechi_inner {width: 1060px;margin: 0 auto;padding:80px 80px 1px;box-sizing: border-box;position: relative;}
/*
.right_back {position: relative;}
.right_back:before {
  content: '';  display: inline-block;  width: 700px;  height: 700px;;  background-image: url(../images/footer.png);  background-size: contain;  vertical-align: middle;  position: absolute;right: 0;bottom: 0;}
*/
.osechi_container .osechi_inner + .osechi_inner {margin-top: 160px; }
@media screen and (max-width: 1160px) {

.osechi_container {padding: 6.89vw 0; }
.osechi_container .osechi_inner {width: 91.37vw;padding:6.89vw 6.89vw .1vw;}
.osechi_container .osechi_inner + .osechi_inner {margin-top: 13.79vw; }

}
@media screen and (max-width: 767px) {
.osechi_container {padding: 5vw; }
.osechi_container + .osechi_container {padding-top: 20px;}
.osechi_container .osechi_inner {width: 90vw;padding: 5vw; }
}












.osechi_container-first {background: url(../images/block1.jpg) repeat; }
.osechi_container-first .osechi_inner {background: url(../images/back01.gif) repeat;display: flow-root; }
.osechi_container-first .osechi_inner-hokkaido {background: url(../images/back02.gif) repeat; }
@media screen and (max-width: 767px) {
.osechi_container-first {background-size: 400px 400px; }

}
@media screen and (max-width: 767px) {
.osechi_container-first .osechi_inner {background-size: 200px 200px; }
.osechi_container-first .osechi_inner-hokkaido {background-size: 200px 200px; }
}










.osechi_container-second {background: url(../images/block2.gif) repeat; }
.osechi_container-second .osechi_inner {background: url(../images/back03.gif) repeat;}
@media screen and (max-width: 767px) {
.osechi_container-second {background-size: 80px 210px; }
.osechi_container-second .osechi_inner {background-size: 216.5px 200px; }
}






.osechi_container .sec {position: relative;margin:0 0 80px;padding:0;display: block; }
.osechi_container .sec h3 {}
.osechi_container .sec h3 img {width: 238px;height: auto;}
.osechi_container .sec .photo {width: 566px;height:auto;position: absolute;display: block;right: 0;top: 0;}
.osechi_container .sec .photo img {width: 100%;height: auto;}


.osechi_container .sec .photo_yawaraka {width: 420px;height: 280px;position: absolute;display: block;right: 0;top: 0;}

.osechi_container .sec ul {margin: 20px 0;font-size: 0; }
.osechi_container .sec ul li {position: relative;display: inline-block;width: 93px;margin: 0 4px;text-align: center;vertical-align: top; }
.osechi_container .sec ul li p {font-size: 12px;line-height: 1.4;text-align: left;padding: 5px 0 0;}
.osechi_container .sec ul li > span {position: absolute;display: block;left: 0;top: 50%;width: 100%;transform: translateY(-50%);font-size: 18px;line-height: 1; }
.osechi_container .sec ul li > span span {font-size: 22px;}
.osechi_container .sec a {display: block;background: #E11718;line-height: 60px;text-align: center;font-size: 22px;color: #fff;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold;text-decoration: none;transition: 0.4s ease; }
.osechi_container .sec a {position: absolute;display: block;right: 0;bottom: 0;width: 360px; }
.osechi_container .sec a:hover {background: #ee5757; }
.osechi_container .sec > p {position: relative;z-index: 2;font-size: 14px;}
.osechi_container .sec .price {position: relative;width: 510px;margin: 15px 0 0 0;font-size: 0;line-height: 1; }
.osechi_container .sec .price span {display: inline-block;width: 2em;margin: 0 8px 0 0;font-size: 14px;line-height: 18px;white-space: nowrap; }
.osechi_container .sec .price b {font-size: 40px; }
.osechi_container .sec .price i {font-size: 18px;}
.osechi_container .sec .price br {display: none; }
.osechi_container .sec .price .shipping {width: 120px;height: 120px; position: absolute;display: block;right: -10px;bottom: 10px; }
.osechi_container .sec .price .shipping img {width: 100%;height: auto;} 

@media screen and (max-width: 1160px) {
.osechi_container .sec {margin:0 0 6.89vw;}
.osechi_container .sec h3 {margin: 0 0 3.44vw; }
.osechi_container .sec h3 img {width: 20.51vw;}
.osechi_container .sec .photo {width: 48.79vw;height: auto;}
.osechi_container .sec .photo_yawaraka {width: 36.20vw;height: auto;}

.osechi_container .sec ul {margin: 1.72vw 0;}
.osechi_container .sec ul li {width: 8.01vw;margin: 0 0.34vw;}
.osechi_container .sec ul li p {font-size: 1.03vw;padding: 0.43vw 0 0;}
.osechi_container .sec ul li > span {font-size: 1.55vw;}
.osechi_container .sec ul li > span span {font-size: 1.89vw;}
.osechi_container .sec a {line-height: 5.17vw;font-size: 1.89vw;}
.osechi_container .sec a {width: 31.03vw;}
.osechi_container .sec > p {font-size: 1.2vw;}
.osechi_container .sec .price {width: 43.96vw;margin: 1.29vw 0 0 0;}
.osechi_container .sec .price span {margin: 0 0.68vw 0 0;font-size: 1.2vw;line-height: 1.55vw;}
.osechi_container .sec .price b {font-size: 3.44vw; }
.osechi_container .sec .price i {font-size: 1.55vw;}
.osechi_container .sec .price .shipping {width: 10.34vw;height: 10.34vw; position: absolute;display: block;right: -0.86vw;bottom: 0.86vw;}
}
@media screen and (max-width: 767px) {
.osechi_container .sec {width: 100%;margin: 0 auto 10vw;}


.osechi_container .sec a {font-size: 3.6vw;line-height: 13.51vw;}
.osechi_container .sec a {position: static;width: 100%;margin-top: 20px; }



.osechi_container .sec h3 {width: 40%;margin: 0 0 2.5vw;float: left;}
.osechi_container .sec h3 img {width: 100%;height: auto;}
.osechi_container .sec .photo {position: static;float: right;max-width: 60%;height: auto; }

.osechi_container .sec .photo_yawaraka {position: inherit;right: inherit;top: inherit;width: 80%;height: auto;margin: auto auto 5vw;max-width: inherit;}

.osechi_container .sec ul {clear: both;text-align: center;margin: 0 0 2.5vw;} 
.osechi_container .sec ul li {width: 15.76vw;}
.osechi_container .sec ul li p {font-size: 8px;}

.osechi_container .sec ul li > span {font-size: 16px;}
.osechi_container .sec ul li > span span {font-size: 20px;}
.osechi_container .sec > p {position: relative;z-index: 2;font-size: 3vw;}
.osechi_container .sec .price {width: auto;line-height: 1.2;text-align: left; }
.osechi_container .sec .price span {margin: 0 0.68vw 0 0;font-size: 1.2vw;line-height: 1.55vw;}
.osechi_container .sec .price b {font-size: 9vw; }
.osechi_container .sec .price i {font-size: 3.6vw;}
.osechi_container .sec .price br {display: block; }
.osechi_container .sec .price .shipping {width: 18.01vw;height: 18.01vw;right: 0;left: auto;top: auto;}
.osechi_container .sec p br {display: none; }

}


















h2#kyo {padding:0 0 80px;}
@media screen and (max-width: 1160px) {
h2#kyo {padding:0 0 6.89vw;}
}
@media screen and (max-width: 767px) {
h2#kyo {padding:0 0 10vw;}
}

h2#taihei_yawaraka,
h2#yawaraka {padding:0 0 80px;}
@media screen and (max-width: 1160px) {
h2#taihei_yawaraka,
h2#yawaraka {padding:0 0 6.89vw;}
}
@media screen and (max-width: 767px) {
h2#taihei_yawaraka,
h2#yawaraka {padding:0 0 10vw;}
}

h2#keirin {padding:0 0 80px;;}
@media screen and (max-width: 1160px) {
h2#keirin {padding:0 0 6.89vw;}
}
@media screen and (max-width: 767px) {
h2#keirin {padding:0 0 10vw;}
}



.osechi_container .yawaraka {margin: 0;padding: 0;}
.osechi_container .yawaraka_inner {padding: 0 0 80px;display: flex;justify-content: space-between; }
.osechi_container .yawaraka .yawaraka_block {position: relative;width: 410px;vertical-align: top;display: flex;flex-direction: column; }
.osechi_container .yawaraka .yawaraka_block > p {flex: 1;}
.osechi_container .yawaraka .yawaraka_block .photo { }


.osechi_container .yawaraka .yawaraka_block .circle {position: absolute;display: block;right: 0;top: -20px;width: 80px;height: 80px;border-radius: 62px;background: #3F9124;text-align: center;color: #fff;font-size: 28px;line-height: 1; }
.osechi_container .yawaraka .yawaraka_block .circle2 {position: absolute;display: block;right: -20px;top: -20px;width: 80px;height: 80px;border-radius: 62px;background: #5a2fdf;text-align: center;color: #fff;font-size: 28px;line-height: 1; }
.osechi_container .yawaraka .yawaraka_block .circle_new {position: absolute;display: block;right: 0;top: 190px;width: 80px;height: 80px;border-radius: 62px;background-image: url("../images/new.png");background-size: cover;text-align: center;color: #fff;font-size: 28px;line-height: 1; }
.osechi_container .yawaraka .yawaraka_block .circle span,
.osechi_container .yawaraka .yawaraka_block .circle_new span{font-size: 14px;position: absolute;display: block;left: 0;top: 50%;width: 100%;transform: translateY(-50%); }
.osechi_container .yawaraka .yawaraka_block .circle2 span {font-size: 14px;position: absolute;display: block;left: 0;top: 50%;width: 100%;transform: translateY(-50%); }



.osechi_container .yawaraka .yawaraka_block h3 {font-size: 26px;line-height: 1.4;margin: 0 0 10px;}
.osechi_container .yawaraka .yawaraka_block h3 span {font-size: 20px;}
.osechi_container .yawaraka .yawaraka_block ul {margin: 0 -4px 20px;font-size: 0; }
.osechi_container .yawaraka .yawaraka_block ul li {position: relative;display: inline-block;width: 93px;margin: 0 4px;text-align: center;vertical-align: top; }
.osechi_container .yawaraka .yawaraka_block ul li p {font-size: 12px;line-height: 1.6;text-align: left;}

.osechi_container .yawaraka .yawaraka_block a {display: block;background: #E11718;line-height: 60px;text-align: center;font-size: 22px;color: #fff;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold;text-decoration: none;transition: 0.4s ease; }
.osechi_container .yawaraka .yawaraka_block a:hover {background: #ee5757; }
.osechi_container .yawaraka .yawaraka_block > p {position: relative;z-index: 2; font-size: 14px;margin: 0 0 10px;height: inherit;}
.osechi_container .yawaraka .yawaraka_block .price {position: relative;margin: 15px 0 0 0;font-size: 0;line-height: 1; }
.osechi_container .yawaraka .yawaraka_block .price span {display: inline-block;width: 2em;margin: 0 8px 0 0;font-size: 14px;line-height: 18px;white-space: nowrap; }
.osechi_container .yawaraka .yawaraka_block .price b {font-size: 40px;}
.osechi_container .yawaraka .yawaraka_block .price i {font-size: 20px;}
.osechi_container .yawaraka .yawaraka_block .price br {display: none; }
.osechi_container .yawaraka .yawaraka_block .price .shipping {width: 120px;height: 120px; position: absolute;display: block;right: -20px;bottom: 25px; }
.osechi_container .yawaraka .yawaraka_block .price .shipping img {width: 100%;height: auto;}
.osechi_container .yawaraka .yawaraka_block .price {margin: -5px 0 27px; }

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

.osechi_container .yawaraka_inner {padding: 0 0 40px;}
.osechi_container .yawaraka .yawaraka_block {width: calc(50% - 3vw);}
.osechi_container .yawaraka .yawaraka_block .photo {width: 100%;height: auto; margin: 0; }


.osechi_container .yawaraka .yawaraka_block .circle {top: -1.72vw;width: 6.89vw;height: 6.89vw;border-radius: 3.44vw;font-size: 2.41vw;}
.osechi_container .yawaraka .yawaraka_block .circle2 {right: -1.72vw;top: -1.72vw;width: 6.89vw;height: 6.89vw;border-radius: 3.44vw;font-size: 2.41vw;}
.osechi_container .yawaraka .yawaraka_block .circle_new {top: 16.37vw;width: 6.89vw;height: 6.89vw;border-radius: 3.44vw;font-size: 2.41vw;}
.osechi_container .yawaraka .yawaraka_block .circle span,
.osechi_container .yawaraka .yawaraka_block .circle_new span{font-size: 1.2vw;}
.osechi_container .yawaraka .yawaraka_block .circle2 span {font-size: 1.2vw;}


.osechi_container .yawaraka .yawaraka_block h3 {font-size: 2.24vw;margin: 0 0 0.86vw;}
.osechi_container .yawaraka .yawaraka_block h3 span {font-size: 1.72vw;}
.osechi_container .yawaraka .yawaraka_block ul {margin: 0 -0.34vw 1.72vw;}
.osechi_container .yawaraka .yawaraka_block ul li {width: 8.01vw;margin: 0 0.34vw;}
.osechi_container .yawaraka .yawaraka_block ul li p {font-size: 1.03vw;}
.osechi_container .yawaraka .yawaraka_block a {line-height: 5.17vw;font-size: 1.89vw;}
.osechi_container .yawaraka .yawaraka_block > p {font-size: 1.2vw;margin: 0 0 0.86vw;}
.osechi_container .yawaraka .yawaraka_block .price {margin: 0 0 2.32vw;}
.osechi_container .yawaraka .yawaraka_block .price span {margin: 0 0.68vw 0 0;font-size: 1.2vw;line-height: 1.55vw;}
.osechi_container .yawaraka .yawaraka_block .price b {font-size: 3.44vw;}
.osechi_container .yawaraka .yawaraka_block .price i {font-size: 1.72vw;}
.osechi_container .yawaraka .yawaraka_block .price .shipping {width: 10.34vw;height: 10.34vw;right: -1.72vw;bottom: 2.15vw; }
}

@media screen and (max-width: 767px) {
.osechi_container .yawaraka {margin: 0;padding: 0; }
.osechi_container .yawaraka_inner {width: 100%;margin: auto;display: block;padding: 0;}
.osechi_container .yawaraka_inner p{height: inherit;}
.osechi_container .yawaraka .yawaraka_block {display: block;width: auto;margin: 0 0 10vw; }


.osechi_container .yawaraka .yawaraka_block .circle {width: 13.51vw;height: 13.51vw;border-radius: 50%;top: -10px; }
.osechi_container .yawaraka .yawaraka_block .circle span {font-size: 3vw;}
.osechi_container .yawaraka .yawaraka_block .circle2 {top: -10px; }
.osechi_container .yawaraka .yawaraka_block .circle_new {width: 13.51vw;height: 13.51vw;border-radius: 50%;top: 40vw; background-image: url("../images/new.png");background-size: cover;}
.osechi_container .yawaraka .yawaraka_block .circle_new span {font-size: 3vw;}


.osechi_container .yawaraka .yawaraka_block ul {clear: both;text-align: center; }
.osechi_container .yawaraka .yawaraka_block ul li {width: 70px;height: auto; }
.osechi_container .yawaraka .yawaraka_block ul li p {font-size: 8px;}

.osechi_container .yawaraka .yawaraka_block h3 {font-size: 5.85vw;margin: 0 0 2.5vw;}

.osechi_container .yawaraka .yawaraka_block a { font-size: 3.6vw;line-height: 13.51vw;}

.osechi_container .yawaraka .yawaraka_block .price {width: auto;line-height: 1.2;text-align: left;margin: 0 0 5vw; }
.osechi_container .yawaraka .yawaraka_block .price span {margin: 0 0.68vw 0 0;font-size: 1.2vw;line-height: 1.55vw;}
.osechi_container .yawaraka .yawaraka_block .price b {font-size: 9vw; }
.osechi_container .yawaraka .yawaraka_block .price i {font-size: 3.6vw;}
.osechi_container .yawaraka .yawaraka_block .price br {display: block; }
.osechi_container .yawaraka .yawaraka_block .price .shipping {width: 18.01vw;height: 18.01vw;right: 0;left: auto;bottom: 0;margin: 0;}


.osechi_container .yawaraka .yawaraka_block p {height: auto !important;font-size: 3vw;margin: 0 0 2.5vw}

}





.pc {display: block;}
@media screen and (max-width: 1160px) {

}
@media screen and (max-width: 767px) {
.pc {display: none;}
}



.catch{position: relative;width: 93px;height: 80px;background: url(../images/icon.png) no-repeat;background-size: cover;text-align: center;vertical-align: top; }
.catch > span {position: absolute;display: block;left: 0;top: 50%;width: 100%;transform: translateY(-50%);font-size: 18px;line-height: 1; }
.catch > span span {font-size: 22px;}
@media screen and (max-width: 1160px) {

.catch{width: 8.01vw;height: 6.89vw;}
.catch > span {font-size: 1.55vw;}
.catch > span span {font-size: 1.89vw;}

}
@media screen and (max-width: 767px) {
.catch{position: relative;width: 15.76vw;height:13.73vw; }
.catch > span {font-size: 3.6vw;}
.catch > span span {font-size: 4vw;}
}



.osechi_container .hokkaido {margin: 0 0 80px;padding:40px 0 0;min-height: 320px; }
.osechi_container .hokkaido img.photo {position: absolute;right: 0;top: 0;}
.osechi_container .hokkaido .price .shipping {bottom: 0; }
@media screen and (max-width: 1160px) {

.osechi_container .hokkaido {margin: 0 0 6.89vw;padding:3.44vw 0 0;min-height: 27.58vw; }
.osechi_container .hokkaido img.photo {width: 33.18vw;height: auto;}


}
@media screen and (max-width: 767px) {
.osechi_container .hokkaido {width: 100%; margin: 0 auto 10vw;padding: 0;min-height: inherit; }
.osechi_container .hokkaido img.photo {position: inherit;right: inherit;top: inherit;width: 80%;height: auto;margin: auto 10% 5% 10%;max-width: inherit;}
.osechi_container .hokkaido .price .shipping {bottom: 0; }
}




.osechi_container .jyoon {margin: 0 0 80px;padding:20px 0 0;min-height: 380px; }
.osechi_container .jyoon img.photo {position: absolute;right: 0;top: 0;}
.osechi_container .jyoon .price .shipping {width: 120px;height: 120px; bottom: 0; }
.osechi_container .jyoon .price .shipping img {width: 100%;height: auto;}
@media screen and (max-width: 1160px) {

.osechi_container .jyoon {margin: 0 0 6.89vw;padding:1.72vw 0 0;min-height: 32.75vw; }
.osechi_container .jyoon .price .shipping {width: 10.34vw;height: 10.34vw;}

}
@media screen and (max-width: 767px) {
.osechi_container .jyoon {margin: 0 auto 5vw;padding: 0; }
.osechi_container .jyoon img.photo {position: inherit;right: inherit;top: inherit;width: 80%;height: auto; margin: auto 10% 5% 10%;max-width: inherit;}
.osechi_container .jyoon .price .shipping {width: 18.01vw;height: 18.01vw; bottom: 0;right: 0;} 
}








.osechi_container .osechi_inner-hokkaido .sec .photo {position: static;margin-top: -55px; }
@media screen and (max-width: 1160px) {
.osechi_container .osechi_inner-hokkaido .sec .photo {max-width: initial;width: 100%;margin-top: -20px;margin-bottom: 10px; }
}



.osechi_inner-hokkaido .sec ul {float: right;margin-top: -40px; }
@media screen and (max-width: 1160px) {
.osechi_inner-hokkaido .sec ul {margin-top: 0; }
}
@media screen and (max-width: 767px) {
.osechi_inner-hokkaido .sec ul {float: none;bottom: 0; } }




.sec .circle {position: absolute;display: block;right: 380px;left: auto;top: 40px;width: 80px;height:80px;border-radius: 62px;background: #3F9124;text-align: center;color: #fff;font-size: 28px;line-height: 1; }
.sec .circle_left {position: absolute;display: block;right: 380px;left: auto;top: 0;width: 80px;height:80px;border-radius: 62px;background: #3F9124;text-align: center;color: #fff;font-size: 28px;line-height: 1; }
.sec .circle_new {position: absolute;display: block;right: 280px;left: auto;top: 0;width: 80px;height:80px;border-radius: 62px;text-align: center;font-size: 28px;line-height: 1; }
.sec .circle_new　img {width: 100%;}


.sec .circle_new2 {position: absolute;display: block;right: 40px;left: auto;top: 40px;width: 80px;height:80px;border-radius: 62px;text-align: center;font-size: 28px;line-height: 1; }
.sec .circle_new2　img {width: 100%;}



.sec .circle_osusume {position: absolute;display: block;right: 20px;left: auto;top: 20px;width: 80px;height:80px;border-radius: 62px;background: #3F9124;text-align: center;color: #fff;font-size: 28px;line-height: 1; }


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

.sec .circle {right: 32.75vw;top: 3.44vw;width: 6.89vw;height:6.89vw;border-radius: 3.44vw;font-size: 2.41vw;}
.sec .circle_left {right: 32.75vw;width: 6.89vw;height:6.89vw;border-radius: 3.44vw;font-size: 2.41vw;}
.sec .circle_new {right: 24.13vw;width: 6.89vw;height:6.89vw;border-radius: 3.44vw;font-size: 2.41vw;}
.sec .circle_new　img {width: 100%;}

.sec .circle_new2 {right: 3.44vw;top: 3.44vw; width: 6.89vw;height:6.89vw;border-radius: 3.44vw;font-size: 2.41vw;}
.sec .circle_new2　img {width: 100%;}


.sec .circle_osusume {right: 1.72vw;top: 1.72vw;width: 6.89vw;height:6.89vw;border-radius: 3.44vw;font-size: 2.41vw;}

}
@media screen and (max-width: 767px) {
.sec .circle {width: 13.51vw;height: 13.51vw;top: 0;left: auto;right: 0;}
.sec .circle_left {top: 0;right: auto;left: 0;}


.sec .circle_new {width: 13.51vw;height: 13.51vw;top: 0;right: auto;left: 0;}
.sec .circle_new2 {width: 13.51vw;height: 13.51vw;top: -5vw;}

.kyokobako .circle_new  {left: 42%;}
.sec .circle_osusume {right: 0;top: 0;width: 13.51vw;height: 13.51vw;border-radius: 50%;font-size: 2.41vw;}
}




.hokkaido h3,
.jyoon h3{display: inline-block;padding: 0 10px;font-size: 32px;background: url(../images/obi.png) no-repeat;background-size: auto 95px;margin: 10px 0 0 0 !important; }

.jyoon h3 {margin: 10px 0!important;}


.hokkaido h3 span,
.jyoon h3 span {font-size: 20px;}
.hokkaido .circle {position: absolute;display: block;right: 360px;left: auto;top: 0;width: 80px;height: 80px;border-radius: 62px;background: #3F9124;text-align: center;color: #fff;font-size: 28px;line-height: 1; }
.hokkaido .circle_left {position: absolute;display: block;right: 320px;left: auto;top: 0;width: 80px;height: 80px;border-radius: 62px;background: #3F9124;text-align: center;color: #fff;font-size: 28px;line-height: 1; }
.hokkaido .circle span,
.hokkaido .circle_left span,
.sec .circle span,
.sec .circle_new span,
.sec .circle_osusume span{font-size: 14px;position: absolute;display: block;left: 0;top: 50%;width: 100%;transform: translateY(-50%); }

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


.hokkaido h3,
.jyoon h3{padding: 0 0.86vw;font-size: 2.75vw;background-size: auto 8.18vw;margin: 0.86vw 0 0 0 !important;}
.jyoon h3 {margin: 0.86vw 0!important;}
.hokkaido h3 span,
.jyoon h3 span {font-size: 20px;}
.hokkaido .circle {right: 31.03vw;width: 6.89vw;height: 6.89vw;border-radius: 3.44vw;font-size: 2.41vw;}
.hokkaido .circle_left {right: 27.58vw;width: 6.89vw;height: 6.89vw;border-radius: 3.44vw;font-size: 2.41vw;}
.hokkaido .circle span,
.hokkaido .circle_left span,
.sec .circle span,
.sec .circle_new span,
.sec .circle_osusume span{font-size: 1.2vw;}


}
@media screen and (max-width: 767px) {
.hokkaido h3,
.jyoon h3{display: inline-block;width: 75vw!important; padding: 0 2.5vw;font-size: 5.85vw;background: url(../images/obi.png) no-repeat;background-size: auto 95px;margin: 2.5vw 0 !important; }
.hokkaido h3 span,
.jyoon h3 span {font-size: 3.6vw;}
.hokkaido .circle {width: 13.51vw;height: 13.51vw;border-radius: 50%;top: 0;left: auto;right: auto;}
.hokkaido .circle_left {width: 13.51vw;height: 13.51vw;border-radius: 50%;top: 0;right: auto;left: 0;}
.hokkaido .circle span,
.hokkaido .circle_left span,
.sec .circle span,
.sec .circle_new span,
.sec .circle_osusume span{font-size: 3vw;}
}







nav{margin:0 0 80px;}
nav ul{display: flex;justify-content: center;}
nav ul li{width: 25%;margin: 0 10px;}
nav ul li a{position: relative;display: block;padding: 10px 0 20px;/*background: #B29400;*/background: #000;color: #fff;text-align: center;text-decoration: none;transition: .4s ease;text-decoration: none;}
nav ul li a:after{content: "";position: absolute;left: 50%;bottom: 10px;content: "";display: inline-block;width: 8px;height: 8px;margin: 0 0 0 -4px;transform: rotate(45deg);border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
nav ul li a:hover{opacity: .7;}
@media screen and (max-width: 1160px) {
nav{margin:0 0 6.89vw;}
nav ul li{margin: 0 0.86vw;}
nav ul li a{padding: 0.86vw 0 1.72vw;}
nav ul li a:after{bottom: 0.86vw;width: 0.68vw;height: 0.68vw;margin: 0 0 0 -0.34vw;}
}
@media screen and (max-width: 767px) {
nav{margin: 0 0 5vw;}
nav ul{justify-content: space-between;}
nav ul li{width: 30%;margin: 0 2%;}
nav ul li a{padding: 2.5vw 0 5vw;font-size: 2.8vw;}
nav ul li a:after{bottom: 2.5vw;width: 1vw;height: 1vw;margin: 0 0 0 -0.5vw;}
}










.pc {display: block;}
.tab {display: block;}
.tabonly {display: none;}
.sph {display: none;}
@media screen and (max-width: 1160px) {
.pc {display: block;}
.tab {display: block;}
.tab2 {display: block;}
.tabonly {display: block;}
.sph {display: none;}
}
@media screen and (max-width: 767px) {
.pc {display: none;}
.tab {display: none;}
.tabonly {display: none;}
.sph {display: block;}
}