/*
 Theme Name:   Storefront Child
 Description:  Storefront Child Theme
 Template:     storefront
 Text Domain:  storefront-child

Description:Deciel Shopの2017年テーマ
Author: Sumie Goto
Version:1.0*/

/*------------------------------------------------------------
Main
-------------------------------------------------------------*/
html {font-size:12px;}
body {position:relative;font-family:"Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "MS P ゴシック", verdana, sans-serif;	-webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent;font-weight:300;font-size:1.4em; line-height: 1.5;color:#333;}
.site{	position:relative;}
a:hover, a:active {color:#70666d; cursor:pointer;text-decoration:none;}
a:focus {color:#fff; cursor:pointer; outline:none; background-color:#dfdcde;}
h1, h2, h3, h4, h5 {font-family: 'mplus-2p-regular'; font-weight:500; padding: 10px 0;line-height: 1.7;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight:600;}
h1{font-size:1.2em}
h2,.woocommerce-MyAccount-content h2{font-size:1.0em}
.woocommerce-MyAccount-content h2{border-bottom:solid 2px #7fc0de;}
h2.sub-title {border-bottom: dotted 1px #333;}
h2.post-title {border-bottom: solid 1px #000;font-weight:bold}

h2.item-body {border-bottom: solid 2px #77ccd1;font-weight: bold;}

h3{font-size:1.1em}

ol, ul {margin: 0 0 1em 1em; padding: 0;}
a.text-ad {text-decoration:none; color:#00F;font-size:120%;font-weight:100}
a.text-ad:before { font-family:  FontAwesome;    content: "\f0da";}
a.subtext-ad {text-decoration:none; color:#000;font-weight:100}
@media (min-width:768px){
body{font-size:1.4em; line-height: 1.618;}
h1{font-size:1.6em}
h2, .woocommerce-MyAccount-content h2{font-size:1.4em;}
h3{font-size:1.2em}
#content {margin-top:150px;}
.page-id-7668 #content,.page-id-32462 #content, .categoryid-2 #content, .categoryid-422 #content, .archive.category-yoko_beauty #content , .archive.category-chisato_beauty #content, .archive.category-beauty_column #content{margin-top:55px;}

ol, ul {margin: 0 0 1em 3em; padding: 0;}
}

#content {transform:scaleX(0.9999);}
h1.section-title, h2.section-title { border-bottom:dotted 1px #ccc;margin-top:10px;position:relative;padding: 10px 0 10px 55px;min-height:55px;}
h1.section-title:before, h2.section-title:before{
	position: absolute;
  	content: "";
	bottom: 5px;
	left: 0;
    width:50px;
    height:50px;
    background:url( img/package_open_1.png);    
    background-size:contain;
    vertical-align:middle;
	margin-right:10px;
	}
.section-boxed h2.section-title { border-bottom:none;} 
.section-boxed h2.section-title:before { background: none;} 

.post h4.point {
	position: relative;
	padding: 0 0 .5em 10px;
	color: #333;
	border-bottom: 4px dotted #50c1a5;
}

.page-faq h1.section-title, .page-faq h2.section-title{margin-top:10px;}
table.faq {margin-bottom:60px;}

i.icon-line:before {content:url(fonts/line.svg); width:14px; height:auto}
.text-center {text-align:center;}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
	display:inline!important;
}
@media (max-width: 768px){
	img {width:100%;}
}
/*------------------------------------------------------------
Layout
-------------------------------------------------------------*/
.section-padding{margin-top:20px;}
.col-full {padding:0}
.nopadding, .no-margin {padding-left:0!important;padding-right:0!important}

@media (max-width: 568px){
.col-full { margin-left: 0.41575em;margin-right: 0.41575em;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right:0px; padding-left:0px;}
.row {margin-left:0;margin-right:0;}
.hentry {margin: 0 0 2em;}
}
/*------------------------------------------------------------
Header
-------------------------------------------------------------*/
header#masthead.site-header {position:fixed; top:0; width:100%;z-index:99999; padding-top: 0.618em;}
@media (max-width:568px){
header#masthead.site-header {height:47px;padding-top:0}
}
.woocommerce-checkout header#masthead.site-header,.woocommerce-checkout .storefront-handheld-footer-bar {display:none;}
.site-header{background-color:#fff;}
.storefront-primary-navigation {background:#fff;}

/*branding*/
.site-header .site-branding{margin-bottom:0;}
.site-header-cart .widget_shopping_cart {background-color:#fff;}

/*Column header*/
header#masthead.site-header.column{background-color:#333;color:#fff;vertical-align:middle;margin-top:0;padding-top:0;height:50px;}
.site-header.column .col-full{position:relative!important;}
.site-header.column a{color:#fff;}
.site-header.column .site-branding{display:inline-block;padding-top:20px;}
.site-header.column .site_search{position:absolute;top:5px;right:0;font-size:14px;}

.site-header.column .site_search form{margin-bottom:0;position: relative;}
.site-header.column .site_search form input[type=search]{padding-left: 2.617924em;}

.site-header.column .site_search form input[type=submit]{
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
    top: 0;
    left: 0;
	
}
.site-header.column .site_search form:before{
    display: inline-block;
    font: normal normal normal 1em/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f002";
    position: absolute;
    top: 1em;
    left: 1em;
}
.site-header.column li.widget {width:300px;list-style:none;display:inline-block}
/*SNS コラムヘッダ用*/
#masthead.column ul#sns {font-size:0em;}
#masthead.column ul#sns li{font-size:1.4em !important;}

#masthead.column ul#sns li {padding: 10px 0 0;width:25%;}
#masthead.column ul#sns span {display:block;width:35px;height:35px;margin:0 auto; background-repeat:no-repeat;background-image:url(img/sns_icon.png);background-size:cover; }


/*------------------------------------------------------------
Primary Nav
-------------------------------------------------------------*/
div.primary-navigation {border:solid thin #70666d;}
.main-navigation .primary-navigation ul.menu {font-size:0}
.main-navigation .primary-navigation ul.menu li a, .main-navigation .primary-navigation ul.menu li ul.sub-menu li a{font-size:14px}

.main-navigation ul.menu li a:hover, .main-navigation ul.nav-menu li a:hover {background-color:#70666d}
.main-navigation ul.menu li.current-menu-item a, .main-navigation.nav-menu ul li.current-menu-item {background-color:#dfdcde; color:#333}
.main-navigation ul.menu li.menu-item-has-children.menu_blue a {background-color:#77ccd1; color:#fff}
.main-navigation ul.menu li.menu-item-has-children.menu_blue li a {background-color:#fff; color:#333;padding:0 5px!important}
.main-navigation ul.menu li.menu-item-has-children.menu_blue li a:before {content:none;}


.main-navigation ul.nav-menu ul li a {background-color:#f8f8f8;}
.main-navigation ul.menu ul li a:hover{background-color:#999999;}


/*------------------------------------------------------------
Mobile
-------------------------------------------------------------*/
.mob-menu-toggle {text-align:center; background-size:contain; background-repeat:no-repeat;background-position: center center;}
.mob-menu-toggle {background-image:url(img/mob-menu-toggle.png);}
/*toggle*/
button.mob-menu-toggle {position:absolute; top:0px; right:0px;width:13%;border: none; background-color: transparent ;padding:0;box-shadow: none;background-color:#002949;}
button.mob-menu-toggle img {width:100%; max-width:150px;}
button.mob-menu-toggle:focus, .main-navigation.toggled button.mob-menu-toggle {outline-color: transparent; border: 0 #70666d; background-color:#70666d;background-image:url(img/mob-menu-close.png) }

.main-navigation.column button.mob-menu-toggle {background-color:transparent;}
@media (min-width:768px){
button.mob-menu-toggle {display:none;}
.main-navigation ul.menu>li{width:25%;}
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {padding:5px;display: block;height: 36px;line-height: inherit;text-align:center;border-left: solid thin #70666d; }
.main-navigation ul.menu>li:first-child>a, .main-navigation ul.nav-menu>li:first-child>a {border-left: none; }
}
.main-navigation ul.menu>li:first-child, .main-navigation ul.nav-menu>li:first-child {margin-left:0;}
.main-navigation .handheld-main-navigation ul li a:before {content: "";}

.main-navigation .handheld-main-navigation ul ul li a:before {content: "\f105";}
.main-navigation .handheld-navigation .member-actions ul li a:before {content: "";margin-right:0;}
.main-navigation .handheld-main-navigation ul.menu>li a{border-bottom:solid #CCC 1px;}
.main-navigation .handheld-navigation ul li a {padding: .5em 0;color:#333; font-weight:500;}

.main-navigation .handheld-navigation ul li.button {width:100%;margin:0 auto; background-color: transparent;text-align:center}
.main-navigation .handheld-navigation ul li.button a:before {content: "";}
.main-navigation .handheld-navigation ul.menu>li.button a{border:solid 1px #ccc;border-radius:5px; }


/*Accordion*/
.handheld-main-navigation ul li.menu-item-has-children {position:relative;}
.handheld-main-navigation ul li.menu-item-has-children:after {content: "\f067";font-family:'fontawesome';position:absolute;right:10px;top:5px; color:#fff}
.handheld-main-navigation ul ul.sub-menu {display: none; margin-left:10px;}

/*Toggle menu*/
@media (max-width:767px){
#masthead .col-full{margin-left:0; margin-right:0;}
#masthead.site-header{padding-top:0px;padding-bottom:0px; background-color:#fdfdfd;border-bottom: 1px solid rgba(255,255,255,.2);box-shadow: 0 0 6px rgba(0,0,0,.7);}
#content {margin-top:60px;}

}

/*Handheld Navi*/
#masthead .handheld-main-navigation{background:#ebe9eb;}
#masthead .handheld-main-navigation ul.menu li a{padding:0 5px 0 5px;line-height:2.8em;font-size:14px}
#masthead .handheld-main-navigation ul.menu ul li a{padding:0 5px 0 15px;}

#masthead .member-actions ul.menu li a{padding:5px 5px 0 0 ;line-height:2.8em;font-size:12px}

#masthead .handheld-navigation .member-actions{background:#fff;}
#masthead .handheld-navigation .member-actions {text-align:center; }

#masthead .handheld-navigation .member-actions li{display:inline-block;}

/*Mobile Top menu*/
#mobile-topmenu ul{ width:100%;margin:0;line-height:0;font-size:0;}

#mobile-topmenu ul li { width:17%;  display:inline-block;text-align:center}
#mobile-topmenu ul li:first-child { width:32%;  display:inline-block;text-align:center;}
#mobile-topmenu ul li a { display:block; width:100%; height:100%;}

#mobile-topmenu ul li img { width:100%; max-width:150px; }

#mobile-topmenu ul li{  background-size:contain; background-repeat:no-repeat;background-position: center center ; }

#mobile-topmenu ul li:hover,#mobile-topmenu ul li:active, #mobile-topmenu ul li.current{background-color:#dfdcde;}

#mobile-topmenu ul li.top{background-image:url(img/logo-mob.png);}
#mobile-topmenu ul li.top:focus,#mobile-topmenu ul li.top:hover,#mobile-topmenu ul li.top:active  {background-image:url(img/logo-mob.png);}
 #mobile-topmenu ul li.top.current  {background-image:url(img/logo-mob.png);background-color:#ffffff;}
#mobile-topmenu ul li.product{background-image:url(img/mob-menu-02.png);}
#mobile-topmenu ul li.product:hover,#mobile-topmenu ul li.product:focus,#mobile-topmenu ul li.product:active, #mobile-topmenu ul li.product.current  {background-image:url(img/mob-menu-02_c.png);}

#mobile-topmenu ul li.review{background-image:url(img/mob-menu-03.png);}
#mobile-topmenu ul li.review:hover,#mobile-topmenu ul li.review:focus,#mobile-topmenu ul li.review:active, #mobile-topmenu ul li.review.current  {background-image:url(img/mob-menu-03_c.png);}

#mobile-topmenu ul li.column{background-image:url(img/mob-menu-04.png);}

#mobile-topmenu ul li.column:hover,#mobile-topmenu ul li.column:focus,#mobile-topmenu ul li.column:active, #mobile-topmenu ul li.column.current  {background-image:url(img/mob-menu-04_c.png);}
/*Mobile column menu*/
#mobile-columnmenu {background-color:#333;}
#mobile-columnmenu span{font-size:80%;display:inline-block;}
#mobile-columnmenu img.logo {display:block!important;width:auto; height:42px;margin:0 auto;}
/* ==========================================================================
Product
========================================================================== */
.head-product .woocommerce ul.products li.product{float:none;width:100%;}
.head-product .variations_form.cart, .head-product h3.loop-title, .head-product ul.products li.product .button.add_to_cart_button,.head-product ul.products li.product span.price{display:none;}
.head-product .woocommerce ul.products li.product{margin:0;}
.head-product .woocommerce ul.products li img{width:100%!important;}
  .head-title {width:100%;color:#0068b7; }
.head-product {width:100%; border:solid 2px #0068b7;padding:0px; display:block;overflow:hidden;}
.head-product .product-img img{display:inline}
@media (max-width: 768px){
.head-product .product-img img {width: 150px;}
}
.head-title span.head-main {font-weight:bold;font-size:1.4em;}
.head-product span.reg-price {font-size:90%; color:#999; }
.head-product span.teiki-title {font-size:110%; font-weight:bold; }
.head-product span.teiki-price {font-size:120%; font-weight:bold; }
.head-notes {clear:both;}
.head-notes div.col-in{ width:50%;float:left;   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
@media screen and (min-width:641px) {
.head-product {padding:10px}
.head-title {font-size:150%; }
.head-notes div.col-in{ padding:0 5px;}
.head-notes div.col-in:last-child, .head-notes div.note-left{ padding-right:0;padding-left:0}
.head-notes div.note-right{ padding-left:0;}
.col-md-6.no-margin .head-product { height:284px;/*max-height:170px;*/ overflow:hidden}

}

.head-notes span.note{display:block; padding:1px; border:solid thin #0068b7;color:#0068b7}

/*Product price
--------------------------------------------------------------------------------------- */
  .head-title {width:100%;color:#0068b7; }
.head-product {width:100%; border:solid 2px #0068b7;padding:5px; display:block;overflow:hidden;}

.head-title span.head-main {font-weight:bold;font-size:1.4em;}
.head-product span.reg-price {font-size:90%; color:#999; }
.head-product span.teiki-title {font-size:110%; font-weight:bold; }
.head-product span.teiki-price {font-size:120%; font-weight:bold; }
a.button.quick-checkout-button {width: 80%; border:none; background: #99CF00;color: #fff; padding: 15px 0; margin: 10px auto; font-size:1.4em;text-align:center;border-radius: 40px ;}



.fukubukuro a.button.quick-checkout-button {width: 80%; border:none; background: #bc2a2a ;color: #fff; padding: 15px 0; margin: 10px auto; font-size:1.0em;text-align:center;border-radius: 40px ;}
.springcampaign a.button.quick-checkout-button {width: 80%; border:none; background: #f5b1a1 ;color: #fff; padding: 15px 0; margin: 10px auto; font-size:1.0em;text-align:center;border-radius: 40px ;}


a.button.quick-checkout-button:hover {padding: 15px 0; margin: 10px auto; text-decoration:none;}	




.head-notes {clear:both;}
.head-notes div.col-in{ width:50%;float:left;   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
@media screen and (min-width:641px) {
.head-title {font-size:150%; }
.head-notes div.col-in{ padding:0 5px;}
.head-notes div.col-in:last-child, .head-notes div.note-left{ padding-right:0;padding-left:0}
.head-notes div.note-right{ padding-left:0;}
a.button.quick-checkout-button {width: 100%;font-size:1.2em;}

}

.head-notes span.note{display:block; padding:1px; border:solid thin #0068b7;color:#0068b7}
.lp-container #freedial_container {padding:10px;}
.tel-header {background:#0068b7;border-radius:5px 5px 0 0;padding:10px 0;color:#fff;}
#freedial_container .lp_btn{background-image:url(img/freedial.jpg); padding-top:20%;display:block; background-repeat:no-repeat;background-size:cover;}
#freedial_container .white-box a{font-size:0;}
#menu-members span.tel:before, .tel-mob .tel:before {
    content: url(img/freedial.png);
}
/*------------------------------------------------------------
Table
-------------------------------------------------------------*/
 /*レスポンシブテーブル*/
.responsive_outer th, .responsive_outer td  { padding: 10px; border: 1px solid #ddd; }
.responsive_inner th, .responsive_inner td  { padding: 10px; border: none; }
.responsive_outer th, .responsive_inner td.head-cell {background: #f4f4f4; font-weight:bold;text-align:center;}
.responsive_outer th  { background: #f4f4f4; font-weight:bold; }
.responsive_outer th{ width: 20%; text-align: left; }
.responsive_inner th  { width: 50%; text-align: left; }
@media screen and (max-width: 480px) { 
    .responsive_outer, responsive_inner { margin: 0 auto; }
    .responsive_inner { width:96%; margin: 0 2%; }
    .responsive_outer tr{
        display:block;
        margin-bottom: 10px;
    }
    .responsive_outer th, .responsive_outer td{
        display:block;
        width: 100%;
    }
    .responsive_outer td {
        display: list-item;
		list-style:none;
		padding: 5px 0;
    }
    .responsive_inner tr {margin-bottom: 1px;vertical-align:top;}
    .responsive_inner td.head-cell {background:#fff;text-align:left;}
    .responsive_inner th {width:100%;}
    .responsive_inner td {width:48%;vertical-align:top;}
    .responsive_inner th, .responsive_inner td {
		display:inline-block;
		padding: 5px;
    }
}

/*-------------
Single Post
--------------*/
.single-post #respond.comment-respond {display:none;}
.single-post .hentry.type-post .entry-meta {display:none;}
.single-post .hentry.type-post .entry-content {
    width: 100%;
    float: none;
    margin-right: 0;
}
.post-content-content.ols-wrapper {border-bottom:solid 1px #ccc;margin-bottom:20px;}
@media only screen and (min-width: 768px) {
.single-post .hentry .wp-post-image {/*width:50%*/;float:right;}
}
/*------------------------------------------------------------
Review section
-------------------------------------------------------------*/
.share-wrap {display:none;}
#section_review {
	padding:20px 0;
}
.content-review .review-container{
	height:500px;
	overflow-y: scroll;
	border: 1px solid #ccc;
}
.content-review .review-list {
	padding:10px;
}
.content-review .review-list li {
	border-bottom: 1px solid #e6e6e6;
    position: relative;
	margin:0;
	list-style: none;
}
.content-review .review-list li p{
	font-size: 10px;
}
.content-review .review-list li p.meta{
	font-size:14px;
}
li.comment  {list-style:none;}
.content-review .review-list p.meta:before, li.comment.depth-1 p.meta:before, .comment-borderbox p.sip-author:before {
  content:url("img/fem.png") ;
}
.content-review .review-list p.meta strong:after, li.comment.depth-1 p.meta strong:after,.comment-borderbox .sip-author strong:after{
	content:"さん";
}
li.comment.depth-2 p.meta strong:after, .show-everthing-sub .comment-borderbox .sip-author strong:after {content:"";}
.comment-text .meta .verified, .comment-borderbox .sip-author .verified{display:none;}

li.comment.depth-1 {border:1px solid #e4e1e3;margin-bottom:10px;}

li.comment.depth-2 p.meta:before, .show-everthing-sub .comment-borderbox p.sip-author:before {content:url("img/kato.png");}
li.comment.depth-2, li.show-everthing-sub .comment-borderbox {background-color:#fbfdfe; border:1px solid #77ccd1;}

/*------------------------------------------------------------
SIP Review
-------------------------------------------------------------*/
@media only screen and (max-width: 769px) {
.tabs-wrap{padding:0 5px;}
 #commentform.comment-form {margin-left: 0;}
 #review_form .stars {margin-bottom: 10px;}
}


/*-----Social Share Icons------*/
.social-share {
  clear: both;
  margin-top: 20px;
}
.social-share ul {
  display: inline-block;
  margin-left: 0;
}
.social-share ul li {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 3px;
  margin-top: 1px;
  -webkit-backface-visibility: hidden;
}
.share-title,
.post-tag-title {
  display: inline-block;
  margin-top: -8px;
  margin-right: 5px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
}
.share-title {
  margin-right: 7px;
  margin-bottom: 5px;
  padding-right: 7px;
}
.post-tag-title {
  margin-top: 0;
}
.share-item {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  display: inline-block;
  overflow: hidden;
  margin-right: 7px;
  width: 32px;
  height: 32px;
  background-image: url(img/px_sprites_w.png);
  background-size: 560px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.social-share li {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.social-share li:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.post .social-share {
  margin-top: 10px;
}
.post .social-share + .clear {
  display: none;
}
.page .social-share {
  float: left;
}
.share-item {
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.share-item:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.share-fb {
  position: relative;
  top: 0px;
  background-color: #3d599b;
  background-position: -445px 3px;
  text-indent:-99999;
}
.share-tw {
  background-color: #60d7fd;
  background-position: -476px 3px;
}
.share-tw iframe a#b.btn {
    background: transparent!important;
  }
.share-gp {
  background-color: #e54a4f;
  background-position: -413px 3px;
}
.share-pn {
  background-color: #E85D3A;
  background-position: -509px 3px;
}
.share-ln {
  background-color: #0177b5;
  background-position: -541px 2px;
}
.page-template-template-full-custom-php .social-share {
  float: none;
  margin-bottom: 10px;
  text-align: center;
}
.custom-page-content > p {
  /* Hide custom page p tag between sections */

  margin: 0;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------*/
.widget-title {font-weight:400; border-left:solid 10px #77ccd1; padding-left:10px;}
.widget.widget_search {margin:0;display:none;}

.page-id-7668 .widget-title, .categoryid-2 .widget-title {border-left:none; padding:0 0 0.5em 0;border-bottom:solid 1px #000;}

#wpp-4.widget, #wpp-4.widget ul.wpp-list, .wpp-list.pr p, .widget-container ul.wpp-list{margin: 0 0 ;}
a.wpp-post-title.pr:after {content:"PR";background-color:#CCC;font-size:10px; margin-left:10px;color:#fff;padding:2px 5px;}
.wpp-list, .widget_recent_entries {list-style: none;margin-left: 0;}
.wpp-list li, .widget_recent_entries li {border-bottom: 1px solid rgba(0,0,0,.05); padding:5px 0; clear:both;overflow:hidden;}
.wpp-list li img, .widget_recent_entries li img{float:left;margin-right:5px;width:50px!important;}

@media only screen and (min-width: 768px) {.home .wpp-list li img{width:70px;}
.wpp-list li br {
display: block;
}	
.widget.widget_search {display:block}
.wpp-list li img, .widget_recent_entries li img{float:left;margin-right:5px;width:80px!important;}


}
.wpp-list li a{
	display:block;
overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	line-height: 1.5;
	margin:0;
	}
.wpp-list li br {
display: none;
}	

.wpp-list.catitems {text-align:left;}
.sidebar-box ul {margin:0;list-style:none;}
.sidebar-box ul ul{margin-left:10px;}
.sidebar-box li {
    padding: 10px 0;
    padding-left: 2px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.sidebar-box ul ul li a:before{
display: inline-block;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    margin-right: .5407911001em;
    font-family: "fontawesome";
}
/* ==========================================================================
Footer
========================================================================== */
footer {padding-top:20px;border-top:10px solid #f2f2f2}
.widget_nav_menu ul li:before {content: "";}
#sns li {display:inline-block}
#sns li a {padding:10px 10px;}

#colophon.footer {background-color:#f8f8f8;}
.footer a, .footer {color:#999;}

#mob-footer {margin-top: 10px;background: #333;padding: 10px 10px;font-size:0.8em;color:#999 }
#mob-footer h2.title {color:#77ccd1;margin:0}
#mob-footer ul{padding:0;margin:0 0}
#mob-footer ul#menu-footer_menu_one a{color:#fff}
#mob-footer ul#menu-footer_menu_one, #mob-footer ul#menu-footer_menu_two{border-bottom: 0.5px solid #666;margin:0;padding: 10px 0;}

/*会社情報メニュー*/
#mob-footer ul#menu-footer_menu_two{font-size:80%;}

/*SNSリンク*/
footer ul#sns {font-size:0em;padding: 10px 0;}
footer ul#sns li{font-size:1.4em !important;}

footer ul#sns li {padding:0;width:25%;}
footer ul#sns span {display:block;width:35px;height:35px;margin:0 auto; background-repeat:no-repeat;background-image:url(img/sns_icon.png);background-size:cover; }
span.facebook-share {background-position:0px 0px; }
span.line-share {background-position:-35px 0px; }
span.twitter-share {background-position:-70px 0px; }
span.mail-share {background-position:-105px 0px; }



#mob-footer li{list-style:none; padding: 5px 20px;;margin:0}
#mob-footer #menu-footer_menu_column li {border-bottom:solid 1px #434547;}


/*site info*/
#mob-footer .site-info {color:#999; text-align:center;padding:0;font-size:80%;margin-bottom:30px;}
#mob-footer .site-info a{text-decoration:underline;}
#mob-footer .site-info.column, #mob-footer .site-info div{margin-top:10px;margin-bottom:0px;}


/*show more */
.show_more p.wpsm-show{padding:20px ; font-weight:bold;background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));-moz-box-shadow: 1px 1px 2px #E7E7E7;  
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;  border-radius:10px;text-align:center;color:#000;}
.show_more p.wpsm-show:hover{padding:20px ;cursor:pointer; background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));  }
.show_more p.wpsm-show:active{padding:20px ;background: #ccc;  }
/*------------------------------------------------------------
WooCommerce
-------------------------------------------------------------*/

/*shop as customer*/
.cxsac-switched-bar-holder {top:0;}

/*points and rewords*/
 input.wc_points_rewards_apply_discount{background-color:#e96cc3!important;text-align:center!important;padding:10px!important;}
@media (max-width:767px){
 td.points-rewards-event-points{width:100%!important;}
}

/*My Account*/

.page-id-8178 ul.products li.product .price {display: inline; }
.page-id-8178 ul.products li.product .product-price,.wcs-switch-link.button{display: none; }


/*GMO PG*/
#gmopg-stored-info {border:solid 1px #333;padding: 10px 0 10px 10px!important;}
.stored-card .delete, .button.change_payment_method {display:none;}
@media (max-width:767px){
.woocommerce-MyAccount-navigation ul {background-color: #ebe9eb;padding: 0.1em;}
.woocommerce-MyAccount-navigation ul li a{padding:0.3em 0;font-weight:600; font-size:14px;}
.woocommerce-MyAccount-navigation ul li {width:48%;display:inline-block;}
table.stored-card,table.stored-card th, table.stored-card td {display:block;padding:0}

}

/*WooCommerce Info*/
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {background: #fff;color:#333;border-left: .6180469716em solid #325b7b!important;border:dotted 1px #333;}
.woocommerce .woocommerce-info a{padding:10px;border-radius:5px;background-color:#70666d;display:inline-block}
.woocommerce .woocommerce-info p{margin:0}
p.showlogin.btn {border-radius: 40px;border:solid 2px #333;}
p.showlogin.btn:hover {background-color:#77ccd1;border:solid 2px #fff;color:#fff}
/*.woocommerce-message, .woocommerce-noreviews, p.no-comments { background-color: #DCEAA9;    border-left: .6180469716em solid rgba(0,0,0,.15);}*/

@media (max-width:768px){
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments { padding: 0.5em 0.8em;margin-bottom: 1em;}
}
/*Payment Box*/
#payment .payment_methods li .payment_box fieldset {
     font-size: 1em; 
}
.payment_box {background-color:#fff;color:#333;}
@media (max-width:768px){
#payment .payment_methods li .payment_box { padding: 5px;}
}
.tax_label {display:inline-block;}
.woocommerce-checkout-review-order.payment-fixed{margin-left:0px!important;}

/*Follow-ups*/
.followup-checkout {display:none;}
/*Shop Table*/
@media (max-width:641px){
table.shop_table td,table.shop_table th {display:block;padding:5px;}	
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {text-align:center!important;}
.woocommerce table.shop_table th.product-total  {display:none;}
.woocommerce table.shop_table .cart-discount.coupon-st-start th{ border-bottom:none!important;border-right:solid 2px #ffc0ca!important}
.woocommerce table.shop_table .cart-discount.coupon-st-start td {color:red; border-top:none!important;border-left:solid 2px #ffc0ca!important}

.woocommerce table.shop_table .order-total td {border:solid 2px #000;border-top:none!important;border-left:solid 2px #000!important}
.woocommerce table.shop_table .order-total th {background-color: #7c7c7c;color:#fff;border:solid 2px #000;border-bottom:none!important;border-right:solid 2px #000!important}

}

.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {border-top: 1px solid rgba(0, 0, 0, 0.1);}
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0px -1px 24px 0px;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.woocommerce table.shop_table th {background-color: #f8f8f8;}
.woocommerce table.shop_table .cart-discount.coupon-st-start th, .woocommerce table.shop_table .cart-discount.coupon-st-start td{background-color: #fff3f5;border:solid 2px #ffc0ca}
.woocommerce table.shop_table .cart-discount.coupon-st-start th{ border-right:none;}
.woocommerce table.shop_table .cart-discount.coupon-st-start td {color:red; border-left:none;}

.woocommerce table.shop_table .order-total th {background-color: #7c7c7c;color:#fff;border:solid 2px #000;border-right:none;}
.woocommerce table.shop_table .order-total td {border:solid 2px #000;border-left:none;}

.woocommerce table.shop_table .recurring-totals th {background-color:#b0e1e4;margin-top:10px;}


.woocommerce table.shop_table th, .woocommerce table.shop_table tr {
    border-bottom: 1px solid #f8f8f8;
    vertical-align: top;
    text-align: center;
}
h3#ship-to-different-address, p.form-row.terms.wc-terms-and-conditions { border: solid 2px #ffc0ca; background: #fff3f5;display:block;overflow:hidden;position:relative;}
#ship-to-different-address label.checkbox,  p.form-row.terms.wc-terms-and-conditions label.checkbox{margin-right:50px;}
#ship-to-different-address-checkbox, input#terms{position:absolute; top:40%; right:20px;}


.woocommerce table.shop_table thead {border-bottom: 2px solid rgba(0, 0, 0, 0.1);}
@media (min-width:768px){
.woocommerce-active .site-header .main-navigation {
    width:100%;
    float: none;
    margin-right: 0;
    clear: both;
}
}

.page-template-template-fullwidth-php #customer_details+#wc_checkout_add_ons, .page-template-template-fullwidth-php #order_review, .page-template-template-fullwidth-php #order_review_heading, .page-template-template-fullwidth-php .col2-set.addresses .col-2 {width:100%; float:none;}

.cart-collaterals {padding-right:0!important;padding-left:0!important;}

/*確認画面*/　
header.title {font-weight:bold; border-bottom: solid 1px #999;}
.woocommerce-active .site-header .col-full {position:static;}
.site-main .head-product ul.products li.product {width: 100%; float: none;margin-right: 0;}
.site-header-cart .cart-contents {padding:15px;}
.star-rating span:before {color:#fdd200;}


/*button*/
.added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit]{border: 0 #70666d;background-color: #70666d;}
.added_to_cart:hover, .button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover{border: 0 #325b7b;background-color: #325b7b;}
.added_to_cart.alt, .added_to_cart.cta, .button.alt, .button.cta, button.alt, button.cta, input[type=button].alt, input[type=button].cta, input[type=reset].alt, input[type=reset].cta, input[type=submit].alt, input[type=submit].cta {border:none; background-color: #99CF00;color: #fff;}
.added_to_cart.alt:hover, .added_to_cart.cta:hover, .button.alt:hover, .button.cta:hover, button.alt:hover, button.cta:hover, input[type=button].alt:hover, input[type=button].cta:hover, input[type=reset].alt:hover, input[type=reset].cta:hover, input[type=submit].alt:hover, input[type=submit].cta:hover {border:none; background-color: #ace900;color: #fff;}
.button.link {background-color: #70666d;}
.button.full {width:100%;}
.btn.cta {border:solid 1px #ccc;border-radius:20px;padding:10px 20px;}
/*storefront-handheld-footer-bar*/
.storefront-handheld-footer-bar span.count {width:1em; overflow:hidden;}
.switcher { z-index:999;display:block; background-color:#fff; position:relative; position:fixed;font-size:0.8em;}
.site-search .widget_product_search input[type=search], .site-search .widget_product_search input[type=text] {padding: 1.01575em 0.618em 1.01575em 1.706325903em;}
.site-search .widget_product_search form:before, .widget_search form:before {top:1em;left:0.5em}

.storefront-handheld-footer-bar.switcher ul li>a  {height:2em; color:#968c93;background-color:#fff}
.storefront-handheld-footer-bar.switcher ul li>a:before {line-height:  1.2;font-family:'icomoon'}
.storefront-handheld-footer-bar ul li.my-account>a:before {content:"\e853"}
.storefront-handheld-footer-bar ul li.phone>a:before {content:"\e0cd"}
.storefront-handheld-footer-bar ul li.search>a:before {content:"\e8b6"}
.storefront-handheld-footer-bar ul li.cart>a:before {content:"\e8cc"}
.switcher li.blank .blank-space{height:2em; z-index:999; background-color:#fff;display:block; position:relative;}
.storefront-handheld-footer-bar.switcher ul li.search .site-search {padding:0;}
.storefront-handheld-footer-bar.switcher ul li.cart .count {top: .175em;background-color:#7fc0de; width:1.5em;height:1.5em;line-height:1.6;}
.switcher .switcher-toggle {
    display: block;
    text-indent: -9999px;
    height:2em;
    width: 2em;
    position: absolute;
	top:0;
	right:0;
    background: #002949;
    cursor: pointer;
	z-index:999;
}
.switcher .switcher-toggle:hover {
    background: #13384a;
}
.switcher .switcher-toggle:before {
    font-family: 'FontAwesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 2.0;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #7fc0de;
    content: "\f07e";
}
.switcher-hidden .switcher {
    width: 2em;
    overflow: hidden;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

/*tab*/
#tab-content #tabs a.button{padding:15px;width:100%;}
/*Comment*/
ul.comments-list-products {margin:0 !important;list-style:none;}
/*------------------------------------------------------------
Plugins
-------------------------------------------------------------*/

/* One page check out LP*/

.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods　{background-color: #77ccd1;color:#fff;}
#payment .payment_methods>.wc_payment_method>label {font-size:130%;}
label.error {color: #F00;}
input.error, .has-error input {border: solid 1px #F00; background-color: #FCC}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {width:100%!important;}

@media screen and (min-width: 769px){
.page-template-template-full-cp .content-boxed img {
    max-width: 1000px;
}

}
.page-template-template-full-cp img.size-full , .page-template-template-full-cp img.aligncenter{margin: 0 auto!important;}
.page-template-template-full-cp p {/*margin: 0 auto!important;*/}

div[id^="quick-checkout-"]{display:block !important;}
.quick-checkout-frame table.shop_table_responsive tbody .recurring-totals th, .quick-checkout-frame table.shop_table_responsive tbody .order-total.recurring-total th {display:block;}

 @media screen and (max-width: 480px) { 
body.quick-checkout-frame { background-color:#fff!important}
body.quick-checkout-frame div.woocommerce {  padding: 0px!important; }
.quick-checkout-frame .col-md-7 .woocommerce-info {display:none!important}
.quick-checkout-frame .cart_item .product-remove, .quick-checkout-frame .cart_item .product-thumbnail, .quick-checkout-frame .cart_item .product-price, .quick-checkout-frame .cart_item .product-quantity, .quick-checkout-frame .cart_totals .cart-subtotal, .quick-checkout-frame .cart_totals .shipping, .quick-checkout-frame .cart_totals .shipping.recurring-total, .quick-checkout-frame .cart_totals .tax-rate {/*display:none!important*/}
.woocommerce .woocommerce-info {/*padding: 0 0 0 1em !important; margin: 0 0 1em !important;*/}
#customer_details h3 {padding: 0; margin: 0.5em 0;}
#payment .place-order {padding:5px;}

 }

	
 /*新着情報ウィジェット*/	
.widget_recent_entries .tag:before{
content: "\f02b";
    margin-right: 5px;
    font-family: "fontawesome";
    color: #77ccd1;
}

.post-date, .date{ color: #999;font-size:80%;margin-left:10px;}

.post-date:before,.date:before{
content: "\f073";
    margin-right: 5px;
    font-family: "fontawesome";
}

#comments-list-products img.attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image {width:50px;height:auto;}
  
/* 7.4 Contact Form 7
----------------------------*/

.contact-form  {
 /* border: solid 1px #ccc;*/
  margin: 10px 0 0 0;
  background: transparent; }
  
.contact-form  {
  padding: 0 0 0 0px;
  margin:0;
  
}
.contact-form  h2{
	font-size: 14px;
}
.contact-form li {
	list-style:none;
}
.contact-form li.form-title{
  font-weight: normal;
  background: #f9fbfd;
  text-align: left;
  vertical-align: top;
  padding: 10px 0 10px 15px;
  white-space: nowrap;
  }

.contact-form li.form-content {
  background: transparent;
  padding: 18px 15px;

  }

.require {
  color: #ff0033;
  font-size: 100%;
  font-weight: normal; }

.require:before {
  content: ' ';
  white-space: normal; }


  /* --------------------------------------------------------------------------------------
  アフィリエイト
  --------------------------------------------------------------------------------------- */
  
 #affwp-affiliate-dashboard-tabs {background-color: #ebe9eb;}
 #affwp-affiliate-dashboard-tabs li:before {
    display: inline-block;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    margin-right: .5407911001em;
    font-family: "fontawesome";
}

  .affiliate-product .services-icon .img-container {width: 130px; height:130px;background-color:#dedede;}
  .affiliate-product .services-box h3 {font-size: 1.2em;font-weight:100;margin:0;padding:0;}
  .affiliate-product .services-box h3 .price {font-size: 1.5em;font-weight:bold ;}
  .affiliate-product .services-box .sc-wraper p {background-color:#d1779f;color:#ffffff;padding:10px;}
  .affiliate-product .services-box .sc-wraper p .commission-rate {font-size: 1.8em;font-weight:bold ;}
.affiliate-product .services-box .sc-wraper p .commission {font-size: 1.8em;font-weight:bold ;color:#FF0}

.affwp-form fieldset{
	border-radius: 0;
    padding: 10px 10px;
    margin-bottom: 8px;
}
.affwp-form label {vertical-align:top;}
.affwp-form label.required, textarea.required, input.required {color:#333;}
.affwp-form label.required:before {content:"*"; color:red;}
.affwp-form label {width: 250px;}
 @media screen and (max-width: 480px) { 
.affwp-form input[type=text], .affwp-form input[type=password], .affwp-form input[type=email], .affwp-form input[type=url], .affwp-form textarea {
	width:100%;
}
#affwp-affiliate-dashboard-tabs li{width:48%;display:inline-block;font-size:16px;}
 }
 
.affwp-form legend, #affwp-affiliate-dashboard h4, #affwp-graphs-filter {border-bottom:dotted #333 1px;}

/*pocket*/
.pocket-post {margin-top:30px;}
.pocket-post a{text-decoration:underline;}
.pocket-post a:hover{text-decoration:none;color:#0CF;}

.post blockquote:before {
    font-family: fontawesome;
    content: "\f10d";
    font-size: 1.5em;
    position: absolute;
    color: #fff;
    top: 10px;
    left: 10px;
}
.post blockquote:after {
    font-family: fontawesome;
    content: "\f10e";
    font-size: 1.6em;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
}
.imglist.checkbox li:before {background: url(img/checkbox.png);background-repeat:no-repeat;background-size:contain; width:19px;height:19px;}

/*--Bread Crumb--*/
/*#full-width ol.breadcrumbs{display:none;}*/
ol.breadcrumbs {margin:0 0 1.0em 0; font-size: .875em;background-color:#f8f8f8;}
ol.breadcrumbs li{ list-style:none;display:inline-block;}
 
ol.breadcrumbs li:first-child a:before {
    display: inline-block;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f015";
    margin-right: .5407911001em;
	font-family:"fontawesome";
}
ol.breadcrumbs li:last-child {display:none;}

div#breadcrumb div {
  display: inline;
}
 
#breadcrumb span.sp{
  margin:0 10px;
}
 
#breadcrumb a{
  text-decoration:none;
  color:#777;
}


  /* --------------------------------------------------------------------------------------
  Quick Checkout
  --------------------------------------------------------------------------------------- */
.quick-checkout-frame a.checkout-button { display:none;}


/*------------------------------------------------------------
DECIEL用
-------------------------------------------------------------*/


/*4コマ漫画*/
#koma .koma {margin-bottom:10px;}
#koma .koma img{border:solid thin #CCC;}

/*------------------------------------------------------------
font-size
-------------------------------------------------------------*/


.b{ font-weight: bold!important; }/*bold*/
.normal{ font-weight: normal!important; }/*clear bold*/

.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.small{ font-size: 0.8em!important; }

.f06em{ font-size: 0.6em; }
.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }
.f31em{ font-size: 3.1em; }
.f32em{ font-size: 3.2em; }
.f33em{ font-size: 3.3em; }
.f34em{ font-size: 3.4em; }
.f35em{ font-size: 3.5em; }
.f50em{ font-size: 5.0em; }
.f15px{ font-size: 15px!important; }

.br {display:inline-block;}


/*------------------------------------------------------------
color
-------------------------------------------------------------*/

.red{ color: #ff3333!important; }
.redorg{ color: #ff0000!important; }
.gray{ color: #666666!important; }
.black { color: #000000!important; }
.blue { color: #0068b7!important; }
.green { color: #51a956!important; }
.pink { color: #ce6584!important; }
.orange {color: #d17c77!important; }

/*------------------------------------------------------------
Checklist
-------------------------------------------------------------*/
.imglist {margin-left: 0; list-style: none; padding-left: 5px;}
.imglist li {padding: 3px 0;}
.imglist li:before {content:""}
.imglist li:before {background: url(img/checkbox.png);background-repeat:no-repeat;background-size:contain; width:19px;height:19px; margin: 7px;margin-left: 0;padding: 0;padding-left: 15px;background-position: left center;list-style: none;content: "";line-height: 18px;;}
   
/*------------------------------------------------------------
Marker 
-------------------------------------------------------------*/
.marker_yellow {
  background: -moz-linear-gradient(transparent 0%,#fafad2 0%);      /* Firefox用 */
  background: -webkit-linear-gradient(transparent 0%,#fafad2 0%);   /* Safari用 */
  background: -ms-linear-gradient(transparent 0%,#fafad2 0%);       /* IE用 */
  background: -o-linear-gradient(transparent 0%,#fafad2 0%);        /* Opera用 */
  background: linear-gradient(transparent 0%,#fafad2 0%);           /* Default */
} 

.marker_red {
  background: -moz-linear-gradient(transparent 0%,#f4dae3 0%);      /* Firefox用 */
  background: -webkit-linear-gradient(transparent 0%,#f4dae3 0%);   /* Safari用 */
  background: -ms-linear-gradient(transparent 0%,#f4dae3 0%);       /* IE用 */
  background: -o-linear-gradient(transparent 0%,#f4dae3 0%);        /* Opera用 */
  background: linear-gradient(transparent 0%,#f4dae3 0%);           /* Default */
} 
 
/* 緑(ライトグリーン系)のマーカー */
.marker_green {
  background: -moz-linear-gradient(transparent 0%, #d2fae6 0%);      /* Firefox用 */
  background: -webkit-linear-gradient(transparent 0%, #d2fae6 0%);   /* Safari用 */
  background: -ms-linear-gradient(transparent 0%, #d2fae6 0%);       /* IE用 */
  background: -o-linear-gradient(transparent 0%, #d2fae6 0%);        /* Opera用 */
  background: linear-gradient(transparent 0%, #d2fae6 0%);           /* Default */
} 
 
/* 青い(水色系)マーカー */
.marker_blue {
  background: -moz-linear-gradient(transparent 0%, #d2fafa 0%);      /* Firefox用 */
  background: -webkit-linear-gradient(transparent 0%, #d2fafa 0%);   /* Safari用 */
  background: -ms-linear-gradient(transparent 0%, #d2fafa 0%);       /* IE用 */
  background: -o-linear-gradient(transparent 0%, #d2fafa 0%);        /* Opera用 */
  background: linear-gradient(transparent 0%, #d2fafa 0%);           /* Default */
} 

/*  Tabs jQuery-ui
----------------------------*/
#tab-content .ui-tabs .ui-tabs-panel {padding:1em 0;}
#tab-content .ui-widget.ui-widget-content {border: none;}
#tab-content .ui-widget-header {border-bottom:1px solid #aaa;background: transparent;font-size:12px;list-style:none;margin-left:0;}
#tab-content li.ui-state-default{border:solid 1px #b0e1e4;background:#fff;text-align:center;display:inline-block}
#tab-content .ui-state-default a{ padding: 0.8em 0.8em;min-width:55px;display:block}
#tab-content .ui-state-default.ui-state-active{border:solid 1px #77ccd1;background:#e9f7f7;}
#tab-content #tabs a {float: none;  }
#tab-content #tabs img{padding-right: 5px;padding-bottom: 5px; }
#tab-content #tabs .widget_recent_entries li {line-height:1.2;}
#tab-content #tabs .widget_recent_entries li .post-date,#tab-content .wpp li .date {font-size:10px;color:#666;}
#tab-content #tabs .widget_recent_entries li img {width:56px!important;height:auto;}
#tab-content .ui-tabs .ui-tabs-nav .ui-tabs-anchor {}
#tab-content .ui-corner-top {border-top-right-radius: 4px;border-top-left-radius: 4px;}
#tab-content .wpp li {text-indent:0;border-bottom:1px solid #e7e7e7}

#tab-content .mobile-title {font-size:14px;}
#tab-content .mobile-title .profile img{padding-right:5px;clear:both;}
/*  ライタープロフィール
----------------------------*/
 .profile img.size-thumbnail {border-radius:50%;margin:0 auto}
 .col-md-4.profile{text-align:center;}
#tab-content .profile img.size-thumbnail {max-width:45%;}
#tab-content .profile  {font-size:14px;margin-bottom:10px;}

.profile .sub-title {border-bottom:dotted 1px #333;display:block;width:50%;float:left;margin:10px 0;}

.mobile-title .profile img.size-thumbnail {width:56px;padding-right:10px;}
.mobile-title .profile {font-weight:bold;}
/*  Tag Cloud
----------------------------*/
#tag-groups-cloud-tabs {margin:10px 10px;}
@media screen and (min-width: 768px) {
/*#tag-groups-cloud-tabs {clear:both; margin:10px 0 20px 110px;}*/
}
#tag-groups-cloud-tabs h3{ margin:10px 0 0 0;padding:0;}
.tag-groups-cloud-tabs a, .post-tags a{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
    display: inline-block;
    padding: 0 5px;
border: 1px solid #e7e7e7;
background:#fff ;
    /*color: #fdd200;*/
    letter-spacing: 1px;
    font-size: 1em;
	margin-right:5px;
	}
.tag-groups-cloud-tabs a:hover, .post-tags a:hover{
background-color: #f7f7f7;
text-decoration:none;
}

.tag-groups-cloud-tabs a:before, .post-tags a:before{
content:"\f02b";
margin-right:5px; 
font-family:"fontawesome";
color:#77ccd1;
}


.tag-groups-cloud-tabs a, .wp-tag-cloud li {
display: inline-block;
list-style:none;
border: 1px solid #e7e7e7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.tag-groups-cloud-tabs a, .wp-tag-cloud a {
white-space: nowrap;
font-size: 100%;
color: #666;
line-height: 1.6;
margin-bottom: 5px;
text-decoration: none;
}
.tag-groups-cloud-tabs a:before, .wp-tag-cloud a:before {
content:"\f02b";
margin-right:5px; 
font-family:"fontawesome";
color:#77ccd1;

}
 
 .wp-tag-cloud li:hover {
background: #f7f7f7;
}
/*------------------------------------------------------------
Services
-------------------------------------------------------------*/
.services-wrapper {letter-spacing: -.40em;}
.services-wrapper .col {letter-spacing: normal;}
.services-wrapper.services-boxed-photo .services-box {background-color:#fff; /*border:solid 1px #CCC;*/ }
.portfolio .services-wrapper .services-box {background-color:transparent; }
.services-wrapper. .services-box img{ vertical-align: top;}
.services-wrapper.services-boxed-photo .services-box h3:after{width:100%;background:transparent;}
.services-boxed-photo .services-box .regular-box h3 {padding:10px 0 0 0;margin:0;}
.services-boxed-photo .services-box p.woocommerce {padding:0 !important;margin:0;}
#section_section_two .services-box h3:after {width:100%;background:#77ccd1;}
.services-wrapper .services-content {max-width: 96%; }
.services-title-box h2 {margin-top:0;}
.number {background-color: #77ccd1; color: #fff; padding:2px 5px; border-radius:50%;}
.number.snow {background-color: #1a7fa3; color: #fff; padding:2px 5px; border-radius:50%;}
.cols-wrapper.deciel, .cols-wrapper.snow {max-width:780px;margin:0 auto;}
.cols-wrapper.deciel h1.title {margin-bottom:0;font-size:1.3em;}
.cols-wrapper.deciel h1.title span {font-size:140%;}
.cols-wrapper.deciel h3 {margin-top:0;padding-top:0}
.services-box {float:left;}
@media screen and (max-width: 769px) {
.services-boxed-photo .services-box {padding:0;margin:0}
.cols-wrapper.deciel h1.title {margin-bottom:0;font-size:1.0em;}
h4.sub-title {font-size:1.1em;}
}
.img-frame{padding:10px;}

/*Box style*/
.regular-box {
    background: #fff;
    border: solid 1px #dedede;
}

.padding {padding:10px;}
.white-box {
    padding: 10px;
    border: solid 1px #333;
}


/* ==========================================================================
Tokuten
========================================================================== */
.tokuten-box {
  position:relative;
  text-align:center;
  clear:both;
  margin:10px auto;
  max-width:480px;  
  color:#412e15;
}
.tokuten-box.full-width { max-width:100%; }
.tokuten-box.outer-box {background:#fff;width:96%; padding:2%; border-top: none; margin-bottom:40px;}
.tokuten-box.outer-box.full-width {width:100%; }
.tokuten-box.full-width .inner-box {width:100%; }
.tokuten-box .inner-box { padding:10px; border:solid 1px #412e15;position:relative;}
.tokuten-box .inner-title {padding:50px 0 10px 0;font-weight:bold;vertical-align:middle; color:#412e15;}
.tokuten-box .inner-title:before { content:""; position:absolute; top:-50px;left:40%;width:20%;height:100px;background-size:contain;background-position:top center;background-repeat:no-repeat;}
.tokuten-box:nth-of-type(1) .inner-title:before { background-image:url(img/tokuten-01.png);}
.tokuten-box:nth-of-type(2) .inner-title:before { background-image:url(img/tokuten-02.png);}
.tokuten-box:nth-of-type(3) .inner-title:before { background-image:url(img/tokuten-03.png);}
.tokuten-box:nth-of-type(4) .inner-title:before { background-image:url(img/tokuten-04.png);}
.tokuten-box:nth-of-type(5) .inner-title:before {  background-image:url(img/tokuten-05.png);}
.tokuten-box img {/*width:50px; float:left;margin-right:10px;vertical-align:middle;*/}
.tokuten-box .img-container {/*position:absolute; top:0; right:10px;*/}
.tokuten-box .img-container img{width:100px; height:auto;margin-right:0px;}
.tokuten-box .label {display:block; background-color: #ec3b6b; color: white; text-align:center; position:absolute; right: 0px; top:-20px;padding:5px;}
.tokuten-box .inner-copy{clear:both;}
.tokuten-box .inner-copy p{margin:0;}
.tokuten-box h2 {margin:10px 0; padding:0;}
@media screen and (max-width: 420px) {
.tokuten-box h1.inner-title {font-size:1.6em;}
.tokuten-box .img-container {margin:0 auto; position:relative;}
.tokuten-box .img-container img {float:none;}
.tokuten-box .label {display:block; background-color: #ec3b6b; color: white; text-align:center; position:absolute; right: -10px; top:-20px;padding:10px;}
.tokuten-box .inner-title:before {  top:-50px;left:30%;width:40%;height:100px;background-size:contain;background-position:top center;background-repeat:no-repeat;}
}
  /* --------------------------------------------------------------------------------------
  CTA
  --------------------------------------------------------------------------------------- */
.cta-element input#submit_button {float:none; font-size:1.4em;padding:30px;width:90%;max-width:480px;}
/*cta teiki*/ 
.teiki .balloon-container {max-width:400px; height:150px;background-position: bottom right;background-repeat:no-repeat;clear:both;background-size:contain;}
.teiki .balloon-container {background-image:url(img/kotori-teiki.jpg);}
 .teiki .balloon-container p {font-size: 1.17em;color: #333; font-weight:bold;padding: 5px 5px;}
.services-wrapper.teiki {letter-spacing: inherit; }
.teiki .right_balloon{top:20%;/*right:200px;*/margin-left:5px;}

@media screen and (max-width: 420px) {
.teiki .balloon-container {max-width:100%; height:300px;background-position: bottom right;background-repeat:no-repeat;clear:both;background-size:70%;}
.teiki .right_balloon{top:0;}
}

a.button {
    background: #99CF00;
    color: #fff;
    padding: 10px;
    margin: 10px auto;
}
a.button.cancel, a.button.reactivate {display:none;}
  /* --------------------------------------------------------------------------------------
  Comment Slider
  --------------------------------------------------------------------------------------- */
.balloon-container {position:relative;background-repeat:no-repeat;margin:0 auto;}
.balloon-container .right_balloon{position:absolute;}
#section_comment .balloon-container {max-width:400px; height:200px;background-position: bottom right}
#section_comment.deciel .balloon-container {background-image:url(img/kotori_blue-150x150.png);}
#section_comment.snow .balloon-container {background-image:url(img/kotori_snow.png);}
#section_comment .right_balloon{right:120px;margin-left:5px;}
#comment-slider {margin:10px 0 60px 0;clear:both; }
#comment-slider .star-rating {float:none; display:block; margin:-10px auto 0 auto;}
#comment-slider .ts-arrow {bottom:-50px;}
#comment-slider.testimonial-slider blockquote {font-style: normal;font-size:1.2em;font:normal 110%/110% inherit ;min-height:100px;}
#comment-slider.testimonial-slider .testimonials-details {margin-top:-30px;}
#comment-slider .comment-img {width:150px;height:150px;background-repeat:no-repeat;background-position: bottom center;background-size:contain;margin:0 auto;}
#comment-slider .testimonial-container:nth-child(1) .comment-img{background-image:url(img/profile_02.png);}
#comment-slider .testimonial-container:nth-child(2) .comment-img{background-image:url(img/profile_03.png);}
#comment-slider .testimonial-container:nth-child(3) .comment-img{background-image:url(img/profile_04.png);}
#comment-slider .testimonial-container:nth-child(4) .comment-img{background-image:url(img/profile_05.png);}
#comment-slider .testimonial-container:nth-child(5) .comment-img{background-image:url(img/profile_06.png);}
#comment-slider .testimonial-container:nth-child(6) .comment-img{background-image:url(img/profile_01.png);}

#comment-slider.snow .testimonial-container:nth-child(1) .comment-img{background-image:url(img/profile_03.png);}
#comment-slider.snow .testimonial-container:nth-child(2) .comment-img{background-image:url(img/profile_04.png);}
#comment-slider.snow .testimonial-container:nth-child(3) .comment-img{background-image:url(img/profile_05.png);}
#comment-slider.snow .testimonial-container:nth-child(4) .comment-img{background-image:url(img/profile_06.png);}
#comment-slider.snow .testimonial-container:nth-child(5) .comment-img{background-image:url(img/profile_01.png);}
#comment-slider.snow .testimonial-container:nth-child(6) .comment-img{background-image:url(img/profile_02.png);}
@media screen and (max-width: 768px) {
#comment-slider .testimonial-wrapper{width:95%; }
#comment-slider.testimonial-slider blockquote {text-align:left;font:normal 100%/100% inherit ;}
#comment-slider .comment-img {width:100px;height:100px;}
}
  /* --------------------------------------------------------------------------------------
  How to Select
  --------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
.woocommerce .products a.button.add_to_cart_button {width:100% !important;top:0;}
.with-nivo-slider .page-title-wrapper, .page-title {display:none;}
}
  /* --------------------------------------------------------------------------------------
  Story & EGF
  --------------------------------------------------------------------------------------- */

#content.story .column_box {
	margin:0 0;
  clear: both;
  display: block;
  overflow: hidden; }
  #content.story .column_box.top {
    margin: 0;
    background-color: #f0f9fa;
    padding: 10px; }
  #content.story .column_box .bg-gray {
    background-color: #dedede; }
  #content.story .column_box .reference {
    font-style: italic;
    position: relative; }
    #content.story .column_box .reference:before {
      content: "\f10d";
      font-family: FontAwesome;
      padding-right: 0.5em; }
    #content.story .column_box .reference:after {
      content: "\f10e";
      font-family: FontAwesome;
      padding-left: 0.5em;
      position: absolute;
      right: 0; }
    #content.story .column_box .reference p {
      margin-bottom: 1em; }
  #content.story .column_box .images {
    text-align: center;
    margin: 10px auto; }
#content.story .comment-box {
  border: solid 1px #999999;
  border-radius: 10px;
  clear: both; }
#content.story .rebirth, #content.story .aile-com {
  font-weight: bold; }
  #content.story .rebirth:before, #content.story .aile-com:before {
    content: "\f0e5";
    font-family: FontAwesome;
    padding-right: 0.5em; }
#content.story .rebirth {
  float: right; }
  /*contentsArea*/
#content {
  padding: 0; }
  #content #contents {
    margin: 0 auto;
    padding: 0; }
	@media screen and (min-width: 768px) {
  #content #text {
    margin: 0 20px 0 0;
    padding: 0 0 5px 0;
    font-size: 13px;
    line-height: 24px; }
	}
  #content .mb30, #content #mb30 {
    margin: 0 0 30px 0 !important;
    padding: 0; }
  #content .mt30, #content #mt30 {
    margin: 30px 0 0 0 !important; }
  #content mt30-20, #content #mt30-20 {
    margin: 30px 0 20px 0 !important; }
/*Main Title*/
/*Sub Title*/
.sub_title {
  display: block;
  margin: 10px auto;
  overflow: hidden; }
  .sub_title .aile {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat; }
    .sub_title .aile p {
      margin: 10px 0 10px 100px; }
  .sub_title .lab {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: right center; }
  .sub_title .blank {
    border: dotted 2px #333333;
    padding: 10px; }
	
	  /*Sub Title*/
  .sub_title {
    overflow: hidden; }
    .sub_title .aile {
      min-height: 100px;
      background-image: url("img/sp/aile.jpg");
      background-position: left center; }
      .sub_title .aile p {
        margin: 10px 0 10px 140px; }
    .sub_title .lab {
      min-height: 120px;
      background-image: url("img/sp/lab.jpg"); }
      .sub_title .lab p {
        margin: 10px 130px 10px 0; }
    .sub_title .blank {
      margin: 10px; }


 /*開発秘話*/
/*******************************
* 左からの吹き出し
********************************/
.left_balloon {
    position: relative;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-right: 20%;
    clear: both;
    max-width: 500px;
    float: left;
}
.left_balloon:after,
.left_balloon:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.left_balloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    margin-top: -7px;
}
.left_balloon:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}

 
/*******************************
* 右からの吹き出し
********************************/
.right_balloon {
    position: relative;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-left: 20%;
    clear: both;
    max-width: 500px;
    float: right;
}
.right_balloon:after,
.right_balloon:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.right_balloon:after {
    border-color: rgba(133, 226, 73, 0);
    border-width: 7px;
    margin-top: -7px;
	 border-left-color: #fff;

}
.right_balloon:before {
    border-color: rgba(119, 119, 119, 0);
    border-left-color: #777;
    border-width: 8px;
    margin-top: -8px;
}
 
/*******************************
* 割り込みを解除
********************************/
.clear_balloon{
  clear: both;
}

  /* --------------------------------------------------------------------------------------
  Column キレイの秘密
  --------------------------------------------------------------------------------------- */
.new_badge {background-color: #F39;color: #fff;padding: 5px 10px;margin-left:10px;display:inline-block;font-size:10px;}
.category-column.hentry.type-post .entry-content {width:100%!important;}
#column {background-image: url(img/kirei_bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
#column .column-container {background-color:#fff; margin:10px;padding:5px;}
#column h3.title {background-color:transparent!important; padding:10px;}
#column .title a{color:#fff}
/*img.img-responsive.item-image {display:none!important;}*/
  /*.postid-26648 .sidebar-box.popular-posts li:first-child{display:none;}*/
.single-post_column h3.item-body {color: #F00; margin:0.5em 0;}
li.widget_recent_entries a{
    padding: 5px 0;
    color: #777777;}

  .bc-title{padding-left:40px; }
  .bc-title a:hover{text-decoration:none}
   .wpp ol {margin-left:0;}
   .wpp li {line-height:1.0; margin-bottom:20px; /*padding-left: 50px; margin-left:-30px;*//*1em（1文字）分、右に動かす*/
    text-indent: -1em; overflow:hidden; clear:both;}
    .wpp li img{width:50px!important;}
   .wpp li .wpp-post-title{padding-left:10px;}
  .wpp a {color: #333;}
  .wpp-views {color:#999; font-size:80%}
  @media screen and (min-width: 769px){
.page-id-7668 .header-wrapper .full-bg-image {
   background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
  }
 .home #column,.archive.tag .header-wrapper, .archive.category .header-wrapper, .single-post.categoryid-2 .header-wrapper,  .single-post_column .header-wrapper{background-image: url('img/kirei_bg.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
 .archive.category.category-news .header-wrapper {background-image: url('https://deciel-shop.com/wp-content/themes/storefront-child/style.css?ver=1652265321'); }
 .archive.category.category-news .page-title-wrapper {height:0; min-height:0;}
  .archive.category.category-news .kirei-title {display:none; }
 .home.mobile #column, .page-id-7668.mobile .page-title-wrapper {background-image: url('img/kirei_bg-mob.jpg'); background-repeat: no-repeat; background-position: center top; background-size: contain;}

 #column img.title-logo{width:300px;margin-top:100px;}
.page-id-7668 img.title-logo {width:300px;}

  .page-id-7668 .page-title-wrapper {
	  padding:20px 0;
	  background-color: rgba(0, 0, 0, 0.05);
  }
  .page-title-wrapper .pickup-title {background-color:#779fd1; color:#fff;padding:10px;}
  .page-id-7668 .column-box {background-color:#ffffff;}
  .services-boxed-photo .services-box.column-content {padding:0;}
  .column-content .img {min-height:169px;}
  .column-content img.size-full {margin-top:0;}
  .entry-summary {padding:0 10px;}
  .post-title-wrapper h3.post-title {min-height:61px; padding:0; margin:5px 0;}
  .services-box.column-content .post-title-wrapper h3.post-title:after {background: #fff;}
  .column .sub_title_index h2 {
    font-size: 1.8em; }
.column_box .left_balloon { background: #f6f7e9;}
.column_box .left_balloon:after {border-right-color: #f6f7e9;}
.column_box .right_balloon { background: #d6eff1;}
.column_box .right_balloon:after {border-left-color: #d6eff1;}

  #column .new-title {width: 100px; text-align:center; background-color:#F39; color:#fff;padding:10px; margin-bottom:10px;display:block; overflow:hidden;}
	
  #contents .link {
    border-top: solid #CCC 1px; }
  #contents .link02 {
    float: left;
    font-size: 1.2em; }
  #contents .link03 {
    text-align: right;
    font-size: 1.2em; }
.column a {
  text-decoration: none; }
.column .day {
  margin-left: 0px;
  width: 320px;
  font-weight: bold;
  padding-top: 10px;
  height: auto; }
.column .day02 {
  margin-left: 20px;
  width: 320px;
  font-weight: bold;
  padding-top: 10px;
  height: auto; }
  
.post-info .post-tags {float:right !important; width:70%; margin-bottom:10px; text-align:right;}
.blog-single-post .post-tags {width: 100%; }
.category-column .post-title-wrapper {border-bottom:solid 1px #F6F6F6;}
.bullet_check.imglist, .article-box {padding:20px; background-color:#f7f7f7; }
.bullet_check.imglist a {color:#333;}
.bullet_check.imglist a:hover {color:#77ccd1;}
.sub_title h2{margin: 0.2em 0; padding:0; font-weight:bold}
.category-column hr {height:2px; background-color: #77ccd1;}
.point {border: 2px dashed #77ccd1;border-radius: 10px; padding: 10px;}
.share-title {display:none;}

/* FeedWordpress*/
.item_heading h2.item-body {border-bottom:solid 2px #77ccd1;font-weight:bold}
/*img.img-responsive.item-image {display:none;}*/


@media screen and (max-width: 768px) {
.category-column h1 {font-size:1.5em;}
.bullet_check.imglist, .article-box {padding:10px;}
.post-info .post-tags, .blog-single-post .post-tags {width:100%;}
}

/*Article summary list*/
h2.article-post {border-bottom:solid 1px #CCC;}
.article-entry {margin-bottom: 10px;display: table;}
.article-entry-thumb {
	display:table-cell;vertical-align:middle;
	
	}
.article-entry-thumb img {max-width:none;}
.article-entry-content {display:table-cell;vertical-align:middle; padding-left:10px;}
#column .article-entry-thumb.catch_that_image {width:85px; height:85px; overflow:hidden; display:block}
#column .article-entry-thumb.catch_that_image img {height:100%;}
@media screen and (max-width: 768px) {
.article-entry-thumb {vertical-align:top;}
.article-entry-content {vertical-align:top; padding-left:10px; clear:both;}
.article-entry-content h2.post-title{margin:0;}
.article-entry-content .excerpt{display:none;}
.page-title-wrapper .article-entry-thumb, .page-title-wrapper .article-entry-content {display:block;}
.page-title-wrapper .article-entry-thumb img {width:85px;height:85px;margin: 20px auto 0 auto;}
h4.article-entry-title {font-size:1.1em;line-height:1.2; font-weight:bold; }
}
/*usage*/
.usage {background-position:top left;background-repeat:no-repeat;padding:10px;color:#333;}
.usage .left_balloon {margin-left:100px;margin-top:10px; margin-bottom:20px; margin-right:0; }
.usage-content {margin-left:130px; clear:both;}
.usage-content .article-entry-thumb, .usage-content .entry-content {margin-bottom:0;vertical-align:top;}
.usage-content .article-entry-thumb img.alignnone{ margin:0 0 5px 0;}
.usage-content.cta {border:solid 1px #999; border-radius: 10px;padding:10px;min-height:70px;background-position:bottom right;background-repeat:no-repeat;background-size:contain;}
.usage-content.cta {color:#333;}
.usage-content.cta:hover {background-color: #b0e1e4; color:#fff;text-decoration:none;}
.usage a:hover {background-color: #b0e1e4; color:#fff;text-decoration:none;}
.usage-content.cta:hover .marker_red {background: #b0e1e4; color:#fff;text-decoration:none;}
@media screen and (max-width: 768px) {
.usage {background-position:top 50px left -10px; background-repeat:no-repeat;padding:10px;color:#333;}
.usage .left_balloon{margin-left:80px; margin-bottom:30px;}
.usage-content .article-entry-thumb, .usage-content .article-entry-content {display:block;clear:both;}
.usage-content {margin-left:70px; clear:both;}
.usage-content .article-entry-thumb img.alignnone,.usage-content .article-entry-thumb img{margin:0 auto;}
.usage-content.cta{margin-left:0;}
.cta-content{margin-bottom:40px;}
}
/*WP-Pagenavi*/
#content-container .wp-pagenavi span, #content-container .wp-pagenavi a {width:auto !important;height:auto!important; padding:5px 10px;}
  /* --------------------------------------------------------------------------------------
  Portfolio (how-to-use)
  --------------------------------------------------------------------------------------- */
  .pc-holder .pc-item .pg-info{background-color: #666;min-height:70px;}
  .pc-holder .pc-item .pg-img-wrapper {background-color:#666; /*height:185px;*/}
  .pc-holder .pc-item .pg-img-wrapper img{margin-top:-25%}
  #content-container .pc-item .pg-info h2 {color:#fff;}
  #content-container .pc-item .pg-info h2:after {background-color:transparent;}
  #content-container .pc-item .pg-info a {color:#fff;}
  .portfolio .blog-post-img {display:none;}
  .services-wrapper.services-fullbox {
	  background-color: #666;
    color: #ffffff;}
	/*Portfolio Slider (Ingredient)*/
#image-border {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
}
#ingredients{text-align:center;}
#ingredients .post-tags a{border:solid 1px #666;margin-bottom:5px; color:#666;}
#ingredients .post-tags a:before{content:'';margin-right:0;}
#ingredients.snow .border_top {
	padding:20% 0;
	background-image:url(img/border_02_top.png);
}
#ingredients.snow .border_bottom {
	padding:20% 0;
	background-image:url(img/border_02_bottom.png);
}

#ingredients.deciel .border_top {
	padding:20% 0;
	background-image:url(img/border_03_top.png);
}
#ingredients.deciel .border_bottom {
	padding:20% 0;
	background-image:url(img/border_03_bottom.png);
}


	.single-portfolio .page-title-wrapper, .single-portfolio .portfolio-featured {display:none;}
	.ps-wrapper {    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	}
  .ps-content{width:60%;}
  .ps-content .ingredient_purpose {padding-bottom:5px;border-bottom: solid 1px #dedede;}
   .ps-images {width:40%; }
   .ps-images img{padding:20px; opacity:1;position:relative;}

   @media screen and (max-width: 768px) {
   .ps-images {display:none; }
  .ps-content{width:100%;}
   }
   @media screen and (min-width: 769px) {
#ingredients .col-md-8 {padding-top:100px;}
#ingredients .align-middle:nth-of-type(2n+1) .col-right {position:absolute;top:25%;left: 33.33333333%;}
#ingredients .align-middle:nth-of-type(2n) .col-right {position:absolute;top:25%;}
#ingredients .align-middle:nth-of-type(2n) .col-left {float:right;}
   }

  /* --------------------------------------------------------------------------------------
  Archive Page
  --------------------------------------------------------------------------------------- */
/*Pagenation*/
#blog-pagination a {height:auto !important;}

.archive.tag .page-title {text-align:left;vertical-align:top; }
.archive.tag .page-title h1:after { background-color: #fff; }
.archive.tag .page-title-wrapper {height:0; min-height:0;}

  /* --------------------------------------------------------------------------------------
  About Us
  --------------------------------------------------------------------------------------- */
  #content h2.corp {
    width: 1000px;
    height: 70px;
    margin: 30px 0 30px 0;
    padding: 0;
    background: url(https://deciel-shop.com/wp-content/themes/storefront-child/img/title_company.png) no-repeat;
    text-indent: -9999px; }
  #content dl.corp dd {
    padding: 0 0 10px 180px; }
  /* #content iframe {
    width: 900px;
    height: 350px; }*/
   @media screen and (min-width: 769px) {
  #content dl.corp dt {width:180px;display:inline-block;}
   }
  /* --------------------------------------------------------------------------------------
  Order
  --------------------------------------------------------------------------------------- */
  #content h2.order {
    width: 1000px;
    height: 70px;
    margin: 30px 0 30px 0;
    padding: 0;
    background: url(https://deciel-shop.com/wp-content/themes/storefront-child/img/title_trade.png) no-repeat;
    text-indent: -9999px; }

  /* --------------------------------------------------------------------------------------
  Privacy
  --------------------------------------------------------------------------------------- */
  #content h4.privacy {
    width: 1000px;
    height: 70px;
    margin: 30px 0 30px 0;
    padding: 0;
    background: url(https://deciel-shop.com/wp-content/themes/storefront-child/img/title_privacy.png) no-repeat;
    text-indent: -9999px; }
  #content p.ind_pr {
    margin: 0 0 0 36px; }

  /* --------------------------------------------------------------------------------------
  Guide
  --------------------------------------------------------------------------------------- */
   #content h3.title {background-color:#77ccd1;color:#fff;}
  #content .col-md-4.nopadding h3.title {margin:0;}
   #content h3.mt30-20 {border-bottom:dotted 1px #77ccd1;}
   #content h3.mt30-20:before {content:"\f054"; color:#77ccd1;margin-right:5px; font-family:"fontawesome";}
   #c2,#c3,#c4,#c5,#c6,#c7,#c8,#f2,#f3,#f4,#f5,#f6,#affwp-login-form,#affwp-register-form, #sc2,#sc3,#sc4,#sc5,#sc6 {
    margin-top:-150px;
    padding-top:150px;
}
   #content h2.info {
    width: 1000px;
    height: 70px;
    margin: 30px 0 30px 0;
    padding: 0;
    background: url(https://deciel-shop.com/wp-content/themes/storefront-child/img/title_guide.png) no-repeat;
    text-indent: -9999px; }
	@media screen and (min-width: 768px) {
  #content #anchor ul li { width:160px; padding: 0 30px 0 14px;}
	}
  #content #anchor ul li {width: 50%;padding: 8px 0px 8px 5px;}
  #content #anchor ul li:before {display: inline-block;font-size: inherit;-webkit-font-smoothing: antialiased;content: "\f105";margin-right: .5407911001em;font-family:"fontawesome"}
  #content #anchor.faq ul li {width:33%;}
  #contentsArea .step_arr {
    width: 30px;
    height:30px;
    background-image: url(img/arrow_step.png) ; 
	background-size: contain;
	margin:10px auto;
  }
    #contentsArea .card {
    width: 230px;
    height:47px;
    background-image: url(img/card.png) ; 
	background-size: contain;
	margin:10px auto;
	text-indent:-9999px;
  }

  #content p.step_arr {
    padding: 15px 0 15px 0;
    text-align: center; }
  #content p.attention {
    font-size: 15px; }
  #content p.att_info {
    padding: 0 0 8px 15px; }
	
#content #anchor { margin: 30px 0 40px 0;padding: 0;background-color: #ebe9eb;padding: 0.1em; }
  #content #anchor ul {font-size:16px;font-weight:200;
    margin: 0;
    padding: 0; }
    #content #anchor ul:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #content #anchor ul li {
      display: block;
      margin: 0;
      float: left; }
	  #content dl.guide {margin:0;}

	@media screen and (min-width: 768px) {
		  
  #content dl.guide dd {
    padding: 0 0 10px 90px; }

#content dl.guide {
  position: relative;
  margin: 10px 0 0 0;
  padding: 0;
  border-bottom: 1px dotted #D5D5D6; }
  #content dl.guide dt {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0 0 13px 8px;
    margin: 0;
    font-size: 12px;
    font-weight: bold; }
  #content dl.guide dd {
    display: block;
    margin: 0; }
	}
#content h4.info {
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #b5b5b6;
  font-size: 14px;
  font-weight: bold; }
#content p.step_arr {
  margin: 0; }
#content p.attention {
  margin: 0 0 30px 0;
  padding: 20px;
  background: #ececec;
  text-align: center;
  line-height: 28px;
  font-weight: bold; }
  #content p.attention .red {
    color: #ff0000; }
  #content p.attention .cap {
    font-size: 13px; }
#content p.card {
  margin: 0;
  padding: 10px 0 10px 0; }
#content p.ind_info {
  margin: 0 0 0 0;
  padding: 0 0 8px 20px;
  text-indent: -20px; }
#content p.att_info {
  margin: 0;
  font-weight: bold; }

.tableList {
  border-top: 1px solid #D5D5D6;
  border-right: 1px solid #D5D5D6;
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 13px; }
  .tableList th {
    border-bottom: 1px solid #D5D5D6;
    border-left: 1px solid #D5D5D6;
    margin: 0;
    padding: 8px 5px 8px 5px;
    text-align: left;
    background: #ececec; }
  .tableList td {
    border-bottom: 1px solid #D5D5D6;
    border-left: 1px solid #D5D5D6;
    margin: 0;
    padding: 8px;
    text-align: right; }
  /* --------------------------------------------------------------------------------------
  Agreement
  --------------------------------------------------------------------------------------- */
  #content h4.agree {
    width: 1000px;
    height: 70px;
    margin: 30px 0 30px 0;
    padding: 0;
    background: url(https://deciel-shop.com/wp-content/themes/storefront-child/img/title_agreement.png) no-repeat;
    text-indent: -9999px; }

  /* --------------------------------------------------------------------------------------
  FAQ
  --------------------------------------------------------------------------------------- */
  table.faq td{background-position:top center; background-repeat:no-repeat;background-size:contain;}
  table.faq tr.qu{height:70px;}
  table.faq tr.ans{height:70px; border-bottom:solid 1px #000;}
  table.faq td.fac-icon{width:50px; }
  table.faq td.fac-content{padding-left:10px; }
  table.faq .qu td.fac-content{vertical-align:middle; }
  table.faq .qu td.fac-icon{background-image: url(img/icon_Q.png);background-position: 0 10px;}
  table.faq .ans td.fac-icon{background-image: url(img/icon_A.png); background-position: 0 10px;}
  
  #content h4.faq {
    width: 1000px;
    height: 70px;
    margin: 30px 0 30px 0;
    padding: 0;
    background: url(https://deciel-shop.com/wp-content/themes/storefront-child/img/title_faq.png) no-repeat;
    text-indent: -9999px; }
  #content #anchor_faq ul li {
    margin: 0 50px 0 0;
    background: url(img/arrow_anchor.png) 0 9px no-repeat;
    float: left; }
  #content dl.qu {
    margin: 40px 0 0 0;
    padding: 13px 0 13px 8px; 
	overflow:hidden;}
  #content dl.qu dt, #content dl.ans dt {
    width:80px;float:left; }
  #content dl.qu dd, #content dl.ans dd {margin-left:90px;}
   #anchor_faq{padding:20px 0;}
  #anchor_faq ul li {list-style:none;}

@media print{
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
  #masthead, #secondary, footer {display:none;}
  #primary {width:100% !important;}
  .clear {clear:both;}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
.col-md-4 {
    width: 33.33333333%;
}
.col-md-5 {
    width: 41.66666667%;
}
.col-md-6 {
    width: 50%;
}
.col-md-7 {
    width: 58.33333333%;
}
table {display:table;}
table th, table td {display:table-cell;}
}