@charset "utf-8";
@media only screen and (max-width: 768px) {
 .searchForm {
  margin-bottom: 0;
 }

 .moreBtn a {
  display: block;

  padding: 10px;

  width: 80%;

  border-radius: 6px;

  background: #444;

  color: #fff !important;

  margin: 0 auto;

  text-align: center;
 }

 #list_item li,
 .item li,
 .rankingList li {
  float: none;
 }

 #list_item li,
 .item li,
 .rankingList li {
  float: none;
 }

 .searchTitle,
 .searchItem dt,
 .searchItem dd {
  color: #fff;
 }

 input[type="text"].inputPrice {
  color: #000;
 }

 /*Global_ Setting*/

 html {
  font-size: 62.5%;
 }

 body {
  font-feature-settings: "palt";

  color: #5c5c5c;

  font-family: "メイリオ", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  font-size: 140%;

  font-weight: 400;

  text-align: justify;

  word-break: break-all;

  line-height: 1.8;

  margin-top: 57px;
 }

 h2 {
  font-weight: bold;

  font-size: 160%;
 }

 dt {
  font-weight: bold;
 }

 li a:hover,
 table td a:hover {
  text-decoration: underline;
 }

 /*--------------------------------*/

 .fixed {
  position: fixed;

  width: 100%;

  height: 100%;
 }

 #header .box,
 .inner {
  width: 100%;

  margin: 0 auto;
 }

 .inner img {
  max-width: 100%;
 }

 .btn {
  background: #337ab7;

  font-size: 1.4em;

  padding: 8px 16px;

  margin: 15px auto;

  border-radius: 0;

  display: block;

  width: 100%;

  max-width: 90%;
 }

 .btn a {
  color: #fff;

  padding-left: 0.6em;
 }

 .btn:before {
  content: "\";

	font-family: FontAwesome;

	text-align: center;

}

/*-------------------------- each section titles*/

.section h2 {

	border-bottom: 1px solid #d5d5d5;

	padding: 7px 0 7px 30px;

	margin-bottom: 16px;

	vertical-align: bottom;

	font-size: 100%;

}

.new_item h2 {

	background: url('../images/icon/icon_fav.png') 5px 3px no-repeat;

	-webkit-background-size: 20px;

	background-size: 20px;

}


.sale_item h2 {

	background: url('../images/icon/icon_sale.png') 5px 3px no-repeat;

	-webkit-background-size: 20px;

	background-size: 20px;

}

.ranking h2 {

	background: url('../images/icon/icon_rank.png') 5px 5px no-repeat;

	-webkit-background-size: 20px;

	background-size: 20px;

}

.special h2 {

	background: url('../images/icon/icon_rec.png') 5px 3px no-repeat;

	-webkit-background-size: 20px;

	background-size: 20px;

}

.ossm_dt h2 {

	background: url('../images/icon/icon_deskpc.png') 5px 6px no-repeat;

	-webkit-background-size: 20px;

	background-size: 20px;

}

.ossm_note h2 {

	background: url('../images/icon/icon_notepc.png') 5px 6px no-repeat;

	-webkit-background-size: 20px;

	background-size: 20px;

}

.ossm_mobile h2 {

	background: url('../images/icon/icon_mobilepc.png') 5px 6px no-repeat;

	-webkit-background-size: 20px;

	background-size: 20px;

}

.information h2 {

	background: url('../images/icon/icon_shop.png') center left no-repeat;

	-webkit-background-size: 20px;

	background-size: 20px;

	margin-bottom: 7px;

	border: 0;

 text-align: left;

}

.information2 h2 {

	background: url('../images/icon/icon_rec.png') center left no-repeat;

	-webkit-background-size: 20px;

	background-size: 20px;

	margin-bottom: 7px;

	border: 0;

}

/* --------------------- item_layout*/

.products {

	margin: 0 0 32px;

	padding: 0 0px;

}

.products_item { float: left; }

.col-6 .products_item {

	width: 16.666%;

	padding: 0 8px;

}

.products img { border: 1px solid #dcdcdc; }

.item_name,

 .item_price {

	display: block;

	padding: 6px 0 0;

	font-size: 1.4rem;

	line-height: 1.4;

}

.item_name { text-align: left; }

.item_price { color: #f00; }

.products .item_name,

 .products .item_price { font-size: 1.2rem; }

.products .item_name {

	height: 52px;

	overflow: hidden;

}

/* --------------------- item_layout_mekeshop systems*/

.section .item { margin-bottom: 32px; }

.section .item:after {

	content: "";

	display: block;

	clear: both;

}

.section .item li {

	width: 33.333%;

	float: left;

	padding: 0 8px;

	font-size: 1.2rem;

	line-height: 1.3;

	margin-right: 0;

	margin-left: 0;

}

.section .item li span {

	display: inline-block;

	color: #f00;

	padding: 6px 0 0;

}

.section .item li img {

	width: 100%;

	margin-bottom: 10px;

}

/* ------------------------ header */

.h_head h1 {

	width: 262px;

	vertical-align: bottom;

}

.h_head p,

.h_head ul {

	font-size: 1.3rem;

	float: right;

}

.h_head ul li {

	margin-left: 0.6em;

	padding-top: 2px;

	line-height: 1.0;

}

.h_head ul li a {

	border-right: 1px solid #ccc;

	padding-right: 0.6em;

}

.top_box { margin-bottom: 7px; }

.h_head p { float: left; }

.h_head img { width: 150px; }

.h_head .rightBox {

	position: absolute;

	top: 10px;

	right: 5px;

}

.h_head .rightBox dd {

	font-weight: bold;

	padding-right: 5px;

	font-size: 0.8rem;

	letter-spacing: -0.5px;

}

.h_head .tel {

	font-weight: bold;

	color: #00a0e9;

	font-size: 140%;

}

.h_head .tel a { color: #00a0e9; }

.user_menu a {

	font-weight: bold;

	color: #5c5c5c;

}

/*--------------------- search*/

#search_box {

	position: relative;

	margin-right: 95px;

}

#search_box input {

	border: 1px solid #dcdcdc;

	border-radius: 5px;

	width: 100%;

	min-width: 300px;

	height: 2.55em;

	padding: 10px 10px;

	font-size: 1.6rem;

	transition: all .3s;

}

#search_box input:focus {

	outline: 0;

	border: 3px solid #dcdcdc;

}

#search_box img {

	width: 18px;

	position: absolute;

	top: 0;

	right: 14px;

	bottom: 0;

	margin: auto;

}

