/*
Theme Name:		Welcart Basic
Theme URI:		http://www.welcart.com/
Author:			Collne Inc.
Author URI:		http://www.collne.com/
Description:	Welcart Basic is the Welcart dedicated theme.
Version:		1.2.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, white, two-columns, right-sidebar
*/
/* =Reset
-------------------------------------------------------------- */
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-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
del {
  color: #333;
}
ins {
  background: #fff9c0;
  text-decoration: none;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 24px;
  margin-bottom: 1.714285714rem;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
small {
  font-size: smaller;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after {
  clear: both;
}
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {
  display: table;
  content: "";
}
/* -- clearfix -- */
.cf:before, .cf:after {
  display: table;
  content: " ";
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
/* =Base
-------------------------------------------------------------- */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}
img {
  margin: 0;
  padding: 0;
  border-style: none;
  vertical-align: bottom;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* -- ul,li -- */
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* -- p -- */
p {
  margin: 0;
  padding: 0;
}
/* -- em -- */
em {
  color: #999;
  font-size: .8em;
  font-weight: normal;
  font-style: normal;
}
/* -- text -- */
.textleft, div.textleft {
  text-align: left;
}
.textright, div.textright {
  text-align: right;
}
.textcenter, div.textcenter {
  text-align: center;
}
/* -- float -- */
.alignleft, div.alignleft {
  margin: 0;
  padding: 0 10px 10px 0;
  float: left;
}
.alignright, div.alignright {
  margin: 0;
  padding: 10px 0 0 10px;
  float: right;
}
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.error_message {
  color: #ff0000;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: .384615em;
}
.wp-caption {
  margin: 10px 0;
  padding-top: 4px;
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.wp-caption p {
  font-size: 11px;
  margin: 0;
  padding: 0 4px 5px;
  line-height: 17px;
}
/* -- input,select,textarea -- */
input, select, textarea {
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
select {
  width: 60%;
  padding: .5714285em 2.14286em .5714285em .5714285em;
  background: url(images/select-arrow.gif) center right 10px no-repeat;
  border: 1px solid #bbb;
}
textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #bbb;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"] {
  padding: .5714285em;
  border: 1px solid #bbb;
}
input[type="button"], input[type="submit"], input[type="reset"] {
  padding: .714288em 1.42857em;
  background-color: #efefef;
  border: none;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
  background-color: #ddd;
  cursor: pointer;
}
input[type="checkbox"] {
  border: 1px solid #ccc;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}
input[type="radio"] {
  border: 1px solid #bbb;
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}
input[type="file"] {
  border: none;
}
/* -- Campaign-Tag -- */
.campaign_message {
  font-size: 12px;
  font-weight: bold;
  color: #d3222a;
  margin-top: 5px;
  background-color: #efefef;
}
/* - item-single.php - */
#itempage .campaign_message {
  font-size: 14px;
  margin: 0 0 15px;
  background: none;
  letter-spacing: .5px;
}
/* =header
-------------------------------------------------------------- */
/* -- .headblock -- */
header .headblock {}
/* -- .site-description -- */
.site-description {
  color: #fff;
  font-size: .85714em;
  font-weight: bold;
  padding: .8333em 6.6667em .8333em .8333em;
  background: #131313;
  overflow: hidden;
}
/* -- .snav -- */
.snav {
  width: auto;
  float: right;
  padding-top: 1.07143em;
  margin-right: .714286em;
}
.snav i {
  font-size: 1.57143em;
  padding: .454545em;
}
.incart-btn span {
  display: none;
}
.snav ul li i {
  color: #131313;
}
.incart-btn a {
  position: relative;
}
.incart-btn .total-quant {
  display: inline-block;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  min-width: 20px;
  max-width: 30px;
  height: 20px;
  color: #fff;
  background-color: #fba60d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  vertical-align: text-bottom;
}
.snav .membership {
  float: left;
}
.snav .membership a {
  display: block;
}
.snav .membership ul {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 1.4286em .714286em .714286em;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 2;
}
.snav .membership.On ul {
  display: block;
}
.snav .membership li {
  float: none;
  background: none;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 0 1.07143em .714286em;
  padding-bottom: .357143em;
}
.snav .membership li:first-child {
  margin-left: 0;
}
.snav .membership li:last-child {
  margin-bottom: 0;
  border: none;
}
/* -- .incart-btn -- */
.incart-btn {
  float: left;
}
.incart-btn a {
  display: block;
  color: #262626;
}
/* -- .search-box -- */
.search-box {
  float: left;
}
.snav .search-box i {
  font-size: 1.42857em;
  padding: .5em;
}
.search-box form {
  display: none;
}
.search-box.On form {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 1.4286em .714286em .714286em;
  background-color: #fff;
}
.search-box div.s-box {
  display: block;
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  float: right;
  text-align: center;
}
.search-box input[type="text"] {
  width: 100%;
  border: none;
}
.search-box #searchsubmit {
  color: #aaa;
  font-size: 1.14286em;
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 0;
  padding: .3124995em;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* -- .site-title -- */
h1.site-title, div.site-title {
  clear: none;
  font-size: 1.785712em;
  font-weight: bold;
  padding: 1em .6em 1em .4em;
  float: left;
  line-height: 1em;
  text-align: center;
}
h1.site-title a, div.site-title a {
  color: #000;
}
h1.site-title img, div.site-title img {
  width: 100%;
  height: auto;
}
/* -- #site-navigation -- */
header div.nav-menu-open, header div.header-nav-container {
  display: none;
}
#site-navigation {
  clear: both;
  padding: 0 1.07143em;
}
#site-navigation li a {
  display: block;
  margin-bottom: 1.07143em;
  padding-bottom: .357143em;
  border-bottom: 1px solid #e0e0e0;
}
#site-navigation li li {
  margin-left: 1em;
}
/*　Toggle Menu　*/
#site-navigation label, #site-navigation input[type="checkbox"].on-off {
  display: none;
}
#site-navigation label {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  padding: 0;
  text-align: right;
}
#site-navigation label span {
  display: block;
  padding: .714286em;
}
#site-navigation label span:before {
  content: "\f03a";
  display: block;
  color: #fff;
  font-family: FontAwesome;
  font-size: 1.5714em;
  vertical-align: text-bottom;
}
header #site-navigation input#panel.on-off + div.nav-menu-open, header #site-navigation input#panel.on-off + div.header-nav-container {
  display: block;
  height: 0;
  overflow: hidden;
}
header #site-navigation input#panel.on-off:checked + div.nav-menu-open, header #site-navigation input#panel.on-off:checked + div.header-nav-container {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 1;
}
#site-navigation ul {
  padding: 1.4286em .714286em .714286em;
}
#site-navigation ul ul {
  padding: 0;
}
/* =secondary
-------------------------------------------------------------- */
#secondary {
  padding: 10px 0;
  border-top: 5px solid #eee;
}
#secondary h3 {
  margin-bottom: 1.07143em;
  padding-bottom: .357143em;
  border-bottom: 3px solid #eee;
}
#secondary .widget_title > img {
  width: 20px;
  height: 20px;
  margin-right: .714286em;
  vertical-align: top;
}
#secondary section {
  margin-bottom: 2.14286em;
  padding: 0 .714286em;
}
#secondary .columnleft section:last-child, #secondary .columncenter section:last-child {
  margin-bottom: 2.14286em;
}
#secondary section:last-child {
  margin-bottom: 0;
}
/*---- widget_welcart_bestseller ----*/
.widget_welcart_bestseller ul {
  padding: 0 .714286em;
}
.widget_welcart_bestseller li {
  margin-bottom: .714286em;
  padding-bottom: .714286em;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
}
.widget_welcart_bestseller li a {
  display: inline-block;
  padding-bottom: .357143em;
}
.widget_welcart_bestseller .itemimg {
  width: 25% !important;
  float: right;
  text-align: center;
}
.widget_welcart_bestseller .itemimg img {
  width: 100%;
  height: auto;
}
.widget_welcart_bestseller .itemname {
  width: 70%;
  text-align: left;
}
.widget_welcart_bestseller .itemprice {
  font-weight: bold;
  width: 70%;
  text-align: right;
}
.widget_welcart_bestseller .itemsoldout {
  color: #e00;
  font-size: .85714em;
  font-weight: bold;
  width: 70%;
  text-align: right;
}
/*---- widget_welcart_featured ----*/
.widget_welcart_featured ul {
  padding: 0 .714286em !important;
}
.widget_welcart_featured .featured_list {
  margin-bottom: .714286em;
  padding-bottom: .714286em;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
}
.widget_welcart_featured .thumimg {
  width: 25% !important;
  float: right;
  text-align: center;
}
.widget_welcart_featured .thumimg img {
  width: 100%;
  height: auto;
}
.widget_welcart_featured .thumtitle {
  width: 70%;
  text-align: left;
}
/*---- widget_welcart_category ----*/
.widget_welcart_category ul {
  padding: 0 .714286em;
}
.widget_welcart_category li {
  padding-bottom: .714286em;
  line-height: 200%;
}
.widget_welcart_category li:last-child {
  padding-bottom: 0;
}
.widget_welcart_category li ul {
  margin-left: 1.07143em;
  padding: 0;
}
.widget_welcart_category li li {
  padding: 0;
}
.widget_welcart_category li li a {
  display: block;
  padding: 0;
}
.widget_welcart_category li li a:before {
  display: none;
}
.widget_welcart_category ul ul ul {
  display: block !important;
}
/*---- widget_welcart_calendar ----*/
.widget_welcart_calendar table {
  width: 100%;
  margin: 5px auto 10px auto;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.widget_welcart_calendar th {
  color: #fff;
  background-color: #131313;
  border: 1px solid #ccc;
  text-align: center;
}
.widget_welcart_calendar td {
  border: 1px solid #ccc;
  text-align: center;
}
.widget_welcart_calendar .businessday {
  color: #262626;
  background-color: #fff0d1;
}
/*---- welcart_blog_calendar ----*/
.welcart_blog_calendar table {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.welcart_blog_calendar th {
  color: #fff;
  background-color: #131313;
  border: 1px solid #ccc;
  text-align: center;
}
.welcart_blog_calendar td {
  border: 1px solid #ccc;
  text-align: center;
}
/*---- widget_welcart_search ----*/
.widget_welcart_search .searchtext {
  width: 75%;
  padding: .5714285em;
  border: 1px solid #ccc;
  border-right: none;
}
.widget_welcart_search #searchsubmit {
  color: #fff;
  width: 25%;
  padding: .5em 0;
  background-color: #ff8c00;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
}
.widget_welcart_search #searchsubmit:hover {
  cursor: pointer;
  background-color: #ffa500;
}
.widget_welcart_search div {
  margin-top: .714286em;
  background-color: #efefef;
  text-align: center;
}
.widget_welcart_search div a {
  display: block;
  color: #262626;
  line-height: 200%;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
}
.widget_welcart_search div a:hover {
  background-color: #ddd;
  text-decoration: none;
}
/*---- widget_welcart_login ----*/
.widget_welcart_login .loginbox {
  padding: 0 .714286em;
}
.widget_welcart_login .loginbox div {
  font-weight: bold;
}
.widget_welcart_login label {
  line-height: 180%;
}
.widget_welcart_login input.loginmail, .widget_welcart_login input.loginpass {
  width: 100%;
  margin-bottom: .357143em;
  padding: .357143em;
  border: 1px solid #ccc;
}
.widget_welcart_login input#member_loginw, .widget_welcart_login input#member_login {
  font-size: 14px;
  color: #fff;
  width: 60%;
  margin-bottom: .357143em;
  padding: .714286em 1.42857em;
  background-color: #ff8c00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.widget_welcart_login input#member_loginw:hover, .widget_welcart_login input#member_login:hover {
  background-color: #ffa500;
}
.widget_welcart_login .loginbox a.usces_logout_a, .widget_welcart_login .loginbox a.login_widget_mem_info_a {
  display: inline-block;
  margin: .357143em 0 0 1.071428em;
}
.widget_welcart_login .loginbox .submit {
  padding: 0;
}
.widget_welcart_login .liwpp_area {
  padding: .714286em .714286em 0;
}
/*---- usces_recent_entries + widget_welcart_page + widget_welcart_post ----*/
.usces_recent_entries ul, .widget_welcart_page ul, .widget_welcart_post ul {
  padding: 0 .714286em;
}
.usces_recent_entries li a, .widget_welcart_page li a, .widget_welcart_post li a {
  display: inline-block;
  padding-bottom: .357143em;
}
.usces_recent_entries li, .widget_welcart_page li, .widget_welcart_post li {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: .714286em;
  padding-bottom: .357143em;
}
.usces_recent_entries li li, .widget_welcart_page li li {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
/*---- other widgets ----*/
.widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_recent_entries ul, .widget_recent_comments ul {
  padding: 0 .714286em;
}
.widget_archive li a, .widget_categories li a, .widget_meta li a, .widget_recent_entries li a, .widget_recent_comments li a {
  display: inline-block;
  padding-bottom: .357143em;
}
.widget_nav_menu ul, .widget_pages ul {
  padding: 0 .714286em;
}
.widget_nav_menu ul li, .widget_pages li {
  margin-bottom: .357143em;
}
.widget_nav_menu ul li a, .widget_pages li a {
  display: inline-block;
  padding-bottom: .357143em;
}
.widget_categories label, .widget_archive label {
  display: block;
  margin-bottom: .5em;
}
/*　calendar　*/
.widget_calendar table {
  width: 100%;
  margin: 0 2% .714286em;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.widget_calendar th {
  color: #fff;
  background-color: #131313;
  border: 1px solid #ccc;
  text-align: center;
}
.widget_calendar td {
  border: 1px solid #ccc;
  text-align: center;
}
/*　search　*/
.widget_search div {
  position: relative;
  border: 1px solid #ccc;
}
.widget_search #s {
  width: 100%;
  padding: .357143em;
  border: none;
}
.widget_search #searchsubmit {
  font-family: FontAwesome;
  ;
  color: #131313;
  padding: .357143em;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
}
.widget_search #searchsubmit:hover {
  cursor: pointer;
}
/* =toTop
-------------------------------------------------------------- */
#toTop {
  display: block;
  width: 60px;
  position: fixed;
  right: 15px;
  bottom: -29px;
  transition: .3s ease all;
  opacity: 0.4;
  z-index: 9999;
}
#toTop:hover {
  opacity: 1;
  bottom: 0px;
}
/* =footer
-------------------------------------------------------------- */
/* =contetns
-------------------------------------------------------------- */
/* -- content -- */
#content {}
#content header {
  position: inherit;
  margin: 0 0 1.42857em;
  padding: 0;
  border: none;
}
#content .page-title, #content .entry-title {
  font-size: 1.142857em;
  margin-bottom: 1.25em;
  line-height: 1.25em;
}
/* =front-page.php
-------------------------------------------------------------- */
/* -- main-image -- */
.main-image {
  padding: 0 .714286em 0;
}
.main-image img {
  width: 100%;
  height: auto;
}
/* -- .front-il -- */
.front-il {
  letter-spacing: -.5em;
}
.blog #content .front-il article {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.front-il article {
  display: inline-block;
  width: 46%;
  margin-right: 8%;
  padding: 1.42857em 0 0;
  letter-spacing: normal;
  vertical-align: text-top;
}
.front-il article:nth-of-type(even) {
  margin-right: 0;
}
.front-il .itemimg {
  margin-bottom: .357143em;
  text-align: center;
}
.front-il .itemimg a {
  display: block;
}
.front-il .itemimg img {
  width: 100%;
  height: auto;
}
.front-il .itemname {
  max-height: 63px;
  overflow: hidden;
}
.front-il .itemname span {
  font-size: .9em;
}
.front-il .itemprice {
  font-weight: bold;
  height: 22px;
  text-align: right;
}
.front-il .itemsoldout {
  color: #e00;
  font-size: .85714em;
  font-weight: bold;
  height: 22px;
  text-align: right;
}
.front-il .no-date {
  margin-top: 1.42857em;
  letter-spacing: normal;
}
/* -- show-on-front -- */
/* - blog - */
.blog #content article {
  margin-bottom: 1.42857em;
  padding-bottom: 1.42857em;
  border-bottom: 1px solid #eaeaea;
}
.blog #content .entry-title {
  margin-bottom: 20px;
}
.blog #content .entry-meta {
  margin-bottom: 20px;
}
.blog #content .entry-content {
  margin-bottom: 0;
}
.blog #content .entry-content .loopimg {
  margin-bottom: 20px;
}
/* =archive.php
-------------------------------------------------------------- */
/* -- .cat-il.type-grid -- */
.cat-il.type-grid {
  margin-bottom: 1.42857em;
  letter-spacing: -.5em;
}
.cat-il.type-grid article {
  display: inline-block;
  width: 46%;
  margin-right: 8%;
  padding: 1.42857em 0 0;
  letter-spacing: normal;
  vertical-align: text-top;
}
.cat-il.type-grid article:nth-of-type(even) {
  margin-right: 0;
}
.cat-il.type-grid .itemimg {
  margin-bottom: .357143em;
  text-align: center;
}
.cat-il.type-grid .itemimg a {
  display: block;
}
.cat-il.type-grid .itemimg img {
  width: 100%;
  height: auto;
}
.cat-il.type-grid .itemname {
  height: 63px;
  overflow: hidden;
}
.cat-il.type-grid .itemname span {
  font-size: .9em;
}
.cat-il.type-grid .itemprice {
  font-weight: bold;
  height: 22px;
  text-align: right;
}
.cat-il.type-grid .itemsoldout {
  color: #e00;
  font-size: .85714em;
  font-weight: bold;
  height: 22px;
  text-align: right;
}
/* -- .post-li -- */
.post-li article {
  overflow: hidden;
}
.post-li .post-title {}
.post-li time {
  display: block;
}
.post-li .loopimg {
  width: 20%;
  float: left;
  margin-right: 5%;
}
.post-li .loopexp {
  width: 75%;
  float: left;
}
.post-li img {
  width: 100%;
  height: auto;
}
/* -- pagination -- */
.pagination_wrapper {
  position: relative;
  clear: both;
  overflow: hidden;
}
.pagination_wrapper ul {
  position: relative;
  left: 50%;
  float: left;
  list-style: none;
}
.pagination_wrapper li {
  position: relative;
  left: -50%;
  margin-right: .357143em;
  float: left;
}
.pagination_wrapper li .current {
  display: block;
  color: #fff;
  padding: .357143em .714286em;
  background-color: #131313;
  border: 1px solid #131313;
  text-decoration: none;
}
.pagination_wrapper li a {
  display: block;
  color: #262626;
  padding: .357143em .714286em;
  background-color: #eee;
  border: 1px solid #ddd;
}
/* = .entry-content,item-description
-------------------------------------------------------------- */
/* -- p -- */
.entry-content p, .item-description p {
  margin-bottom: 1.42857em;
  line-height: 1.42857em;
}
/* -- table -- */
.entry-content table, .item-description table {
  width: 100%;
  margin-bottom: .714286em;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.entry-content th, .item-description th {
  padding: .714286em;
  background-color: #ddd;
  border: 1px solid #ccc;
}
.entry-content td, .item-description td {
  padding: .714286em;
  border: 1px solid #ccc;
}
/* -- ul + ol -- */
.entry-content ul, .entry-content ol, .item-description ul, .item-description ol {
  margin: 0 0 1.42857em 1.42857em;
}
.entry-content ul li, .item-description ul li {
  list-style: disc;
  line-height: 180%;
}
.entry-content ol li, .item-description ol li {
  list-style: decimal;
  line-height: 180%;
}
/* -- h1,h2,h3,h4,h5 -- */
.entry-content h1, .item-description h1 {
  font-size: 1.142857em;
  margin-bottom: 1.07143em;
}
.entry-content h2, .item-description h2 {
  font-size: 1.142857em;
  border-bottom: 3px solid #eee;
  margin-bottom: 1.25em;
  padding-bottom: .312502em;
  line-height: 1.25em;
}
.entry-content h3, .item-description h3 {
  margin-bottom: 1.071428em;
  padding-left: .357143em;
  border-left: 5px solid #262626;
  line-height: 140%;
}
.entry-content h4, .item-description h4 {
  margin-bottom: 1.071428em;
  padding: .357143em;
  background-color: #efefef;
}
.entry-content h5, .item-description h5 {
  margin-bottom: 1.071428em;
}
.entry-content h6, .item-description h6 {
  color: #777;
  margin-bottom: 1.071428em;
}
/* -- img -- */
.entry-content img, .item-description img {
  max-width: 100%;
  height: auto;
}
/* -- iframe -- */
.entry-content iframe, .item-description iframe {
  max-width: 100%;
}
/* -- input select textarea -- */
.entry-content input[type="file"], .item-description input[type="file"] {
  border: none;
}
.entry-content input[type="submit"], .item-description input[type="submit"] {
  color: #fff;
  background-color: #ff8c00;
}
.entry-content input[type="submit"]:hover, .item-description input[type="submit"]:hover {
  background-color: #ffa500;
}
/* =single.php
-------------------------------------------------------------- */
.entry-content {
  margin-bottom: 1.42857em;
}
.entry-meta {
  margin-bottom: 1.42857em;
  padding-left: 1.071428em;
  border-left: 3px solid #cccaca;
}
.entry-meta span {
  display: block;
}
.entry-meta .date:before {
  display: inline-block;
  content: "\f1fa";
  color: #262626;
  font-family: FontAwesome;
  font-size: 11px;
  margin-right: .7em;
}
.entry-meta .cat:before {
  content: "\f0f6";
  display: inline-block;
  color: #262626;
  font-family: FontAwesome;
  font-size: 11px;
  margin-right: .7em;
}
.entry-meta .tag:before {
  content: "\f02b";
  display: inline-block;
  color: #262626;
  font-family: FontAwesome;
  font-size: 11px;
  margin-right: .7em;
}
.entry-meta .author:before {
  content: "\f007 ";
  display: inline-block;
  color: #262626;
  font-family: FontAwesome;
  font-size: 11px;
  margin-right: .7em;
}
/* =inquiry.php
-------------------------------------------------------------- */
.inqbox .inquiry_table {
  width: 100%
}
.inqbox .inquiry_table tr {
  display: block;
  padding: 0 .625em 1.25em;
  margin-bottom: 1.25em;
  border-bottom: 2px solid #efefef;
}
.inqbox .inquiry_table th {
  display: block;
  width: auto;
  background: none;
  border: none;
}
.inqbox .inquiry_table td {
  display: block;
}
.inqbox .inquiry_table td input {
  width: 70%;
}
.inqbox .send {
  padding-top: .714286em;
  text-align: center;
}
.inqbox .send input {
  color: #fff;
  background-color: #ff8c00;
}
.inqbox .send input:hover {
  background-color: #ffa500;
}
/* =comments.php
-------------------------------------------------------------- */
.comments-area {
  padding-top: .714286em;
  border-top: 1px solid #e0e0e0;
}
.comment-area h2 {
  font-size: 1em;
  margin: .714286em 0;
}
.comment-area h2:before {
  content: "\f086";
  display: inline-block;
  color: #999;
  font-family: FontAwesome;
  font-size: 12px;
  margin-right: .7em;
}
.comment-area li {
  clear: both;
  margin-bottom: .714286em;
  padding-bottom: .714286em;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.comment-area li:last-child {
  margin-bottom: 0;
}
.comment-area li .comment-author {
  margin-right: 1.42857em;
  float: left;
}
.comment-area li img {
  display: block;
  margin: 0 auto .357143em;
}
.comment-area li .reply {
  clear: both;
  float: none;
  text-align: right;
}
.comment-area #respond {
  padding-top: .714286em;
}
#respond label {
  display: block;
  font-weight: bold;
}
#respond label .required {
  color: #ff3366;
  font-weight: bold;
}
#respond p {
  margin-bottom: .714286em;
}
#respond .form-submit {
  padding-bottom: 0;
}
/* =search.php
-------------------------------------------------------------- */
/* -- .search-li -- */
.search-li {
  margin-bottom: 1.42857em;
  letter-spacing: -.5em;
}
.search-li .title {
  letter-spacing: normal;
}
.search-li article {
  display: inline-block;
  width: 46%;
  margin-right: 8%;
  padding: 1.4286em 0 0;
  border: none;
  letter-spacing: normal;
  vertical-align: text-top;
}
.search-li .itemimg {
  margin-bottom: .357143em;
  text-align: center;
}
.search-li .itemimg a {
  display: block;
}
.search-li .itemimg img {
  width: 100%;
  height: auto;
}
.search-li .itemname {
  height: 63px;
  overflow: hidden;
}
.search-li .itemname span {
  font-size: .9em;
}
.search-li .itemprice {
  font-weight: bold;
  height: 22px;
  text-align: right;
}
.search-li .itemsoldout {
  color: #e00;
  font-size: .85714em;
  font-weight: bold;
  height: 22px;
  text-align: right;
}
.search-li article:nth-of-type(even) {
  margin-right: 0;
}
/* =404.php
-------------------------------------------------------------- */
.error-404 .page-content {
  padding: 3em 0;
  text-align: center;
}
.error-404 .page-content p {
  font-weight: bold;
}
.error-404 .page-content div {}
.error-404 input[type="submit"] {
  color: #131313;
  font-family: FontAwesome;
  font-size: 20px;
  margin-left: 0.25em;
  padding: 0.25em 0;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {
  /* =Base
	-------------------------------------------------------------- */
  textarea {}
  /* -- Campaign-Tag -- */
  #itempage .campaign_message {
    text-align: left;
  }
  /* =secondary
	-------------------------------------------------------------- */
  /*　welcart_bestseller　*/
  .widget_welcart_bestseller ul {
    overflow: hidden;
  }
  .widget_welcart_bestseller li {
    width: 46%;
    margin-right: 8%;
    padding-top: .714286em;
    float: left;
  }
  .widget_welcart_bestseller li:nth-of-type(even) {
    margin-right: 0;
  }
  .widget_welcart_bestseller li:nth-of-type(odd) {
    clear: both;
  }
  /*　welcart_featured　*/
  .widget_welcart_featured ul {
    overflow: hidden;
  }
  .widget_welcart_featured .featured_list {
    width: 46%;
    margin-right: 8%;
    padding-top: .714286em;
    float: left;
  }
  .widget_welcart_featured .featured_list:nth-of-type(even) {
    margin-right: 0;
  }
  .widget_welcart_featured li:nth-of-type(odd) {
    clear: both;
  }
  .widget_welcart_category ul, .widget_welcart_search ul, .widget_search form, .widget_welcart_login ul {}
  .widget_welcart_category ul ul {
    width: 100%;
  }
  /* =front-page.php
	-------------------------------------------------------------- */
  /* -- .front-il -- */
  .front-il {
    margin-bottom: 2.142856em;
  }
  .front-il article {
    width: 22%;
    margin-right: 4%;
  }
  .front-il article:nth-of-type(even) {
    margin-right: 4%;
  }
  .front-il article:nth-of-type(4n) {
    margin-right: 0;
  }
  /* =archive.php
	-------------------------------------------------------------- */
  /* -- .cat-il.type-grid -- */
  .cat-il.type-grid {
    margin-bottom: 1.42857em;
  }
  .cat-il.type-grid article {
    width: 22%;
    margin-right: 4%;
  }
  .cat-il.type-grid article:nth-of-type(even) {
    margin-right: 4%;
  }
  .cat-il.type-grid article:nth-of-type(4n) {
    margin-right: 0;
  }
  /* =contetns
	-------------------------------------------------------------- */
  #content .page-title, #content .entry-title {
    font-size: 1.285712em;
    margin-bottom: 2.222224em;
    line-height: 1.285712em;
  }
  /* =search.php
	-------------------------------------------------------------- */
  /* -- .search-li -- */
  .search-li article {
    width: 22%;
    margin-right: 4%;
  }
  .search-li article:nth-of-type(even) {
    margin-right: 4%;
  }
  .search-li article:nth-of-type(4n) {
    margin-right: 0;
  }
}
/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {
  /* =inquiry.php
	-------------------------------------------------------------- */
  .inqbox .inquiry_table {
    margin-bottom: 1.071428em;
  }
  .inqbox .inquiry_table tr {
    display: table-row;
    margin-bottom: 0;
    padding: 0;
    border: none;
  }
  .inqbox .inquiry_table th {
    display: table-cell;
    width: 25%;
    padding: .357143em 1.071428em;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    vertical-align: middle;
  }
  .inqbox .inquiry_table td {
    color: #6e6e6e;
    display: table-cell;
    padding: .357143em 1.071428em;
    border: 1px solid #ccc;
  }
  .inqbox .send {
    text-align: center;
  }
  .inqbox .send input {
    color: #fff;
    background-color: #ff8c00;
  }
  .inqbox .send input:hover {
    background-color: #ffa500;
  }
}
/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {
  /* =front-page.php
	-------------------------------------------------------------- */
  /* -- .front-il -- */
  .front-il article {
    width: 16.8%;
    margin-right: 4%;
    padding: 2.85712em 0 0;
  }
  .front-il article:nth-of-type(4n) {
    margin-right: 4%;
  }
  .front-il article:nth-of-type(5n) {
    margin-right: 0;
  }
}
/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {
  /* =Base
	-------------------------------------------------------------- */
  /* -- input,select,textarea -- */
  input[type="button"], input[type="submit"], input[type="reset"] {
    padding: 1.071428em 2.142856em;
  }
  a img {
    box-shadow: #fff 0 0 0;
  }
  a img:hover {
    opacity: .6;
  }
  /* =header
	-------------------------------------------------------------- */
  /* -- .site-description -- */
  .site-description {
    color: #262626;
    font-weight: normal;
    width: 75%;
    height: auto;
    padding: 1.25em 0 0;
    background: none;
    float: left;
    line-height: 130%;
  }
  /* -- .site-title -- */
  h1.site-title, div.site-title {
    font-size: 2.857142em;
    width: 65%;
    margin: 0;
    padding: 1em 0 .5em;
    float: left;
    text-align: left;
  }
  h1.site-title a, div.site-title a {
    font-weight: bold;
  }
  /* -- .snav -- */
  .snav {
    clear: right;
    margin-right: 0;
    padding-top: 1.071428em;
    float: none;
  }
  /* -- .search-box -- */
  .search-box {
    position: inherit;
    padding: 0 0 10px;
    float: right;
  }
  .snav .search-box i {
    display: none;
  }
  .search-box form {
    display: block;
  }
  .search-box div.s-box {
    width: auto;
  }
  .search-box input[type="text"] {
    width: auto;
    padding: .357143em;
    background-color: #fff;
  }
  .search-box #searchsubmit {
    position: inherit;
    color: #161616;
    padding: .357143em;
  }
  .snav .membership {
    padding: .357143em 0;
    float: right;
    overflow: hidden;
  }
  .snav .membership i {
    display: none;
  }
  .snav .membership ul {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
  }
  .snav .membership li {
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 100%;
  }
  .snav .membership li:first-child {
    color: #565656;
    font-weight: bold;
  }
  .snav .membership li:first-child, .snav .membership li a {
    font-size: 12px;
    border: none;
    margin: 0;
    padding: 0 .833334em;
    border-right: 1px solid #aaa;
  }
  .snav .membership li:last-child a {
    border-right: none;
  }
  /* -- .incart-btn -- */
  .incart-btn {
    min-width: 160px;
    margin-top: .714286em;
    float: right;
  }
  .incart-btn a {
    background-color: #ff8c00;
    padding: 6px .714286em;
    text-align: center;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
  }
  .incart-btn a:hover {
    background-color: #ffa500;
  }
  .incart-btn i {
    padding: 0;
  }
  .incart-btn i:before {
    color: #fff;
    margin-right: 8px;
  }
  .incart-btn span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    letter-spacing: 1px;
  }
  .incart-btn .total-quant {
    display: inline-block;
    position: relative;
    font-weight: bold;
    color: #fba60d;
    margin-left: 1.25em;
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: text-bottom;
  }
  /* -- #site-navigation -- */
  #site-navigation {
    clear: both;
    padding: 0;
  }
  #site-navigation label {
    display: none;
  }
  header #site-navigation input#panel.on-off + div.nav-menu-open, header #site-navigation input#panel.on-off + div.header-nav-container {
    display: block;
    overflow: inherit;
    height: auto;
    background-color: #131313;
  }
  #site-navigation ul {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
  }
  #site-navigation li {
    position: relative;
    float: left;
  }
  #site-navigation li a {
    color: #fff;
    display: block;
    margin-bottom: 0;
    padding: 1em 1.42857em;
    border-bottom: none;
    line-height: 100%;
  }
  #site-navigation li {
    padding: 0;
    border-right: 1px solid #666;
  }
  #site-navigation ul li:first-child {
    border-left: 1px solid #666;
  }
  #site-navigation li.current_page_item a, #site-navigation li.current-menu-parent a {
    background-color: #565656;
  }
  #site-navigation li.current_page_item li a, #site-navigation li.current-menu-parent li a {
    background: none;
  }
  #site-navigation li a:hover {
    color: #fff;
    background-color: #565656;
    text-decoration: none;
  }
  /* -- sub-menu -- */
  #site-navigation ul ul {
    display: none;
    position: absolute;
    top: 42px;
    left: -2px;
    width: 120%;
    background-color: #fff;
    border: 3px double #e0e0e0;
    float: left;
    z-index: 99999;
  }
  #site-navigation ul li li {
    width: 100%;
    margin-left: 0;
    border: none;
  }
  #site-navigation ul li li:first-child {
    border: none;
  }
  #site-navigation li li a:hover {
    color: #262626;
  }
  #site-navigation li li.current-menu-item a {
    background-color: #f6f6f6;
  }
  #site-navigation ul ul ul {
    width: 100%;
    left: 100%;
    top: -3px;
  }
  #site-navigation li li:first-child a {
    color: #262626;
    border: none;
  }
  #site-navigation ul ul li a {
    color: #262626;
    background-color: #fff;
    border: none;
    height: auto;
    padding: .714286em .357143em;
    line-height: 1em;
    width: 100%;
  }
  #site-navigation ul ul :hover > a {
    background: none;
    background-color: #f6f6f6;
  }
  #site-navigation ul li:hover > ul {
    display: block;
  }
  #site-navigation * {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  /* =secondary
	-------------------------------------------------------------- */
  #secondary .columnleft section:last-child, #secondary .columncenter section:last-child, #secondary .columnright section:last-child {
    margin-bottom: 0;
  }
  /* -- one-column -- */
  .one-column #secondary {
    margin: 0 auto;
    padding: 2.142856em 0;
    border-top: 2px solid #eaeaea;
    float: none;
    overflow: hidden;
  }
  .one-column #secondary .columnleft {
    width: 240px;
    margin-right: 50px;
    float: left;
  }
  /*　calendar　*/
  .one-column .columnleft .widget_welcart_calendar table {
    width: 100%;
    float: none;
  }
  .one-column #secondary .columncenter {
    width: 240px;
    float: left;
  }
  /*　calendar　*/
  .one-column .columncenter .widget_welcart_calendar table {
    width: 100%;
    float: none;
  }
  .one-column #secondary .columnright {
    width: 420px;
    float: right;
  }
  /* -- two-column -- */
  .two-column #secondary {
    width: 210px;
    padding: 0;
    border: none;
  }
  .two-column.right-set #secondary {
    float: right;
  }
  .two-column.left-set #secondary {
    float: left;
  }
  .two-column .widget_welcart_calendar table {
    width: 100%;
    margin: 0 0 .714286em;
    float: none;
  }
  /*　.widget　*/
  .widget_welcart_bestseller ul {
    overflow: hidden;
  }
  .widget_welcart_bestseller li {
    width: 100%;
    margin-bottom: .714286em;
    float: none;
  }
  .widget_welcart_bestseller li:nth-of-type(odd) {
    clear: none;
  }
  .widget_welcart_featured ul {
    overflow: hidden;
  }
  .widget_welcart_featured .featured_list {
    width: 100%;
    margin-bottom: .714286em;
    float: none;
  }
  .widget_welcart_featured li:nth-of-type(odd) {
    clear: none;
  }
  .widget_welcart_category ul, .widget_welcart_search ul, .widget_search form, .widget_welcart_login ul {
    width: 100%;
  }
  .widget_categories select, .widget_archive select {
    width: auto;
  }
  .widget_welcart_search .searchtext {
    width: 60%;
    padding: .4286em;
  }
  .widget_welcart_search #searchsubmit {
    width: 40%;
  }
  /* =footer
	-------------------------------------------------------------- */
  /* =contetns
	-------------------------------------------------------------- */
  /* -- main -- */
  /* =front-page.php
	-------------------------------------------------------------- */
  .blog #content .pagination_wrapper {
    margin-bottom: 20px;
  }
  /* -- .sof -- */
  .home .sof {
    margin-bottom: 30px;
  }
  .home .sof .entry-content {
    margin-bottom: 0;
  }
  /* =page.php + single.php .entry-content
	-------------------------------------------------------------- */
  /* -- h1,h2,h3,h4,h5 -- */
  .entry-content h1 {
    font-size: 1.285712em;
    margin-bottom: 2.222224em;
  }
  .entry-content h2 {
    font-size: 1.142857em;
  }
  /* =archive.php
	-------------------------------------------------------------- */
  /* -- .post-li -- */
  .post-li {
    padding-bottom: 1.071428em;
  }
  /* =comments.php
	-------------------------------------------------------------- */
  .comment-area .comment-list {
    overflow: hidden;
  }
  .comment-area .comment-list li {
    margin: .714286em 0 0;
  }
  #respond .form-submit {
    margin-top: 1.42857em;
    padding-top: .714286em;
    border-top: 1px solid #ccc;
  }
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////