/*--------------------- cart*/

#cart_box {

	position: absolute;

	bottom: 0;

	right: 4px;

	background: #ff9200;

	border-radius: 4px;

}

#cart_box a {

	font-size: 22px;

	display: block;

	padding: 9.5px 26.5px;

	color: #fff;

}

#cart_box:hover {

	opacity: .7;

	transition: all .3s;

}

/*--------------------- g_nav*/

#g_nav {

	background: #1d2088;

	box-shadow: 0px 3px 3px 0px rgba(0, 80, 120, 0.3);

	z-index: 1;

}

#g_nav a {

	color: #fff;

	padding: 17.5px 0;

	display: block;

}

#g_nav a:hover {

	background: #ea4335;

	text-decoration: none;

}

#g_nav li {

	text-align: center;

	width: 168px;

}

#g_nav .last { background: #00096d; }

#g_nav li ul { text-align: left; }

#g_nav li li {

	float: none;

	padding: 0;

	width: 100%;

	margin-bottom: 10px;

}

#g_nav li li a:before {

	content: "\";

  font-family: FontAwesome;
 }

 #g_nav li li a {
  padding: 0;

  text-align: left;
 }

 #g_nav li .box_link a {
  padding: 7px 0;

  font-size: 12px;

  transition: all 0.3s;
 }

 /*--------------------*/

 .overlay {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 10;

  background: rgba(0, 0, 0, 0.5);

  transition: all 0.3s;

  opacity: 0;

  display: none;
 }

 .open .overlay {
  opacity: 1;

  display: block;
 }

 #sideMenu {
  position: fixed;

  top: 45px;

  right: -270px;

  width: 270px;

  height: 100%;

  background: #00a0e9;

  overflow: scroll;

  -webkit-overflow-scrolling: touch;

  z-index: 99;
 }

 .searchArea {
  background: #33b3ed;

  padding: 15px 10px;

  text-align: left;
 }

 .searchArea input[name="brand_search_form"] {
  display: inline-block;

  width: 100%;

  padding: 8px 10px;

  box-sizing: border-box;

  border: none !important;

  font-size: 16px;

  line-height: 1;

  border-radius: 5px;

  height: 40px;

  line-height: 40px;
 }

 .searchArea input[name="brand_search_button"] {
  border-radius: 6px;

  box-sizing: border-box;

  background: transparent url(../images/icon/icon_search.png) no-repeat center;

  background-size: 26px 26px;

  text-indent: -9999em;

  width: 40px;

  height: 30px;

  position: absolute;

  top: 20px;

  right: 10px;

  border: 0;
 }

 .sideNav {
  margin: 15px 0 100px;

  text-align: left;

  font-size: 15px;
 }

 .sideNav i {
  vertical-align: text-bottom;

  margin-right: 5px;
 }

 .sideNav,
 .sideNav a {
  color: #fff;
 }

 .sideNav li {
  float: none;
 }

 .sideNav li a {
  padding: 5px 15px;

  display: block;

  line-height: 1.5;
 }

 .sideNav-title {
  padding: 10px 15px;

  line-height: 1;
 }

 .inner-sideNav {
  margin-bottom: 8px;
 }

 .inner-sideNav li a {
  padding-left: 35px;
 }

 .categorySwitch {
  padding: 10px 15px;

  display: block;

  background: url("/smartphone/images/template/5/icon-close.png") no-repeat 90% center;

  background-size: 26px 26px;
 }

 .categorySwitch.open {
  background-image: url("/smartphone/images/template/5/icon-open.png");
 }

 .categorySwitch:after {
  display: inline-block;

  padding: 0 8px;

  font: 900 20px/1 "Font Awesome 5 Free";
  
  content: "\f107";

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  transition: all 0.3s;
 }

 .categorySwitch.open:after {
  transform: rotate(180deg);
 }

 .sideCategory {
  display: none;
 }

 .category_list {
  padding-left: 20px;
 }

 #category_list2 {
  margin-top: 5px;
 }

 #category_list2 li a {
  padding: 5px 35px;
 }

 /*------------------ hero*/

 .main_img_wrap {
  background: url("../images/top/top_img_bg.jpg") #50c8ff center bottom no-repeat;

  margin-bottom: 32px;
 }

 .main_img {
  margin: 0 auto;

  background: url("../images/top/top_img_man.png") right 10px no-repeat;

  -webkit-background-size: 250px;

  background-size: 250px;
 }

 .main_img_txt {
  position: relative;

  width: 100%;

  text-align: left;

  padding: 25px 15px;
 }

 .main_img_txt h2 {
  line-height: 56px;

  font-size: 46px;

  color: #fff;

  font-weight: 900;

  letter-spacing: 4.7px;

  line-height: 1.2;
 }

 .main_img_txt .ribon {
  background: url("../images/top/bg_ribon.png") left no-repeat;

  padding: 18px 28px;

  margin: 14px 0 14px 2px;

  font-size: 28px;

  font-weight: bold;

  line-height: 1.3;

  letter-spacing: 3px;

  color: #feee00;
 }

 .main_img_txt .intro {
  margin: 25px 0 0;

  line-height: 1.7em;

  color: #003466;

  font-size: 1.5rem;
 }

 .main_img_txt .intro + .intro + .intro {
  margin-top: 10px;
 }

 .main_img_txt .intro h5 {
  margin: 0 auto 10px;

  font-size: 25px;

  font-weight: 900;

  line-height: 1;
 }

 .main_img_txt .intro p {
  line-height: 36px;

  font-size: 31px;

  color: #fff;

  font-weight: 900;
 }

 .main_img_txt .intro p span {
  font-size: 18px;

  letter-spacing: 3px;

  color: #fff;

  line-height: 1;
 }

 .main_img_txt .circle_red,
 .main_img_txt .circle_yellow {
  text-align: center;

  margin: 0 auto 10px;

  padding: 25px 15px 5px;

  color: #fff;

  font-weight: 900;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  position: absolute;

  width: 150px;

  height: 150px;

  top: 190px;

  opacity: 0.96;
 }

 .main_img_txt .circle_red {
  left: 345px;

  background-color: #d21127;
 }

 .main_img_txt .circle_yellow {
  left: 485px;

  background-color: #f0c909;
 }

 .main_img_txt .circle_red h5,
 .main_img_txt .circle_yellow h5 {
  text-align: center;

  line-height: 32px;

  font-size: 18px;

  color: #fff;

  font-weight: 900;
 }

 .main_img_txt .circle_red p,
 .main_img_txt .circle_yellow p {
  font-size: 12px;
 }

 /*--------------------------- block_01_about*/

 /* .about {
  margin-bottom: 40px;
 } */

 .about .box_left {
  width: 620px;

  float: left;
 }

 .about .box_right {
  padding: 0 30px 0 0;

  text-align: center;

  font-weight: bold;

  float: right;
 }

 .about .box_right p {
  font-size: 1.1rem;

  text-align: center;
 }

 /* .about h2 {
  color: #1d2088;

  font-size: 20px;

  margin-bottom: 8px;
 } */

 .about dt {
  font-size: 14px;

  color: #d21127;

  font-weight: bold;

  margin-bottom: 10px;
 }

 .about dd {
  color: #333;

  line-height: 1.8;
 }

 .about .box_left .btn {
  float: right;
 }

 /*----------------------------- block_02_weeksale*/

 .weeksale_wrap {
  background: url("../images/top/bg_weeksale.jpg") #ffd600 -300px bottom no-repeat / cover;

  margin-bottom: 32px;
 }

 .weeksale {
  margin: 0 auto;

  width: 1010px;
 }

 .weeksale li {
  float: left;

  padding: 20px 6px;
 }

 .weeksale li:nth-child(1) {
  padding: 15px 0;
 }

 .weeksale li img {
  width: 100%;

  max-width: 90%;
 }

 .weeksale li .term {
  background: #fff;

  text-align: center;

  width: 90%;

  font-size: 16px;

  color: #000;

  font-weight: 900;

  margin: 10px auto;

  padding: 10px 0;

  line-height: 1;
 }

 /*------------------------ block_03_ranking*/

 .ranking {
  padding: 0px 0 30px;
 }

 .ranking h2 {
  margin-bottom: 0;

  border: 0;
 }

 .ranking .nav-tabs-wrap {
  border-bottom: 1px solid #ddd;

  margin-bottom: 16px;
 }

 .ranking .nav-tabs {
  font-size: 0;

  overflow: visible;

  border: 0;
 }

 .ranking .nav-tabs:after {
  content: "";

  display: block;

  clear: both;
 }

 .ranking .nav-tabs li {
  float: none;

  display: inline-block;
 }

 .nav-tabs > .active > a {
  border-bottom: 1px solid #fff;

  z-index: 1;
 }

 .nav-tabs > .active > a:after {
  content: "";

  display: block;

  width: 100%;

  height: 6px;

  background: #fff;

  position: absolute;

  bottom: -2px;

  left: 0;

  z-index: 1000000000;
 }

 .nav-tabs > li > a {
  font-weight: bold;

  background: #efefef;

  width: auto;

  text-align: center;

  position: relative;

  padding: 10px 15px;

  font-size: 10px;
 }

 /**----------------------- */

 .ranking_item {
  width: 20%;

  padding: 0 10px;

  float: left;

  position: relative;
 }

 .ranking_item img {
  padding: 8px;

  border: 1px solid #dcdcdc;
 }

 .ranking_icon {
  display: block;

  padding: 4px 5px;

  position: absolute;

  top: 12px;

  left: 5px;

  background: #333;

  color: #fff;

  line-height: 1;

  font-size: 10px;

  z-index: 5;
 }

 .ranking_icon .number {
  font-size: 12px;
 }

 .ranking_icon:before,
 .ranking_icon:after {
  content: "";

  position: absolute;

  height: 0;

  width: 0;
 }

 .ranking_icon:before {
  left: 0;

  top: 100%;

  border-top: 6px solid #333;

  border-left: 6px solid transparent;
 }

 .ranking_icon:after {
  position: absolute;

  left: 99%;

  top: 0;

  border-bottom: 10px solid #333;

  border-top: 10px solid #333;

  border-right: 8px solid transparent;
 }

 .ranking_item:nth-child(1) .ranking_icon {
  background: #c69d24;
 }

 .ranking_item:nth-child(1) .ranking_icon:before {
  border-top: 6px solid #c69d24;
 }

 .ranking_item:nth-child(1) .ranking_icon:after {
  border-bottom: 10px solid #c69d24;

  border-top: 10px solid #c69d24;
 }

 .ranking_item:nth-child(2) .ranking_icon {
  background: #9f9f9f;
 }

 .ranking_item:nth-child(2) .ranking_icon:before {
  border-top: 6px solid #9f9f9f;
 }

 .ranking_item:nth-child(2) .ranking_icon:after {
  border-bottom: 10px solid #9f9f9f;

  border-top: 10px solid #9f9f9f;
 }

 .ranking_item:nth-child(3) .ranking_icon {
  background: #a95636;
 }

 .ranking_item:nth-child(3) .ranking_icon:before {
  border-top: 6px solid #a95636;
 }

 .ranking_item:nth-child(3) .ranking_icon:after {
  border-bottom: 10px solid #a95636;

  border-top: 10px solid #a95636;
 }

 .ranking_item .item_name {
  height: 42px;

  overflow: hidden;
 }

 /*----------------------- block_04_special*/

 .special {
  background: #f6f6f6;

  padding: 28px 0;

  margin-bottom: 20px;
 }

 .special li {
  width: 50%;

  padding: 0 5px 10px;
 }

 .special li:nth-child(even) {
  margin-right: 0;
 }

 /*block_05_ossm_dt*/

 /*block_06_ossm_rt*/

 /*block_07_ossm_mb*/

 /*----------------------- block_08_shop-info*/

 .information {
  border-top: 1px solid #d5d5d5;

  padding: 20px 0;
 }

 .information ul {
  text-align: center;
 }

 .information li {
  width: 40%;

  display: inline-block;

  padding: 0 10px;

  text-align: center;

  float: none;
  margin-bottom: 10px;
 }

 .information li:nth-child(3n) {
  margin-right: 0;
 }

 .guide {
  margin-top: 20px;

  padding-bottom: 32px;
 }

 .guide li {
  width: 320px;

  margin-right: 20px;
 }

 .guide li:nth-child(3n) {
  margin-right: 0;
 }

 .guide dt {
  border-left: 5px solid #c0c0c0;

  padding-left: 12px;

  font-size: 18px;

  font-weight: normal;

  margin-bottom: 16px;

  line-height: 1;
 }

 .guide dd {
  font-size: 12px;
 }

 .guide li:nth-child(2) > dl > dd > dl > dd {
  padding-left: 12px;

  margin-bottom: 10px;
 }

 .guide dl dl dt {
  border: none;

  padding: 0;

  font-size: 14px;

  font-weight: bold;

  margin-bottom: 6px;
 }

 .guide li:nth-child(1) > dl > dd {
  padding: 0 15px;
 }

 .guide li:nth-child(3) > dl > dd > ul {
  margin-bottom: 25px;
 }

 /*----------------------- footer_menu*/

 .f_menu {
  background: #f6f6f6;

  padding: 20px 15px;
 }

 .f_menu_level0 > li {
  float: none;

  width: 100%;

  border-right: 1px solid #dcdcdc;
 }

 .f_menu_level0 > li:last-child {
  border: none;
 }

 .f_menu_level1 dt {
  margin-bottom: 16px;

  padding-left: 16px;
 }

 .f_menu_level2 > li {
  width: 50%;

  font-size: 12px;

  line-height: 1.5;

  display: inline-block;
  float: left;
 }

 .f_menu_level2 > li > a {
  display: block;
  color: #333;
 }

 .f_menu_level2 li i {
  font-size: 14px;

  margin-right: 5px;
 }

 .f_menu_level3 > li {
  padding-left: 1em;

  margin-bottom: 16px;
 }

 .address a {
  color: #1d2088;
 }

 .free {
  color: #e60012;
  font-weight: bold;
 }

 .copyright {
  padding: 13px 0;

  margin: 0;
 }

 .copyright,
 .copyright a {
  font-size: 10px;

  color: #fff;

  background: #000;
 }

 .copyright ul {
  float: left;
 }

 .copyright li a {
  padding-right: 1em;

  margin-right: 1em;

  border-right: 1px solid #fff;
 }

 .copyright p {
  text-align: center;
 }

 .fd {
  position: fixed;

  top: 0;

  right: 0;
 }

 .fd_free {
  top: 294px;
 }

 .fd_contact {
  top: 500px;
 }

 #page-top {
  position: fixed;

  bottom: 11px;

  right: 10px;

  font-size: 77%;
 }

 #page-top a {
  background: #00a0e9;

  text-decoration: none;

  color: #fff;

  width: 40px;

  padding: 10px 0;

  text-align: center;

  display: block;
 }

 #page-top a:hover {
  text-decoration: none;

  background: #66d6ff;
 }

 .cal table {
  width: 100%;

  margin-bottom: 0;
 }

 .cal table td {
  padding: 2px !important;

  font-size: 12px !important;
 }

 .cal .holyday {
  color: red;
 }

 /* 笆�笆�笆�笆�笆� smartphone and tablet styles  笆�笆�笆�笆�笆� */

 /* body {
  padding: 0;
 } */

 img {
  border: 0;

  max-width: 100%;

  height: auto; /*width: auto;*/
 }

 .col-6 .products_item {
  width: 33.333%;

  margin-bottom: 15px;
 }

 .inner {
  width: 100%;

  padding: 0 10px;
 }

 .h_head {
  width: 100%;

  padding: 7px 3px;
 }

 /*---------------------- header*/

 .h_head {
  margin-bottom: 16px;
 }

 .h_head h1 {
  width: 100%;

  text-align: left;
 }

 .h_head h1 span {
  display: inline-block;

  width: 100%;

  font-size: 10px;

  margin-bottom: 5px;
 }

 .h_head h1 img {
  width: 150px;
 }

 .h_head .rightBox dd {
  font-size: 80%;

  text-align: right;
 }

 .h_head .rightBox {
  top: 95px;
 }

 .user_menu {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 100;
 }

 .user_menu li {
  color: #fff;

  width: 33.33%;

  text-align: center;

  background: #337ab7;

  padding: 16px 8px;

  border-right: 2px solid #fff;
 }

 .user_menu li:last-child {
  border: none;
 }

 .user_menu li a {
  color: #fff;
 }

 #g_nav li {
  width: 100%;
 }

 /*---------------------- about*/

 .about .box_left,
 .about .box_right {
  float: none;

  width: 100%;
 }

 .about .box_left .btn {
  float: none;
 }

 .about .box_right {
  text-align: center;

  padding: 0;
 }

 /*---------------------- mainimage*/

 .main_img {
  margin: 0 auto;
 }

 .main_img_txt .sp {
  display: none;
 }

 .main_img_txt h2 {
  line-height: 56px;

  font-size: 20px;

  color: #fff;

  font-weight: 900;

  line-height: 1.2;
 }

 .main_img_txt .ribon {
  background: url("../images/top/bg_ribon.png") left center no-repeat;

  -webkit-background-size: contain;

  background-size: contain;

  padding: 8px;

  margin: 10px auto;

  font-size: 13px;

  font-weight: bold;

  line-height: 1.4;

  color: #feee00;
 }

 .main_img_txt .intro {
  font-size: 12px;

  margin: 20px 0 0;

  line-height: 1.6em;

  color: #003466;
 }

 .main_img_txt .intro h5 {
  margin: 0 auto 10px;

  font-size: 16px;

  font-weight: 900;
 }

 .main_img_txt .intro p {
  line-height: 1.6;

  font-size: 16px;

  color: #fff;

  font-weight: 900;
 }

 .main_img_txt .intro p span {
  font-size: 12px;

  color: #fff;
 }

 /*---------------*/

 .weeksale {
  width: 100%;
 }

 .weeksale li {
  width: 33.333%;

  text-align: center;
 }

 /*--------------------- footer*/

 footer .inner {
  width: 90%;

  margin: 0 auto;
 }

 /*

footer li {

	text-align: center;

	border-right: 1px solid #ccc;

	padding: 0 2%;

	font-size: 89%;

}

footer li:last-child { border: none; }

*/

 footer .btn {
  background: #ccc;

  display: block;

  padding: 10px;

  border-radius: 6px;

  width: 100%;

  box-sizing: border-box;
 }

 footer .copyright {
  background: #000;

  color: #fff;

  text-align: center;

  padding: 2%;
 }
}
@media (width <= 480px) {
 .user_menu li {
  padding: 10px 5px;
 }
}

@media only screen and (max-width: 768px) {
 .top_box,
 #search_box {
  display: none;
 }

 .h_head .tel {
  font-size: 130%;
  line-height: 1.5;
 }

 .main_img {
  margin: 0 auto;

  background: url(../images/top/top_img_man.png) 180px bottom no-repeat;

  background-size: 170px;
 }

 .main_img_txt {
  padding: 15px 15px 1px;
 }

 .main_img_txt h2 {
  font-size: 18px;

  line-height: 1.4;
 }

 .main_img_txt .intro + .intro + .intro {
  margin-top: 20px;
 }

 .main_img_txt .circle_red,
 .main_img_txt .circle_yellow {
  position: inherit;

  top: inherit;

  left: inherit;

  width: 160px;

  height: 160px;
 }

 .main_img_txt .circle_red {
  margin: 15px 0;
 }

 .main_img_txt .circle_yellow {
  margin: 15px 0;
 }

 .ranking_contents {
  padding: 0;
 }

 .ranking_item {
  width: 50%;

  padding: 0 10px;

  margin-bottom: 15px;

  float: left;

  position: relative;
 }

 .ranking_item:nth-child(1) {
  width: 100%;
 }

 .weeksale_wrap {
  /*padding-bottom: 140px;*/

  background-position: -500px bottom;

  background-size: inherit;
 }

 .weeksale li {
  width: 50%;

  text-align: center;
 }

 .weeksale li:nth-child(1) {
  width: 100%;
 }

 .information li:last-child {
  margin-bottom: 0;
 }
}