追加css

///////////////////////////////////////////////////////////////////////////////////////////////////

page-32 メルマガ登録キャンペーン　→style-lp.css
page-40 アルテとは
page-48 お直し例
page-50 価格
page-52 店舗
page-54 スタッフ
page-739
page-822 スーツランディング　→style-landing.css
page-824 シャツランディング　→style-landing.css
page-826 オンラインショップ

///////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////*/
.flex {
  display: flex;
  flex-flow: row wrap;
}
.flex-between {
  justify-content: space-between;
}
.imgwrap img {
  width: 100%;
  height: auto;
}
a, a:link, a:visited {
  color: #000;
}
a:hover, a:active {
  color: #043c78;
  text-decoration: underline;
}
body {
  font-size: 14px;
  line-height: 1.5;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, /* "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,*/ "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
header {
  width: 100%;
}
header .inner {
  margin: 0 auto;
  max-width: 1240px;
  justify-content: space-between;
  align-items: flex-end;
}
header .inner .logo {
  width: 150px;
}
header .inner .contact a:hover .imgwrap {
  background: #ccc;
}
header .inner .menu #toggle {
  display: none;
}
header .inner .contact .imgwrap {
  width: 100px;
}
header .inner .contact .imgwrap.sp {
  display: none;
}
header .inner .contact .imgwrap.pc {
  width: 100px;
}
header .inner .menu .flex {
  width: 100%;
  margin-bottom: 7px;
  padding: 0 20px 0 20px;
}
header .inner .menu .flex a {
  display: inline-block;
  padding: 3px 2px;
  font-size: 18px;
  font-family: 'Pathway Gothic One', sans-serif;
  color: #052983;
  letter-spacing: 1px;
  text-decoration: none;
  transition: 0.3s;
  position: relative;
}
header .topBotomBordersIn a:before, header .topBotomBordersIn a:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #052983;
  content: "";
  opacity: 0;
  transition: 0.3s;
}
header .topBotomBordersIn a:before {
  top: 0;
  transform: translateY(-10px);
}
header .topBotomBordersIn a:after {
  bottom: 0px;
  transform: translateY(10px);
}
header .topBotomBordersIn a:hover::before, header .topBotomBordersIn a:focus::before, header .topBotomBordersIn a:hover::after, header .topBotomBordersIn a:focus::after {
  opacity: 1;
  transform: translateY(0px);
}
header .inner .menu {
  width: 100px;
  background: #fff;
  transition: 0.3s;
}
#access {
  margin: 30px auto 30px auto;
  width: 1000px;
  position: relative;
}
#access:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -50px;
}
#access .flex .flexitem {
  width: 300px;
}
#access .flex .flexitem.map {
  width: 350px;
}
footer {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
footer small {
  margin: 20px 0;
  color: #888;
}
.wrapper {
  background-color: #F7F7F7;
}
#primary {
  margin: 0 auto;
  padding: 50px 0 100px 0;
  width: 1200px;
}
section {
  width: 100%;
  margin-bottom: 40px;
}
section:last-child {
  margin-bottom: 0;
}
.sec-title {
  font-family: 'Pathway Gothic One', sans-serif;
  letter-spacing: 2px;
  line-height: 1;
}
.sec-title .newline {
  display: inline-block;
}
.title1 {
  font-size: 40px;
  letter-spacing: 5px;
}
.title2 {
  font-size: 40px;
}
.title3 {
  margin-bottom: 15px;
  font-size: 25px;
  font-weight: bold;
}
.sec-title .small {
  font-size: 14px;
}
.sec-caption {
  margin-bottom: 20px;
  font-size: 13px;
  color: #868686;
}
/* スライダー/////////////////////////////////////////////////////////////////////////////////////////*/
#altered {
  margin-bottom: 70px;
}
#slick {
  width: 100%;
  border: 3px solid #fff;
}
#slick .item {
  border: 3px solid #fff;
}
/* フロントページ/////////////////////////////////////////////////////////////////////////////////////////*/
#top-img {
  width: 100%;
  height: 200px;
  background-position: center top;
  background-color: #ababab;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
}
#frontpage #top-img {
  background-image: url(images/topslide_01_pc.jpg);
  background-color: transparent;
  height: 560px;
}
#whatisarte #top-img {
  background-image: url(images/whatisarte-topimage.jpg);
  background-color: #cac7b4;
  height: 340px;
}
#altered #top-img {
  background-image: url(images/altered-topimage.jpg);
  background-color: #000;
  height: 340px;
}
#price #top-img {
  background-image: url(images/price-topimage.jpg);
  background-color: #000;
  height: 340px;
}
#shop #top-img {
  background-image: url(images/shop-topimage.jpg);
  background-color: #fff;
  height: 340px;
}
#staff #top-img {
  background-image: url(images/staff-topimage.jpg);
  background-color: #fff;
  height: 340px;
}
#top-img h2 {
  font-size: 40px;
  color: #000;
  font-family: 'Pathway Gothic One', sans-serif;
  font-weight: lighter;
  letter-spacing: 2px;
  line-height: 1;
  position: absolute;
  margin: auto;
  height: 80px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#top-img h2.shadow {
  text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.6);
}
#top-img h2.white {
  color: #fff;
}
#top-img h2 .small {
  font-size: 14px;
  font-weight: lighter;
}
#frontpage section .sec-title {
  align-items: center;
}
#frontpage section .sec-title a {
  padding: 10px 0;
  text-align: right;
  font-size: 13px;
  letter-spacing: 0;
}
#information .info-item, .archive .info-item {
  padding: 5px 0;
  display: block;
}
#information .info-item:hover, .archive .info-item:hover {
  text-decoration: none;
  background: #efefff;
}
#information .flex.wrap, .archive .flex.wrap {
  align-items: center;
}
#information .flex .info-date, .archive .flex .info-date {
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
}
#information .flex .info-icon, .archive .flex .info-icon {
  width: 60px;
  margin-right: 10px;
}
#information .flex .info-title, .archive .flex .info-title {
  font-size: 13px;
  font-weight: lighter;
}
#information .info-item:last-of-type, .archive .info-item:last-of-type {
  margin: 0;
}
#blog .blogitem_wrap {
  margin-left: 10px;
}
#blog .blogcat_wrap, #single .blogcat_wrap {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
#blog h5 {
  margin-top: 30px;
  padding-left: 5px;
  font-size: 1.3em;
  border-left: 10px solid #ccc;
}
#blog .blog-item, .archive .blog-item {
  padding: 5px;
  display: block;
  border-bottom: 1px dashed #868686;
}
#blog .blog-item:hover, .archive .blog-item:hover {
  text-decoration: none;
  background: #efefff;
}
#blog .blog-item .date {
  margin-bottom: 5px;
  font-size: 13px;
}
#flow figure {
  margin-bottom: 20px;
}
#flow figure .imgwrap {
  width: 200px;
  margin-right: 30px;
}
#flow figcaption {
  flex: 1;
}
#flow .flow-title {
  margin-bottom: 10px;
  line-height: 1;
}
#flow .flow-main {
  width: 100%;
  font-size: 13px;
  line-height: 1.5;
  color: #868686;
}
#voice figure, #single-voice figure, #archive.voice figure {
  margin-bottom: 20px;
}
#voice .voice-img, #single-voice .voice-img, #archive.voice .voice-img {
  width: 200px;
  margin-right: 30px;
}
#voice figcaption, #single-voice figcaption, #archive.voice figcaption {
  flex: 1;
}
#voice .voice-date, #single-voice .voice-date, #archive.voice .voice-date {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
#voice .voice-title, #single-voice .voice-title, #archive.voice .voice-title {
  margin-bottom: 5px;
  font-size: 15px;
}
#voice .voice-address, #single-voice .voice-address, #archive.voice .voice-address {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
#voice .voice-main, #single-voice .voice-main, #archive.voice .voice-main {
  width: 100%;
  font-size: 13px;
  line-height: 1.5;
  color: #868686;
}
#media-info .media-item {
  padding: 0 10px 20px 10px;
}
#media-info .media-catename {
  width: 100%;
  margin-bottom: 10px;
  font-size: 20px;
  font-family: 'Pathway Gothic One', sans-serif;
  border-bottom: 1px solid #000;
}
#media-info .media-item .flexitem {
  padding-right: 20px;
  width: 220px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
#media-info .media-name {
  margin-bottom: 5px;
  text-align: center;
}
#media-info .media-img {
  width: 100%;
}
#alteredmovie .movieslide {
  width: 100%;
  padding: 0 20px;
}
#alteredmovie .movieslide figure {
  width: 30%;
  margin: 10px 15px;
  text-align: center;
}
#alteredmovie .movieslide figure figcaption {
  margin-top: 5px;
  line-height: 1.2;
}
#alteredmovie .movieslide .slick-next {
  right: -15px;
}
#alteredmovie .movieslide .slick-prev {
  left: -15px;
}
/* サイドバー /////////////////////////////////////////////////////////////////////////////////////////*/
.content-left.s-home {
  width: 750px;
  padding: 20px;
  background-color: #fff;
}
.content-right.s-home {
  width: 230px;
}
.content-right #banner .imgwrap {
  margin-top: 10px;
}
.content-right .instagram-wrap {
  padding-bottom: 15px;
  text-align: center;
  background: #EEEEEE;
}
.content-left.s-other {
  width: 700px;
  padding: 20px;
  background-color: #fff;
}
.content-right.s-other {
  width: 280px;
}
#secondary.display_sp {
  display: none;
}
.insragram_frame {
  width: 100%;
  height: 700px;
}
.insragram_frame a {
  display: block;
  width: 96%;
}
.fb-page > span {
  width: 100% !important;
}
.widget-area .sec-title {}
#shop_guide {
  margin: 0 auto;
  width: 1000px;
  line-height: 1.2;
}
#shop_guide .masonry_item {
  width: 30%;
  margin: 10px 1.5%;
}
#shop_guide .masonry_item h4 {
  margin-bottom: 10px;
  padding: 5px;
  background: #777;
  color: #fff;
  font-size: 16px;
  font-weight: lighter;
  border-left: 10px solid #444;
}
#shop_guide .masonry_item .text {
  margin: 0 auto;
  width: 94%;
  font-size: 15px;
}
#shop_guide .masonry_item #postage {
  margin: 5px 0;
}
#shop_guide .masonry_item #postage li {
  display: flex;
  flex-flow: row wrap;
  border: 1px solid #777;
  border-bottom: 1px solid transparent;
}
#shop_guide .masonry_item #postage li:last-child {
  border-bottom: 1px solid #777;
}
#shop_guide .masonry_item #postage li .area {
  padding: 5px;
  flex: 1;
}
#shop_guide .masonry_item #postage li .postage {
  padding: 5px;
  width: 60px;
  text-align: right;
  border-left: 1px solid #ccc;
}
/* アルテとは page-40 /////////////////////////////////////////////////////////////////////////////////////////*/
#whatisarte .content-left {
  padding: 20px;
}
#whatisarte h3 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
}
#whatisarte .text p {
  line-height: 1.5;
}
#whatisarte #recommend figure {
  margin-bottom: 30px;
}
#whatisarte figure .recommend-img {
  width: 200px;
  margin-right: 20px;
}
#whatisarte #recommend figcaption {
  flex: 1;
}
#whatisarte figure .recommend-date {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
}
#whatisarte figure .recommend-title {
  margin-bottom: 5px;
  font-size: 15px;
}
#whatisarte figure .recommend-main {
  width: 100%;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: #868686;
}
#whatisarte figure .recommend-name {
  width: 100%;
  line-height: 1.5;
  color: #868686;
}
/* お直し例 page-48 /////////////////////////////////////////////////////////////////////////////////////////*/
#altered .category {
  width: 100%;
  margin-bottom: 30px;
}
#altered figure {
  margin-bottom: 30px;
}
#altered figure .altered-img {
  width: 245px;
  margin-right: 20px;
}
#altered figcaption {
  flex: 1;
}
#altered .altered-title {
  margin-bottom: 10px;
  font-weight: lighter;
  line-height: 1.3;
}
#altered .altered-main {
  line-height: 1.5;
  color: #868686;
}
/* BTN SIX */
.container-6 {
  margin: 20px 10px 0 10px;
  width: 22%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  text-align: center;
}
.container-6, .container-6:hover {
  text-decoration: none;
}
.btn {
  position: relative;
  padding: 10px 5px;
  height: 40px;
  color: #000;
  width: 100%;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: space-around;
  span {
    transition: all 0.3s;
    tranform: scale(1, 1);
  }
}
.btn::before, .btn::after {
  content: '';
  position: absolute;
  transition: all 0.3s;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.btn-six::before {
  opacity: 0;
  background: rgba(4, 60, 120, 0.1);
  transform: scale(1.3, 1.3);
}
.btn-six:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}
.btn-six::after {
  transition: all 0.3s;
  border: 1px solid rgba(4, 60, 120, 0.5);
}
.btn-six:hover::after {
  transform: scale(0, 0);
  opacity: 0;
}
.category-wrap > p {
  text-align: right;
  margin-right: 5px;
}
/* 料金 page-50 /////////////////////////////////////////////////////////////////////////////////////////*/
#price .attention {
  padding: 15px 20px;
  margin-bottom: 15px;
  border: 10px solid #640125;
}
#price .attention h3 {
  width: 100%;
  padding: 10px 15px;
  font-size: 20px;
  color: #fff;
  background: #640125;
}
#price .attention h3 span {
  display: inline-block;
  font-weight: lighter;
  line-height: 1;
}
#price .attention h2 {
  margin: 15px 0 30px 0;
  font-size: 20px;
  color: #640125;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