@media (width <= 480px) {
 body {
  margin-top: 45px;
 }
 .information li {
  float: none;

  width: 100%;

  margin-bottom: 10px;
 }
}

@media only screen and (max-width: 320px) {
 .main_img_txt {
  padding: 15px 10px 1px;
 }

 .main_img_txt .ribon {
  font-size: 12px;
  letter-spacing: 1.5px;
 }

 .f_menu {
  padding: 20px 10px;
 }

 footer .inner {
  margin: 0;
  padding: 0;
  width: 100%;
 }
}

/* 20250121更新　海ごみ問題を知ってくださいページ */
@media (width <= 768px) {
 .h3_introduction {
  font-size: 20px;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 14px;
  text-align: left;
  line-height: 1.6;
 }
 .environment_list {
  float: none;
  text-align: left;
  padding: 18px 12px 15px 12px;
  background-color: #f9f6c3;
  border-radius: 9px;
  border: solid 2px;
  border-color: #ffc815;
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: 1.5;
 }
 .environment_list_ttl01 {
  font-weight: bold;
  margin-right: 6px;
 }
 .environment_txt {
  text-align: left;
 }
}

/* 紹介ページ更新 20250520 */
@media (width <= 768px) {
 .syoukai_ttl01 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  font-size: 6.5vw;
  line-height: 1;
  /* font-size: 36px;
 line-height: 1.5; */
  letter-spacing: 0.9;
  margin-top: 40px;
  margin-bottom: 24px;
  text-align: center;
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgba(255, 228, 0, 0.4);
  text-underline-offset: -0.2em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
 }
 .syoukai_ttl01::before,
 .syoukai_ttl01::after {
  content: "";
  width: 4px;
  height: 40px;
  background-color: #222;
 }

 .syoukai_ttl01::before {
  margin-right: 30px;
  transform: rotate(-35deg);
 }

 .syoukai_ttl01::after {
  margin-left: 30px;
  transform: rotate(35deg);
 }

 .syoukai_txt01 {
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: 1.1;
  /* font-size: 18px; */
  text-align: left;
  font-size: 4vw;
 }
 .syoukai-gift {
  /* text-align: center; */
  text-align: left;
  border-radius: 8px;
  padding: 24px 16px;
  margin: 40px auto 90px;
  max-width: 95%;
  border-radius: 9px;
  border: solid 2px #5cb3bb;
  border-bottom: solid 6px #5cb3bb;
 }
 .syoukai-gift_txt01 {
  /* font-size: 24px; */
  font-size: 4.5vw;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 1.1;
  margin-bottom: 8px;
 }
 .syoukai-gift_txt02 {
  font-size: 16px;
 }

 .syoukai_box01 + .syoukai_box01 {
  border-top: solid 1px;
 }
 .syoukai-flow {
  padding-left: 1%;
  padding-right: 3%;
 }
 .syoukai-flow_ttl {
  font-size: 22px;
  line-height: 1.7;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 0.25em 0.5em;
  background: transparent;
  border-left: solid 5px #5cb3bb;
 }

 .syoukai-flow ol,
 .syoukai-flow ul {
  padding-left: 16px;
 }
 .syoukai-flow list {
  display: block;
  font-size: 16px;
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: 0.8;
 }

 .syoukai-flow + .syoukai-flow {
  margin-top: 40px;
  border-top: dashed 1px #5cb3bb;
  padding-top: 40px;
 }

 .syoukai-form_txt01 {
  font-size: 24px;
  text-align: center;
  margin-top: 90px;
  margin-bottom: 32px;
 }
  .search-btn.search-url {
  border-radius: 6px;
  box-sizing: border-box;
  background: transparent url(https://gigaplus.makeshop.jp/pckujira/images/icon/icon_search.png) no-repeat center;
  background-size: 26px 26px;
  text-indent: -9999em;
  width: 40px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 10px;
  border: 0;
 }
}