#price .attention h2:after {
  content: "";
  bottom: -25px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #640125 transparent transparent transparent;
  position: absolute;
}
#price .attention p {
  padding: 10px 0;
  line-height: 1.5;
  border-bottom: 2px dotted #640125;
}
#price .attention p:last-child {
  border-bottom: 0px solid transparent;
}
#price .category-wrap {
  padding: 20px 0 40px 0;
}
#price .category-item {
  margin-bottom: 30px;
}
#price .main_menu {
  width: 100%;
  padding: 10px;
  border: 1px solid #999;
  background: #F7F7F7;
}
#price .sub_menu li {
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
  list-style: none;
}
#price .sub_menu li p {
  display: inline-block;
}
#price .sub_menu li .price-title {
  padding-left: 30px;
  flex: 1;
  background: url(images/listarrow.svg);
  background-size: auto 6px;
  background-position: 5px center;
  background-repeat: no-repeat;
}
#price .sub_menu li .price-price {
  width: 85px;
  text-align: right;
}
/* 店舗紹介 page-52 /////////////////////////////////////////////////////////////////////////////////////////*/
#shop .shop-box {
  margin-bottom: 50px;
}
#shop .shop-box ul {
  margin-bottom: 20px;
}
#shop .shop-box li {
  padding: 10px 0;
}
#shop .shop-box li .flexitem-left {
  width: 150px;
}
#shop .shop-box li .flexitem-right {
  flex: 1;
}
#shop .shop-box .map iframe {
  width: 700px;
  height: 300px;
}
#shop #privacy h3 {
  margin: 20px 0 5px 0;
  padding-left: 5px;
  border-left: 5px solid #999;
}
#shop #privacy p {
  margin-bottom: 10px;
}
/* スタッフ紹介 page-54 /////////////////////////////////////////////////////////////////////////////////////////*/
#staff figure {
  margin-bottom: 30px;
}
#staff figure .staff-img {
  width: 300px;
  margin-right: 15px;
  position: relative;
  overflow: hidden;
}
#staff figure .staff-img .imgwrap {
  padding-top: 60%;
}
#staff figure .staff-img .imgwrap img {
  position: absolute;
  width: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#staff figcaption {
  flex: 1;
}
#staff .staff-alphabet {
  margin-bottom: 5px;
  font-size: 25px;
  font-family: 'Pathway Gothic One', sans-serif;
  letter-spacing: 2px;
  line-height: 1;
}
#staff .staff-shop {
  font-size: 15px;
}
#staff .staff-name {
  margin-bottom: 10px;
  font-size: 15px;
}
#staff .staff-comment {
  color: #868686;
}
/* singleページ /////////////////////////////////////////////////////////////////////////////////////////*/
#single article, #single-infomation article, #single.alteredmovie article {
  width: 100%;
}
#single article a, #single-infomation article a, #single.alteredmovie article a {
  font-size: 1.1em;
  color: #004190;
  border-bottom: 1px dashed #004190;
}
#single article a:hover, #single-infomation article a:hover, #single.alteredmovie article a:hover {
  text-decoration: none;
  color: #4a8de0;
  border-bottom: 1px dashed #4a8de0;
}
.entry-header {
  margin-bottom: 20px;
  display: flow-root; /*新コード 名前が変わる恐れあり*/
}
.entry-header .entry-title {
  padding-left: 10px;
  font-size: 20px;
  border-left: 7px solid #999;
}
.entry-header .date {
  padding-bottom: 5px;
  border-bottom: 2px dotted #ccc;
  float: right;
}
.entry-meta {
  margin-left: 20px;
}
.return {
  display: inline-block;
  margin: 30px auto 0 auto;
  padding: 10px;
  border: 1px solid #000;
  color: #000;
}
.return:hover {
  background: #999;
  color: #fff;
}
#single.alteredmovie .youtube {}
#single.alteredmovie .moviewrap {
  width: 100%;
  padding-bottom: 65%;
  position: relative;
}
#single.alteredmovie iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
}
#single.alteredmovie .movie-text {
  margin: 10px 0 30px 0;
}
/* archiveページ /////////////////////////////////////////////////////////////////////////////////////////*/
.archive .page-header h1 {
  font-size: 20px;
}
.archive .page-title {
  margin-bottom: 20px;
}
.archive article {
  padding: 15px 0;
}
.archive article .imgwrap {
  width: 150px;
  margin-right: 15px;
}
.archive article .flex-right {
  flex: 1;
}
.archive article h3 {
  font-size: 17px;
}
.archive article .info-icon {
  width: 60px;
}
.archive.alteredmovie .itemwrap {
  width: 100%;
}
.archive.alteredmovie figure {
  width: 45%;
  margin: 0 2.5% 30px 2.5%;
}
.archive.voice figure {
  padding-bottom: 10px;
  border-bottom: 1px dashed #868686;
}
.archive .archive-splist h4 {
  padding: 7px 0 7px 15px;
}
/* メルマガ購読完了ページ /////////////////////////////////////////////////////////////////////////////////////////*/
#thanks h2 {
  margin-bottom: 10px;
  font-size: 2em;
}
#thanks a {
  text-decoration: underline;
}
/* オンラインショップ /////////////////////////////////////////////////////////////////////////////////////////*/
#onlineshop .item {
  width: 46%;
  margin: 0 10px 20px 10px;
  padding: 5px;
  position: relative;
  border: 1px solid #000;
}
#onlineshop .item:hover {
  background: #efefff;
}
#onlineshop .item a {
  text-decoration: none;
}
#onlineshop .item a:hover {
  text-decoration: none;
}
#onlineshop .itemimg {
  width: 35%;
}
#onlineshop figcaption {
  width: 65%;
  padding: 0 0 60px 5px;
}
#onlineshop .item-name {
  font-size: 16px;
}
#onlineshop .price-absolute {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
}
#onlineshop .item-cprice {}
#onlineshop .item-price {
  font-size: 18px;
}
#onlineshop .item-price .small {
  font-size: 0.7em;
}
/* メールフォーム /////////////////////////////////////////////////////////////////////////////////////////*/
#mailform .readme {
  margin: 0 auto 30px auto;
  width: 80%;
}
#mailform .readme h3 {
  margin-bottom: 10px;
  font-size: 1.2em;
}
#mailform #wpcf7-f742-o1 {
  margin: 0 auto;
  width: 600px;
}
#mailform #wpcf7-f742-o1 p {
  margin-bottom: 15px;
}
#mailform #wpcf7-f742-o1 input[type="text"], #mailform #wpcf7-f742-o1 input[type="email"] {
  width: 70%;
}
/* ウィジェット /////////////////////////////////////////////////////////////////////////////////////////*/
.widget_categories ul {
  flex-flow: row wrap;
}
.widget_categories ul li:after {
  content: "　";
}
/************************************
** 折り畳みアーカイブウィジェット2
************************************/
.widget_archive .month {
  -webkit-transition: .2s ease;
  transition: .2s ease;
  margin: 0 0 1em 0;
  height: auto;
  visibility: visible;
}
.widget_archive .month.hide {
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
@media (max-width:999px) {
  .widget_archive .years-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }
  .widget_archive .month.hide {
    visibility: visible;
  }
}
/* 404ページ /////////////////////////////////////////////////////////////////////////////////////////*/
.error-404 .page-title {
  font-size: 1.8em !important;
}
.error-404 .sidebar-area {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-flow: row wrap;
}
.error-404 #secondary {
  width: 100% !important;
}
.error-404 #secondary section {
  width: 33.3%;
}
/* pager ///////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
  margin-right: 5px;
}
.pager li > span {
  display: inline-block;
  padding: 3px 9px;
  color: #fff;
  /*border: 1px solid rgba(76,180,223,1);*/
  background-color: rgba(76, 180, 223, 1);
  border-radius: 50%;
}
.pager li > a {
  display: inline-block;
  padding: 3px 9px;
  color: #348399;
  /*background-color: rgba(76,180,223,1);
  border: 1px solid rgba(76,180,223,1);
  border-radius: 50%;*/
  text-decoration: none;
}
.pager li > a:hover, .pager li > a:focus {
  text-decoration: none;
  background-color: rgba(76, 180, 223, 0.3);
  color: #348399;
  border-radius: 50%;
}
.pager .next > a, .pager .next > span {
  float: right;
}
.pager .previous > a, .pager .previous > span {
  float: left;
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
  color: #999999;
  background-color: #ffffff;
  cursor: not-allowed;
}
.pagerwrap {
  margin: 0 auto 30px auto;
  font-size: 0.9em;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.postcount {
  margin: 10px 0 0 20px;
}
/*WP-PageNavi*/
.pager {
  margin: 20px auto;
  text-align: center;
}
.wp-pagenavi {
  margin: 0;
  line-height: 1.5;
  display: inline-block;
}
.wp-pagenavi a, .wp-pagenavi span {
  padding: 1px 7px;
  border: 1px solid #cdcdcd;
  font-size: 1em;
  color: #333;
}
.wp-pagenavi .pages {
  border: 0px solid transparent !important;
  display: block !important;
  background: transparent;
  text-align: center;
  font-size: 1em;
}
.wp-pagenavi span.current {
  background: #333;
  color: #fff;
  border: 1px solid #333;
}
.wp-pagenavi a:hover, .wp-pagenavi span:not(.pages):not(.current):not(.extend):hover {
  border: 1px solid transparent;
  background: #ccc;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  display: none;
}
.wp-pagenavi .extend {
  border: 0px solid transparent;
  padding: 0;
}
/* メディアクエリ /////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width:1000px) {
  header .inner .menu {
    flex: 1;
  }
}
@media (max-width:999px) {
  header .inner {
    width: 90%;
  }
  header .inner .logo {
    order: 1;
  }
  header .inner .contact {
    order: 2;
  }
  header .inner .contact a:hover .imgwrap img {
    opacity: 1;
  }
  header .inner .menu {
    order: 3;
    width: 100%;
  }
  header .inner .menu .flex {
    padding: 0 15px;
  }
  #top-img {
    height: auto;
    padding-top: 20%;
  }
  #frontpage #top-img {
    height: auto;
    padding-top: 47%;
    background-size: 100% auto;
  }
  #whatisarte #top-img, #altered #top-img, #price #top-img, #shop #top-img, #staff #top-img {
    height: auto;
    padding-top: 42%;
    background-size: auto 100%;
  }
  #primary {
    width: 90%;
    padding: 50px 0;
  }
  .flex.mainwrap {
    display: block;
  }
  #media-info .media-item {
    width: 100%;
  }
  .content-left.s-home, .content-left.s-other {
    width: 100%;
    padding: 20px 5px 40px 5px;
  }
  .content-right.s-home, .content-right.s-other {
    width: 100%;
  }
  .content-right .widget-area {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
  }
  .content-right .onlinestore {
    margin: 0 auto;
    padding: 20px 0;
    width: 60%;
  }
  .insragram_frame {
    height: 400px;
  }
  .content-right .instagram-wrap {
    width: 50%;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  .content-right .instagram-wrap > .imgwrap {
    margin: 0 0 0 15%;
  }
  .content-right .instagram-wrap .insragram_frame .imgwrap {
    margin: 0 0 0 5%;
  }
  .content-right .facebook-wrap {
    width: 50%;
    margin-bottom: 30px;
  }
  .content-right .facebook-wrap > .fb-page {
    width: 100%;
  }
  .content-right .facebook-wrap > .fb-page > span, .content-right .facebook-wrap iframe {
    width: 100% !important;
  }
  .content-right #banner {
    margin: 0 auto;
    width: 90%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .content-right #banner .imgwrap {
    width: 48%;
  }
  #secondary {
    width: 100% !important;
  }
  #secondary section {
    width: 50%;
  }
  #access {
    width: 90%;
  }
  #access .flex {
    justify-content: space-around;
  }
  #access .flex .flexitem {
    width: 48%;
  }
  #access .flex .flexitem.map {
    width: 80%;
  }
  .container-6 {
    margin: 20px 1.5% 0 1.5%;
  }
  #shop .shop-box .map iframe {
    width: 100%;
  }
  /*ショップガイド*/
  #shop_guide {
    width: 90%;
  }
  #shop_guide .masonry_item #postage li {
    display: block;
  }
  #shop_guide .masonry_item #postage li .postage {
    width: 100%;
    border-top: 1px dashed #ccc;
    border-left: 0px solid transparent;
  }
  #mailform .readme {
    width: 600px;
  }
}
@media (max-width:768px) {
  /*ショップガイド*/
  #shop_guide .masonry_item {
    width: 45%;
    margin: 10px 2.5%;
  }
}
@media (max-width:640px) {
  body {
    line-height: 1.3;
  }
  .sp_off {
    display: none;
  }
  header .inner {
    width: 100%;
  }
  header .inner .logo {
    width: 100%;
    padding: 0 0 0 10px;
  }
  header .inner .logo a .imgwrap {
    display: inline-block;
  }
  header .inner .logo .imgwrap {
    width: 32vw;
  }
  header .inner .contact {
    width: auto;
    justify-content: flex-end;
  }
  header .inner .contact .imgwrap.sp {
    display: block;
  }
  header .inner .contact .imgwrap.pc {
    display: none;
  }
  header .inner .contact a .imgwrap, header .inner .menu {
    width: 23.5vw;
  }
  header .inner .menu {
    position: relative;
  }
  header .inner .menu #toggle {
    display: none;
  }
  header .inner .menu .flex {
    display: none;
    width: 180px;
    padding: 0;
    align-items: right;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.9);
  }
  header .inner .menu .flex a {
    width: 100%;
  }
  header .inner .menu .flex a:hover {
    padding-left: 10px;
    border-left: 10px solid #052983;
  }
  #primary {
    width: 100%;
    padding: 20px 0 50px 0;
  }
  #top-img {
    padding-top: 30%;
  }
  #frontpage section .sec-title {
    margin-bottom: 5px;
    border-bottom: 3px solid #000;
  }
  #flow figure .imgwrap {
    width: 30vw;
    margin-right: 15px;
  }
  #voice .voice-img, #altered .altered-img, #archive .voice-img, #staff figure .staff-img {
    width: 30vw;
    margin-right: 15px;
  }
  #archive article .imgwrap {
    width: 30vw;
  }
  #media-info .media-item .flexitem {
    width: 50%;
  }
  /*サイドバー*/
  #secondary.display_sp {
    display: none;
  }
  #secondary.display_pc {
    display: none;
  }
  .gnav-wrapper {
    display: none;
  }
  #secondary.display_sp .archive-splist {
    width: 100%;
  }
  /*#secondary.display_sp #welcart_calendar-3{width:50%;}*/
  #secondary.display_sp .archive-splist section {
    width: 100%;
  }
  #secondary.display_sp #meta-2, #secondary.display_sp #categories-2 {
    display: none;
  }
  /*お直し例*/
  .container-6 {
    width: 30%;
  }
  /*料金*/
  #price .attention {
    padding: 15px;
  }
  #price .attention .flex {
    padding-bottom: 7%;
    display: block;
  }
  #price .attention .absolute {
    width: 75px;
    float: left;
  }
  #price .attention h2 {
    font-size: 16px;
    line-height: 1.4;
  }
  /* オンラインショップ */
  #onlineshop .content-left {
    padding: 0;
  }
  #onlineshop figure {
    justify-content: space-around;
  }
  #onlineshop .itemimg {
    width: 70%;
  }
  #onlineshop figcaption {
    width: 100%;
    padding: 5px 0 60px 0;
  }
  #onlineshop .item-name {
    font-size: 16px;
  }
  #onlineshop .item-cprice {
    font-size: 14px;
  }
  #onlineshop .item-price {
    font-size: 18px;
  }
  /*メールフォーム*/
  #mailform .readme, #mailform #wpcf7-f742-o1 {
    width: 90%;
  }
  /*ショップガイド*/
  #shop_guide {
    width: 95%;
  }
  /*404*/
  #secondary section {
    width: 100%;
  }
  /*アクセス*/
  #access {
    width: 70%;
  }
  #access .flex {
    display: block;
  }
  #access .flex .flexitem, #access .flex .flexitem.map {
    width: 100%;
  }
  #toTop {
    display: block;
    width: 50px;
    position: fixed;
    right: 10px;
    bottom: -5px;
    transition: .3s ease all;
    opacity: 0.4;
    z-index: 9999;
  }
  #toTop:hover {
    opacity: 1;
    bottom: -5px;
  }
  /*ブログタグリスト*/
  .blog_tag {
    display: none;
  }
}
@media (max-width:550px) {
  #flow figure {
    display: block;
    margin-top: 20px;
  }
  #flow figure:first-child {
    margin-top: 0;
  }
  #flow figure .imgwrap {
    width: 75%;
    margin: 0 auto 10px auto;
  }
  #flow .flow-title {
    font-size: 16px;
  }
  #flow .flow-main {
    padding-left: 10px;
    border-left: 1px solid #666;
  }
  #voice figure, #archive.voice figure {
    display: block;
    margin-top: 20px;
  }
  #voice figure:first-child {
    margin-top: 0;
  }
  #voice figure .voice-img {
    width: 75%;
    margin: 0 auto 10px auto;
  }
  #voice .voice-main {
    padding-left: 10px;
    border-left: 1px solid #666;
  }
  #staff figure {
    display: block;
    margin-top: 20px;
  }
  #staff figure:first-child {
    margin-top: 0;
  }
  #staff figure .staff-img {
    width: 75%;
    margin: 0 auto 10px auto;
  }
  #staff .staff-alphabet, #staff .staff-shop, #staff .staff-name {
    text-align: center;
  }
  #staff .staff-comment {
    padding-left: 10px;
  }
  #archive article {
    display: block;
    margin-top: 20px;
  }
  #archive article:first-child {
    margin-top: 0;
  }
  #archive article .imgwrap {
    width: 75%;
    margin: 0 auto 10px auto;
  }
  /*アルテとは*/
  #whatisarte figure {
    display: block;
    margin-top: 20px;
  }
  #whatisarte figure:first-child {
    margin-top: 0;
  }
  #whatisarte figure .recommend-img {
    width: 75%;
    margin: 0 auto;
  }
  /*お直し例*/
  .container-6 {
    width: 44%;
    margin: 20px 3% 0 3%;
  }
  #altered section {
    border-top: 10px dotted #ccc;
    padding-top: 10px;
  }
  #altered figure {
    display: block;
    margin-top: 20px;
  }
  #altered figure:first-child {
    margin-top: 0;
  }
  #altered figure .altered-img {
    width: 75%;
    margin: 0 auto 10px auto;
  }
  #altered .altered-title {
    font-size: 16px;
  }
  #altered .altered-main {
    padding-left: 10px;
  }
}
@media (max-width:480px) {
  header .inner .logo {
    width: 40vw;
  }
  header .inner .menu {
    order: 2;
  }
  header .inner .contact {
    width: 100%;
    order: 3;
    justify-content: space-between;
  }
  header .inner .contact a .imgwrap {
    width: 31vw;
  }
  .title2 {
    font-size: 35px;
  }
  .sec-title .small {
    display: block;
  }
  #frontpage #top-img {
    background-image: url(images/topslide_01_sp.svg), url(images/topslide_01_sp.jpg);
    background-size: 100% auto;
    padding-top: 64%;
  }
  .content-right .widget-area {
    display: block;
  }
  .insragram_frame {
    margin: 0 auto;
  }
  .content-right .instagram-wrap, .content-right .facebook-wrap {
    width: 100%;
  }
  .content-right .onlinestore {
    width: 80%;
  }
  .content-right #banner {
    margin: 0 auto;
    width: 80%;
  }
  .content-right #banner .imgwrap {
    width: 100%;
  }
  #secondary.display_sp .flex {
    display: block;
  }
  #secondary.display_sp .archive-splist, #secondary.display_sp #welcart_calendar-3 {
    width: 100%;
  }
  /*料金*/
  #price .attention {
    border: 7px solid #640125;
  }
  #price .attention h3 {
    padding: 5% 3%;
    font-size: 4.5vw;
  }
  #price .attention h2 {
    font-size: 15px;
  }
  /*店舗*/
  #shop #shoplist li.flex {
    display: block;
  }
  #shop #shoplist .flexitem-right {
    margin-left: 10px;
  }
  #shop .shop-box li .flexitem-left {
    width: 100%;
    border-left: 5px solid #999;
    padding-left: 5px;
  }
  #shop .shop-box .map iframe {
    height: 250px;
  }
  #mailform #wpcf7-f742-o1 input[type="text"], #mailform #wpcf7-f742-o1 input[type="email"] {
    width: 100%;
  }
  /*オンラインショップ*/
  #onlineshop .item-wrap {
    margin-top: 10px;
  }
  #onlineshop .item {
    width: 100%;
  }
  #onlineshop .itemimg {
    width: 35%;
  }
  #onlineshop figcaption {
    width: 65%;
    padding: 0 0 60px 5px;
  }
  #onlineshop .item-name {
    font-size: 15px;
  }
  #onlineshop .item-price {
    font-size: 17px;
  }
  /*ショップガイド*/
  #shop_guide .masonry_item {
    width: 100%;
    margin: 10px 0;
  }
  #access {
    width: 85%;
  }
}
/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office
Customized by minimalgreen

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.drawer_menu a {
  color: inherit;
  text-decoration: none;
}
.drawer_menu a:visited {
  color: inherit;
}
/* PC用ナビゲーション */
.drawer_menu .drawer_nav_wrapper {
  transform: translate(0);
  width: 100%;
  height: 50px;
  /* PC用メニュー高さ */
  position: relative;
  top: auto;
  right: auto;
  z-index: 100;
  background-color: #555;
  /* PC用メニュー背景色 */
}
.drawer_menu .drawer_nav {
  max-width: 1000px;
  /* コンテンツ幅に合わせる */
  padding: 0;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  list-style-type: none;
}
.drawer_menu .drawer_nav li {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 50px;
  /* PC用メニュー高さ */
  line-height: 50px;
  /* PC用メニュー高さ */
  background-color: #555;
  /* PC用メニューボタン背景色 */
  text-align: center;
  list-style-type: none;
}
.drawer_menu .drawer_nav li:hover {
  background-color: #999;
  /* PC用メニューボタンマウスオーバー背景色 */
}
.drawer_menu .drawer_nav li a {
  color: #fff;
  /* PC用メニューボタン文字色 */
}
/* PC非表示 */
@media screen and (min-width:1001px) {
  .pc-hidden {
    display: none;
    text-align: center;
  }
}
@media screen and (min-width: 1001px) {
  /* ドロップダウンメニュー2階層目 */
  .drawer_menu .drawer_nav li ul.second-level {
    visibility: hidden;
    list-style-type: none;
    position: absolute;
    z-index: -1;
    top: 0;
    margin: 0;
    padding-left: 0;
  }
  .drawer_menu .drawer_nav li:hover ul.second-level {
    visibility: visible;
    z-index: 1;
    top: 50px;
    /* PC用メニューの高さに合わせる */
    transition: all .3s;
  }
  .drawer_menu .drawer_nav li:hover ul.second-level li {
    width: 200px;
    /* ドロップダウンメニューボタン横幅 */
    height: 50px;
    /* Pドロップダウンメニューボタン高さ */
    text-align: center;
  }
  .drawer_menu .drawer_nav li:hover ul.second-level li a {
    display: block;
    background-color: #555;
    /* ドロップダウンメニューの文字の背景色 */
    color: #fff;
    /* ドロップダウンメニューの文字色 */
    font-size: 100%;
    text-decoration: none;
    line-height: 50px;
    /* Pドロップダウンメニューボタン高さ */
    text-align: center;
  }
  .drawer_menu .drawer_nav li:hover ul.second-level li a:hover {
    background-color: #999;
    /* ドロップダウンメニューマウスホバー背景色 */
  }
  .touch-btn {
    color: #fff;
    margin-left: 5px;
  }
}
/*+++ Default Button Color +++*/
.drawer_menu .drawer_button {
  color: #fff;
  /* ハンバーガーメニュー文字色 */
  display: none;
}
.drawer_menu .drawer_button .drawer_bar {
  background-color: #fff;
  /* ハンバーガーメニュー三本線の色 */
}
/* 1000px以下 */
@media screen and (max-width: 640px) {
  .drawer_menu .drawer_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background-color: rgba(51, 51, 51, 0.5);
    display: none;
    top: 0;
    left: 0;
  }
  .drawer_menu .drawer_button {
    display: block;
    background-color: #33323a;
    color: #fff;
    border: none;
    width: 60px;
    letter-spacing: 0.1em;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1001;
    text-align: center;
    outline: none;
    padding: 0 10px 5px 10px;
  }
  .drawer_menu .drawer_button.active .drawer_bar {
    width: 40px;
  }
  .drawer_menu .drawer_button.active .drawer_bar1 {
    transform: rotate(30deg);
  }
  .drawer_menu .drawer_button.active .drawer_bar2 {
    opacity: 0;
  }
  .drawer_menu .drawer_button.active .drawer_bar3 {
    transform: rotate(-30deg);
  }
  .drawer_menu .drawer_button.active .drawer_menu_text {
    display: none;
  }
  .drawer_menu .drawer_button.active .drawer_close {
    display: block;
  }
  .drawer_menu .drawer_bar {
    display: block;
    height: 2px;
    margin: 8px 2px;
    transition: all 0.2s;
    transform-origin: 0 0;
  }
  .drawer_menu .drawer_text {
    text-align: center;
    font-size: 10px;
  }
  .drawer_menu .drawer_close {
    letter-spacing: 0.08em;
    display: none;
  }
  .drawer_menu .drawer_menu_text {
    box-sizing: border-box;
  }
  .drawer_menu .drawer_nav_wrapper {
    width: 250px;
    height: 100%;
    transition: all 0.2s;
    transform: translate(250px);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    background-color: #FFF;
    /* ドロワーメニュー内背景色 */
    overflow-x: hidden;
    overflow-y: auto;
  }
  .drawer_menu .drawer_nav {
    display: block;
    position: relative;
    margin-top: 70px;
  }
  .drawer_menu .drawer_nav li {
    background-color: #fff;
    height: auto;
    line-height: 40px;
    /*  ドロワーメニューリスト項目高さ */
    position: relative;
    border-bottom: 1px solid #424242;
  }
  .drawer_menu .drawer_nav li a {

    /* ドロワーメニューリスト背景色 */
    color: #fff;
    /* ドロワーメニューリスト文字色 */
    display: block;
    text-align: left;
    padding-left: 20px;
  }
    
    .drawer_nav li a {
        background-color: #0a1637;
    }
    
  /* スマートフォン2階層目 */
  .drawer_menu .drawer_nav li:hover ul.second-level {
    display: block;
  }
  .drawer_menu .drawer_nav li ul.second-level {
    display: none;
    position: relative;
    padding: 0;
    z-index: 1001;
  }
  .drawer_menu .drawer_nav li ul.second-level li a {
    padding-left: 40px;
  }
  .drawer_menu .drawer_nav_wrapper.open {
    transform: translate(0);
  }
  .drawer_menu.left .drawer_button {
    right: auto;
    left: 32px;
  }
  .drawer_menu.left .drawer_nav_wrapper {
    transform: translate(-250px);
    right: auto;
    left: 0;
  }
  .drawer_menu.left .drawer_nav_wrapper.open {
    transform: translate(0);
  }
  .pc-hidden {
    text-align: center;
  }
  .touch-btn {
    color: #fff;
    position: absolute;
    top: .25rem;
    right: 2%;
    display: block;
    z-index: 10;
    width: 50px;
    height: 50px;
    vertical-align: middle;
  }
}
/*  ウィジェットタイトル */
.drawer-title {
  display: flex;
  padding-left: 40px;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: #555;
  /* ドロワーメニュー内タイトルライン背景色 */
  color: #fff;
}
/* フォローボタン */
.follow-buttons {
  text-align: center;
  margin-top: 0;
  width: 100%;
}
.follow-buttons a {
  display: inline-block;
  width: 60px;
  text-align: center;
  text-decoration: none;
  margin: 5px;
}
.follow-buttons .inner-text {
  font-size: 10px;
  display: block;
}
.follow-buttons .lg, .content-inner-follow-buttons .fa {
  padding: 15px;
  border-radius: 5px;
  margin: 2px auto;
}
.follow-buttons .hatena {
  color: #38393C;
  background-color: transparent;
}
.follow-buttons .blogicon-hatenablog {
  background: #38393C;
  color: #ffffff;
}
.follow-buttons .blogicon-hatenablog:hover {
  background: #5F6063;
}
.follow-buttons .facebook {
  color: #305097;
  background-color: transparent;
}
.follow-buttons .blogicon-facebook {
  background: #305097;
  color: #ffffff;
}
.follow-buttons .blogicon-facebook:hover {
  background: #5A77B7;
}
.follow-buttons .twitter {
  color: #55acee;
  background-color: transparent;
}
.follow-buttons .blogicon-twitter {
  background: #55acee;
  color: #ffffff;
}
.follow-buttons .blogicon-twitter:hover {
  background: #89C7F7;
}
.follow-buttons .instagram {
  color: #D93177;
  background-color: transparent;
}
.follow-buttons .blogicon-instagram {
  background: #D93177;
  color: #ffffff;
}
.follow-buttons .blogicon-instagram:hover {
  background: #df528d;
}
.follow-buttons .feedly {
  color: #6cc655;
  background-color: transparent;
}
.follow-buttons .blogicon-rss {
  background: #6cc655;
  color: #ffffff;
}
.pc-hidden .profile-icon {
  float: none;
}