/*
Theme Name: Sporta
Theme URI: http://modernthemes.net/demo/sporta
Author: Modern Themes
Author URI: http://modernthemes.net
Description: An eCommerce WordPress theme designed to sell sporting goods and apparel.
Version: 1.30.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sporta
Domain Path: /languages/

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others. 

sporta is built with Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. and includes Simple Grid (https://github.com/ThisIsDallas/Simple-Grid) by ThisisDallas, Sequence (https://github.com/IanLunn/Sequence) by Ian Lunn, Custom Meta Boxes by WebDevStudio and Font Awesome (http://fortawesome.github.io/Font-Awesome/) by Dave Gandy. 

sporta incorporates code from GWF Options Menu by Richie KS and My Custom CSS Plugin by Salvatore Noschese - DarkWolf, 2013.  
   
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
	12.3 Slider
13.0 Skeleton
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption
{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%;
	/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll;
	/* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%;
	/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%;
	/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
	/* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box;
	/* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing: border-box;
	/* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing: border-box;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
	font-family: Helvetica, Arial, Verdana, "Microsoft JhengHei", "微軟正黑體", "PMingLiU", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a {
	outline: 0;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h1 {
	font-size: 36px;
	line-height: 38px;
}

h2 {
	font-size: 32px;
	line-height: 34px;
}

h3 {
	font-size: 26px;
	line-height: 28px;
}

h4 {
	font-size: 22px;
	line-height: 24px;
}

h5 {
	font-size: 18px;
	line-height: 20px;
}

h6 {
	font-size: 15px;
	line-height: 17px;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	background: none repeat scroll 0 0 #ededed;
	border-left: 5px solid #d2232a;
	color: #999;
	font-style: italic;
	padding: 22px 20px 1px;
	margin: 0 0 1em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%;
	/* Corrects font size not being inherited in all browsers */
	margin: 0;
	/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline;
	/* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #191919;
	background: #191919;
	box-shadow: none;
	color: #FFF;
	cursor: pointer;
	/* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button;
	/* Corrects inability to style clickable 'input' types in iOS */
	font-size: 14px !important;
	font-weight: normal !important;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	line-height: 1;
	padding: 1.25em 1.75em
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #191919;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #191919;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	/* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box;
	/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto;
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top;
	/* Improves readability and alignment in all browsers */
	width: 100%;
}

button.slider-btn {
	padding-right: 0;
}

button span {
	background: #ce232a;
	padding: 1.1em 1.25em;
	line-height: 1em;
	margin-left: 1em;
}

button.red {
	background: #ce232a;
	position: absolute;
	bottom: 20px;
	font-size: 13px;
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
}

button.red:hover {
	background: #f00;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #d2232a;
}

a:hover,
a:focus,
a:active {
	color: #ff0000;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
}

.main-navigation ul {
	list-style: none;
	margin: 7px 16px 0 0;
	padding-left: 0;
	float: right;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 8px 16px 20px;
	color: #ededed;
	font-size: 16px;
}

.main-navigation ul ul {
	background: #000;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 3.38em;
	left: -999em;
	z-index: 99999;
	text-align: left;
}

.main-navigation ul .sub-menu a {
	padding: 17px 18px;
	font-size: 13px;
}

.main-navigation .footer_nav ul ul {
	display: none;
}

.main-navigation .footer_nav ul li {
	margin: 0 30px 0 0;
}

.main-navigation .footer_nav ul a {
	padding: 0;
}

.main-navigation .footer_nav ul ul li {
	border: none;
}

.main-navigation .footer_nav ul .sub-menu a {
	font-size: 11px;
}

.main-navigation .footer_nav ul .sub-menu li {
	float: left;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li:hover a {
	color: #d2232a;
}

.main-navigation ul ul li {
	border-bottom: 1px dotted #999;
}

.main-navigation li:hover>a {
	color: #d2232a;
}

.main-navigation ul ul :hover>a {}

.main-navigation ul ul a:hover {}

.main-navigation ul li:hover>ul {
	left: auto;
}

.main-navigation ul ul li:hover>ul {
	left: 100%;
}

footer .main-navigation ul {
	float: none;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a {}

/* Small menu */
.menu-toggle,
.toggle-menu {
	display: none;
}

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

	.menu-toggle,
	.toggle-menu,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}

	.toggle-menu {
		background: none;
		line-height: 32px;
		padding: 5px 15px 0 0;
		border: none;
		float: right;
	}

	.hide-on-menu {
		display: none;
	}

	.featured-products ul li,
	.latest-products ul li {
		width: 50% !important;
	}

	/*動画*/
	.movie_index li {
		width: 50% !important;
	}
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 2em 0;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	background: none repeat scroll 0 0 #d2232a;
	color: #fff;
	float: left;
	font-size: 15px;
	font-style: italic;
	font-weight: 300;
	line-height: 15px;
	text-align: center;
	width: 49%;
}

.comment-navigation .nav-previous a,
.paging-navigation .nav-previous a,
.post-navigation .nav-previous a {
	padding: 18px 20px 20px;
	display: block;
	background: none repeat scroll 0 0 #d2232a;
}

.comment-navigation .nav-previous a:hover,
.paging-navigation .nav-previous a:hover,
.post-navigation .nav-previous a:hover {
	background: none repeat scroll 0 0 #ff0000;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	background: none repeat scroll 0 0 #d2232a;
	float: right;
	font-size: 15px;
	font-style: italic;
	font-weight: 300;
	line-height: 15px;
	text-align: center;
	width: 49%;
}

.comment-navigation .nav-next a,
.paging-navigation .nav-next a,
.post-navigation .nav-next a {
	padding: 18px 20px 20px;
	display: block;
	background: none repeat scroll 0 0 #d2232a;
}

.comment-navigation .nav-next a:hover,
.paging-navigation .nav-next a:hover,
.post-navigation .nav-next a:hover {
	background: none repeat scroll 0 0 #ff0000;
}

.meta-nav {
	color: #fff;
	font-size: 20px;
	padding: 0 5px;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.widget-area aside {
	background: #fafafa;
	border: 1px solid #ededed;
	border-radius: 6px;
	padding: 10px;
	margin-bottom: 20px;
}

.widget-title {
	font-size: 20px;
}

.widget #searchsubmit {
	display: none;
}

.widget ul {
	margin: 0;
	list-style: none;
}

#secondary .widget {
	font-size: 14px;
}

.widget input {
	width: 100%;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

.site-header {
	border-top: 6px solid #ca0102;
	background: #ca0102;
	font-size: 13px;
}

/*
.top-nav {
	width: 100%;
	text-align: right;
	padding: 12px 190px 0px 220px;
	height: 45px;
	color: #b3b3b3;
}
*/
.top-nav span {
	background: #111;
	color: #b3b3b3;
	position: absolute;
	top: 6px;
	right: 0;
	padding: 12px 10px 12px 10px;
	text-align: center;
	width: 170px;
}

.nav-container {
	text-align: right;
	float: right;
}

.socials .fa {
	color: #ccc;
	padding: 10px 6px;
}

.social-media-icons {
	text-align: right;
}

.social-media-icons li {
	padding: 5px 0;
	display: inline-block;
	float: none;
	list-style: none outside none;
	line-height: 0px !important;
}

.social-media-icons .fa {
	font-size: 1.25em !important;
	line-height: 0px !important;
	display: inline-block !important;
	-webkit-transition: background-color 500ms ease-out 1s;
	-moz-transition: background-color 500ms ease-out 1s;
	-o-transition: background-color 500ms ease-out 1s;
	transition: background-color 500ms ease-out 1s;
}

.social-media-icons .fa:hover {
	color: #D2232A;
}

.site-branding {
	overflow: hidden;
	float: left;
	margin: 6px 0 0px 4px;
}

.site-footer {
	border-top: 4px solid #d2232a;
	background: #000;
	padding: 22px 20px 30px;
	font-size: 14px;
}

.site-footer ul {
	margin: 0;
	list-style: none;
}

.site-footer h2 {
	color: #fff;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 16px;
}

.site-footer .mxj {
	color: #d2232a;
}

.site-info {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	padding-top: 10px;
}

.site-info a {
	margin: 0 16px 0 0;
}

.featured-products,
.latest-products {
	padding: 46px 15px 15px;
	text-align: center;
	position: relative;
	border-top: 3px solid #d2232a;
}

.featured-products .star-rating,
.latest-products .star-rating {
	display: none;
}

.latest-products {
	border-top: 4px solid #d2232a;
}

.featured-products ul,
.latest-products ul {
	margin: 0 -34px 0 0;
	list-style: none;
	margin: 0 -26px 0 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.featured-products ul li,
.latest-products ul li {
	position: relative;
	float: left;
	width: 25%;
	padding: 0 14px;
	box-sizing: border-box;
	display: inline-block;
}

.featured-products .movie_index li,
.latest-products .movie_index li {
	padding: 0 14px;
}

@media handheld,
only screen and (max-width: 767px) {

	.featured-products ul,
	.latest-products ul {
		margin: 0;
	}

	.featured-products,
	.latest-products {
		padding: 46px 10px 15px;
	}
}

/*--------------------------------------------------------------
動画
--------------------------------------------------------------*/
.movie_index {
	margin: 0 -34px 0 0;
	position: relative;
}

.featured-products .movie_index li {
	position: relative;
	float: left;
	width: 33.333%;
	padding: 0 34px 23px 0;
	text-align: left;
}

@media handheld,
only screen and (max-width: 767px) {
	.featured-products .movie_index li {
		padding: 0 0 14px;
	}
}

.movie_index li {
	position: relative;
	float: left;
	width: 33.333%;
	padding: 0 34px 23px 0;
	text-align: left;
}

.movie_index li a div {
	position: relative;
	text-align: center;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.movie_index li a div img {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	vertical-align: middle;
	display: inline-block !important;
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
}

.movie_index li a div img:hover {
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	transform: scale(1.07);
}

.movie_index li h3 {
	color: #444;
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin: 5px 0;
	text-align: center;
}

.head_title {
	position: absolute;
	top: 0;
	left: 0;
	background: #d2232a;
	color: #fff;
	padding: 2px 35px 5px 30px;
	letter-spacing: 0.025em;
	z-index: 100;
	font-size: 15px;
}

.front-product-image {
	position: relative;
	text-align: center;
	height: 250px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.middle-align {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.products li a div {
	overflow: hidden;
}

.products li a .attachment-post-thumbnail {
	width: auto;
	max-height: 250px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	vertical-align: middle;
	display: inline-block !important;
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
}

.products li a .attachment-post-thumbnail:hover {
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	transform: scale(1.07);
}

.featured-products h3,
.latest-products h3 {
	color: #444;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	text-overflow: ellipsis;
	marigin: -8px 0 0;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.jap_name {
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Arial", "Helvetica", sans-serif;
	margin: 10px 0;
}

h1 .jap_name {
	font-size: 16px;
}

.featured-products .price,
.latest-products .price {
	color: #404040;
	font-size: 26px;
}

.featured-ads {
	width: 100%;
	position: relative;
}

.ad {
	width: 33.33333%;
	float: left;
}

.ad img {
	width: 100%;
	display: block;
}

.home-news-section {
	width: 100%;
	position: relative;
}

.latest-story {
	width: 100%;
	height: 550px;
	padding-right: 475px;
}

.latest-story-img {
	width: 100%;
	height: 550px;
	background-size: cover !important;
	background-position: center center !important;
}

.blog-feed {
	height: 550px;
	width: 475px;
	background: #1a1a1a;
	position: absolute;
	top: 0;
	right: 0;
	padding: 30px;
	color: #b3b3b3;
	font-size: 30px;
}

.blog-feed .home-blog-article h3 {
	font-size: 13px;
}

.home-news-content {
	width: auto;
	padding-right: 500px;
	position: absolute;
	top: 50px;
	left: 50px;
	color: #fff;
}

.home-news-content h2,
.home-news-content h5 {
	text-shadow: 1px 1px 8px #000;
	-o-box-text: 1px 1px 8px #000;
	-moz-box-text: 1px 1px 8px #000;
	-webkit-box-text: 1px 1px 8px #000;
}

.home-news-content h2 {
	padding: 10px;
}

.home-news-content h5 {
	padding: 0 0 0 10px;
}

.home-news-content a {
	color: #fff;
}

.plus {
	float: left;
	overflow: visible;
	background: rgba(0, 0, 0, 0.3);
	height: 65px;
	width: 65px;
	padding-top: 18px;
	border-radius: 100px;
	text-align: center;
	margin-bottom: 40px;
	border: 2px solid #d2232a;
	cursor: pointer;
}

.blog-feed h5 {
	margin-bottom: 1em;
}

.blog-feed h3 {
	color: #666;
	margin: 13px 0 0px;
}

.blog-feed h2 {
	color: #b3b3b3;
	font-size: 19px;
	line-height: 30px;
	margin: -2px 0 3px;
}

.blog-feed p {
	font-size: 15px;
	font-weight: 400;
}

.blog-feed .fa {
	padding-left: 5px;
}

.product-archive-container {
	float: right !important;
	padding-bottom: 20px;
}

.error-404 {
	padding-top: 100px;
	min-height: 400px;
	text-align: center;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single-movie .movie_index .attachment-post-thumbnail {
	display: block;
}

.single-movie .entry-content .attachment-post-thumbnail {
	display: none;
	min-height: 215px;
	min-width: 383px;
}

.single-movie .entry-content {
	margin: 20px 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

h1.entry-title {
	font-size: 34px;
	line-height: 30px;
	font-family: "TradeGothicLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.entry-footer {
	display: none;
}

.byline {
	display: none;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.blog-archive-area article {
	border-bottom: 1px dotted #666;
	padding-bottom: 30px;
}

.blog-archive-area article img {
	width: 100%;
	margin-bottom: 10px;
}

.blog-archive-area article .entry-content {
	margin-bottom: 15px;
}

.blog-archive-area article:last-child {
	border-bottom: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	float: left;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	width: 33.2833%;
}

.comment-form-author,
.comment-form-email {
	padding-right: 0.5em;
}

.form-allowed-tags {
	display: none;
}

#reply-title,
.comment-form-comment {
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}

.comment-notes {
	font-size: 13px;
	font-style: italic;
}

.comments-area input {
	width: 100%;
}

#comments {
	border-top: 1px dotted #999;
	padding-top: 15px;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
12.3 Slider 650px--600px
--------------------------------------------------------------*/

#sequence {
	position: relative;
	height: 600px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	color: white;
	border-bottom: 3px solid #d2232a;
}

ul.sequence-canvas {
	margin: 0;
	list-style: none;
}

#sequence>.sequence-canvas {
	height: 100%;
	width: 100%;
}

#sequence>.sequence-canvas>li {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#sequence>.sequence-canvas li>* {
	position: absolute;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

#sequence .sequence-next,
#sequence .sequence-prev {
	cursor: pointer;
	display: none;
	font-size: 40px;
	font-weight: bold;
	position: absolute;
	opacity: 0.7;
	top: 43%;
	height: 64px;
	width: 40px;
	z-index: 20;
	color: #fff;
	text-align: center;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

#sequence .sequence-prev {
	left: 10px;
}

#sequence .sequence-next {
	right: 10px;
}

#sequence .sequence-next:hover,
#sequence .sequence-prev:hover {
	opacity: 1;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

#sequence .bg {
	opacity: 0;
	z-index: 1;
	position: asbolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#sequence .animate-in .bg {
	opacity: 1;
	z-index: 1;
	-webkit-transition-duration: 1.3s;
	-moz-transition-duration: 1.3s;
	-ms-transition-duration: 1.3s;
	-o-transition-duration: 1.3s;
	transition-duration: 1.3s;
}

#sequence .animate-in .bg:hover {
	-webkit-transition: ease-out all 5s;
	-moz-transition: ease-out all 5s;
	-o-transition: ease-out all 5s;
	transition: ease-out all 5s;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

#sequence .animate-out .bg {
	opacity: 0;
	z-index: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-duration: 1.3s;
	-moz-transition-duration: 1.3s;
	-ms-transition-duration: 1.3s;
	-o-transition-duration: 1.3s;
	transition-duration: 1.3s;
}

#sequence .slide-title {
	opacity: 0;
	z-index: 10;
	left: -50%;
	bottom: 45%;
	background: #d2232a;
	font-weight: 300;
	letter-spacing: -0.025em;
	-webkit-transition-duration: 1.3s;
	-moz-transition-duration: 1.3s;
	-ms-transition-duration: 1.3s;
	-o-transition-duration: 1.3s;
	transition-duration: 1.3s;
}

#sequence .slide-title h2 {
	font-family: "TradeGothicLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 63px;
	padding: 10px 30px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
}

#sequence .animate-in .slide-title {
	opacity: 0.9;
	z-index: 10;
	left: 5%;
	bottom: 45%;
	letter-spacing: -0.025em;
	-webkit-transition-duration: 1.3s;
	-moz-transition-duration: 1.3s;
	-ms-transition-duration: 1.3s;
	-o-transition-duration: 1.3s;
	transition-duration: 1.3s;
}

#sequence .animate-out .slide-title {
	opacity: 0;
	z-index: 10;
	left: 5%;
	bottom: 150%;
	width: 560px;
	letter-spacing: -0.025em;
	-webkit-transition-duration: 1.3s;
	-moz-transition-duration: 1.3s;
	-ms-transition-duration: 1.3s;
	-o-transition-duration: 1.3s;
	transition-duration: 1.3s;
}

#sequence a.slider-btn {
	opacity: 0;
	z-index: 10;
	left: 5%;
	top: 150%;
	width: auto;
	text-align: center;
	font-weight: 400;
	-webkit-transition-duration: 1.3s;
	-moz-transition-duration: 1.3s;
	-ms-transition-duration: 1.3s;
	-o-transition-duration: 1.3s;
	transition-duration: 1.3s;
}

#sequence .animate-in a.slider-btn {
	opacity: 1;
	z-index: 10;
	left: 5%;
	top: 55%;
	width: auto;
	-webkit-transition-duration: 1.3s;
	-moz-transition-duration: 1.3s;
	-ms-transition-duration: 1.3s;
	-o-transition-duration: 1.3s;
	transition-duration: 1.3s;
}

#sequence .animate-out a.slider-btn {
	opacity: 0;
	z-index: 10;
	left: 5%;
	top: 150%;
	width: auto;
	-webkit-transition-duration: 1.3s;
	-moz-transition-duration: 1.3s;
	-ms-transition-duration: 1.3s;
	-o-transition-duration: 1.3s;
	transition-duration: 1.3s;
}

/**** contact form *****/

#contactForm ul {
	list-style: none outside none;
}

ul.contact-form {
	font-size: 16px;
	margin: 0;
}

ul.contact-form li {
	list-style: none;
	display: inline-block;
}

ul.contact-form input {
	border-radius: 4px;
	width: 100%;
	padding: 5px;
}

li.contact-name {
	width: 49%;
	margin-bottom: 15px;
	margin-right: 1%;
	float: left;
}

li.contact-email {
	width: 49%;
	margin-bottom: 15px;
	float: right;
}

li.contact-comments {
	width: 100%;
}

li.contact-comments textarea {
	padding: 5px;
	border-radius: 4px;
}

input[type="submit"].contact-submit {
	border-radius: 2px;
	margin-top: 20px;
	margin-bottom: 30px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
	padding: 15px;
}

/*--------------------------------------------------------------
13.0 Skeleton
--------------------------------------------------------------*/

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tos-close span::after,
.tos-close span::before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

body {
	margin: 0px;
}

[class*='col-'] {
	float: left;
	/*padding-right: 20px; column-space */
}

.no-max {
	max-width: none !important;
}

.pad_20 {
	padding: 20px !important;
}

.grid {
	width: 100%;
	max-width: 1240px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-left: 20px;
	/* grid-space to left */
	padding-right: 0px;
	/* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */
.pad20 {
	padding: 20px;
}

@media handheld,
only screen and (max-width: 767px) {
	.pad20 {
		padding: 10px;
	}
}

.col-1-1 {
	width: 100%;
}

.col-2-3,
.col-8-12 {
	width: 66.66%;
}

.col-1-2,
.col-6-12 {
	width: 50%;
}

.col-1-3,
.col-4-12 {
	width: 33.33%;
}

.col-1-4,
.col-3-12 {
	width: 27%;
	padding: 0 20px 0 0;
}

.col-1-5 {
	width: 20%;
}

.col-1-6,
.col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 73%;
	padding: 0;
}

.original_article {
	margin: 1.5em auto 0;
}

.top_ma {
	margin: 1.5em 0 0;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

/* Pushing blocks */

.push-2-3,
.push-8-12 {
	margin-left: 66.66%;
}

.push-1-2,
.push-6-12 {
	margin-left: 50%;
}

.push-1-3,
.push-4-12 {
	margin-left: 33.33%;
}

.push-1-4,
.push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6,
.push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}

/*--------------------------------------------------------------
14.記事一覧ページ
--------------------------------------------------------------*/
.staff_post {
	margin: 0;
}

.staff_post .entry-meta {
	font-size: 13px;
	margin: 7px 0px;
}

.staff_post li {
	width: 48.5%;
	margin: 0 1.5% 1.5% 0;
	background: #fafafa;
	padding: 1.5%;
	border-radius: 6px;
	border: 1px solid #ededed;
}

.staff_post li a div {
	overflow: hidden;
}

.staff_post li a .attachment-post-thumbnail {
	margin: 0 auto;
	position: relative;
	vertical-align: middle;
	display: inline-block !important;
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
}

.staff_post li a .attachment-post-thumbnail:hover {
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	transform: scale(1.07);
}

.staff_post li dd {
	margin: 0;
}

.staff_post article .posted-on {
	margin: 0 0px 6px;
	display: block;
	font-size: 12px;
}

.staff_post article time {
	color: #333;
}

.staff_post article h1 {
	color: #d2232a;
	font-size: 18px;
	line-height: 28px;
}

.staff_post article .read_more {
	display: block;
	margin: 11px 0 0;
}

.staff_post li button {
	border: 1px solid #d2232a;
	display: block;
	background: #d2232a;
	color: #fff;
	line-height: 5px;
}

@media handheld,
only screen and (max-width: 767px) {
	.staff_post li {
		width: 100%;
		background: #ededed;
		padding: 3%;
		border-radius: 6px;
		margin: 0 0 20px;
	}

	.staff_post article h1 {
		font-size: 14px;
	}

	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		/* grid-space to left */
		padding-right: 10px;
		/* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px;
		/* column-space */
	}

	[class*='col-'] {
		padding: 0;
		margin: 0;
	}

	/* Mobile Layout */
	[class*='mobile-col-'] {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px;
		/* column-space */
		padding-bottom: 0px;
	}

	.mobile-col-1-1 {
		width: 100%;
	}

	.mobile-col-2-3,
	.mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2,
	.mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3,
	.mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4,
	.mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6,
	.mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}

	.product-archive-container {
		float: none !important;
	}

	#sequence {
		height: 400px;
	}

	#sequence .sequence-next,
	#sequence .sequence-prev {
		display: none !important;
	}

	#sequence .slide-title {
		bottom: 45%;
		width: 300px;
	}

	#sequence .slide-title h2 {
		font-size: 30px;
		line-height: 36px;
	}

	#sequence .animate-in .slide-title {
		bottom: 45%;
		left: 5%;
		width: 300px;
	}

	#sequence .animate-out .slide-title {
		bottom: 150%;
		left: 5%;
		width: 300px;
	}

	.top-nav span {
		background: none;
		color: #b3b3b3;
		padding: 12px 0px;
		top: 6px;
		width: 135px;
	}

	.featured-products ul li,
	.latest-products ul li,
	.ad {
		width: 100% !important;
	}

	/*動画*/
	.movie_index li {
		width: 100% !important;
	}

	.no-max {
		padding: 0 !important;
	}

	.blog-feed {
		position: relative;
		width: 100%;
	}

	.latest-story {
		padding-right: 0;
	}

	.home-news-content {
		padding-right: 20px;
	}
}

/*--------------------------------------------------------------
サイトトップ
--------------------------------------------------------------*/
.ad .widget_text .textwidget a {
	display: block;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.ad .widget_text .textwidget a::after {
	background: #d2232a;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	opacity: 0.85;
	-webkit-transform: skew(-45deg) scaleX(0);
	transform: skew(-45deg) scaleX(0);
}

.ad .widget_text .textwidget a:hover::after {
	-webkit-transform: skew(-45deg) scaleX(1);
	transform: skew(-45deg) scaleX(1);
	transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.ad .widget_text .textwidget a img {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.ad .widget_text .textwidget a h3 {
	position: absolute;
	top: 37%;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	color: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	font-size: 135%;
	z-index: 100;
}

.ad .widget_text .textwidget a:hover h3 {
	opacity: 1;
	padding: 14px;
	margin: 0 45px;
}

.ad .widget_text .textwidget a p {
	position: absolute;
	top: 49%;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	color: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	font-size: 80%;
	z-index: 100;
}

.ad .widget_text .textwidget a:hover p {
	opacity: 1;
	padding: 14px;
	margin: 0 45px;
}

@media handheld,
only screen and (max-width: 767px) {
	.ad .widget_text .textwidget a::after {
		-webkit-transform: skew(-45deg) scaleX(1);
		transform: skew(-45deg) scaleX(1);
		transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}

	.ad .widget_text .textwidget a p {
		opacity: 1;
		padding: 14px;
		margin: 10px 45px;
		line-height: 1.8;
		top: 45%;
	}

	.ad .widget_text .textwidget {
		border-bottom: 3px solid #d2232a;
	}

	.ad .widget_text #text-4 {
		border: none;
	}

	.ad .widget_text .textwidget a::after {
		background: #000;
		opacity: 0.6;
	}

	.ad .widget_text .textwidget a h3 {
		opacity: 1;
		padding: 14px;
		margin: 0 45px;
		top: 30%;
		font-size: 128%;
	}

	.ad .widget_text .textwidget a p {
		opacity: 1;
		padding: 14px;
		margin: 10px 45px;
		line-height: 1.8;
		top: 45%;
	}
}

/*--------------------------------------------------------------
動画
--------------------------------------------------------------*/
.movie_top iframe {
	width: 723px;
	float: left;
	height: 408px;
}

.movie_top dl {
	font-family: arial, helvetica, sans-serif;
	background: #000;
	text-align: justify;
	padding: 24px 0 0;
	height: 408px;
}

.movie_top dl dt {
	color: #d2232a;
	font-size: 50px;
	margin: 0px 30px 10px 752px;
	text-align: left;
	line-height: 1.1;
}

.movie_top dl dd {
	color: #fff;
	font-size: 16px;
	margin: 0 30px 0 752px;
}

.movie_box .content_link {
	display: none;
}

.movie_box iframe {
	width: 665px !important;
	height: 374px !important;
}

.category_28 div::before {
	content: "公式";
	background: #d2232a;
	color: #fff;
	padding: 1px 7px;
	font-size: 11px;
	position: absolute;
	top: 0;
	z-index: 100;
}

.category_27 div::before {
	content: "一般";
	background: #333;
	color: #fff;
	padding: 1px 7px;
	font-size: 11px;
	position: absolute;
	top: 0;
	z-index: 100;
}

.movie_type {
	margin: 0 0 0 20px;
}

.movie_type li {
	float: left;
}

.movie_type li a {
	display: block;
	width: 100px;
	line-height: 44px;
	margin: 0 auto;
	text-align: center;
	margin: 0 8px 0 0;
	border: 1px solid #d2232a;
}

.movie_type .active a {
	color: #fff;
	background: #d2232a;
}

.more_watch {
	display: block;
	width: 100px;
	line-height: 50px;
	color: #fff;
	background: #d2232a;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width: 960px) {
	.movie_top iframe {
		float: none;
	}

	.movie_top dl {
		height: auto;
		padding: 20px;
	}

	.movie_top dl dt {
		margin: 0 0 10px;
		font-size: 31px;
	}

	.movie_top dl dd {
		margin: 0;
	}

	.video_wrapp {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0px;
	}

	.video_wrapp iframe {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
}

/*--------------------------------------------------------------
商品トップ
--------------------------------------------------------------*/
.page_head {
	position: relative;
	overflow: hidden;
	max-height: 408px;
}

.page_head dl {
	position: absolute;
	top: 98px;
	left: 20px;
	color: #fff;
}

.page_head .back_white {
	color: #333;
}

.line-up .featured-products {
	padding: 15px;
	border: none;
}

.page_head dl dt {
	font-family: "TradeGothicLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 54px;
	padding: 14px 0 0;
}

.page_head dl dd {
	margin: -6px 0 0;
	font-size: 21px;
}

@media handheld,
only screen and (max-width: 767px) {
	.page_head img {
		display: none !important;
	}

	.page_head dl {
		color: #000;
		margin: 0 0 0 10px;
		position: static;
	}

	.page_head dl dt {
		color: #d2232a;
	}
}

/*--------------------------------------------------------------
記事下層staff_post
--------------------------------------------------------------*/
.original_article .staff_post {
	padding: 0 50px 0 0;
}

@media screen and (max-width: 960px) {
	.original_article .staff_post {
		padding: 0;
	}
}

.original_article .staff_post img {
	display: block;
}

.original_article .staff_post article h1 {
	color: #d2232a;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
}

.original_article .staff_post article .posted-on {
	margin: 7px 0 13px;
}

.staff_post .movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.staff_post .movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.post_sd h1 {
	max-width: 580px;
	margin: 50px 0 0 37px;
}

.staff_post p {
	margin: 15px 0 50px;
	text-align: justify;
}

.topmar {
	margin: 1.5em auto 0;
}

.post_sd .sd_top {
	margin: 0 37px 0;
}

@media handheld,
only screen and (max-width: 767px) {
	.post_sd h1 {
		margin: 10px 0 0 10px;
	}

	.post_sd .sd_top {
		margin: 0 10px 0;
	}
}

.post_sd p {
	line-height: 1.8;
	margin: 0 0 33px;
	text-align: justify;
}

.post_sd .sd_top img {
	float: right;
	margin: -125px 0 0;
	width: 60%;
}

@media screen and (max-width: 960px) {
	.post_sd .sd_top img {
		display: block;
		float: none;
		margin: 0;
		width: 100%;
	}

}

.post_sd .sd_top>div {
	width: 38%;
	float: left;
	text-align: justify;
	margin: 26px 0 0;
}

@media screen and (max-width: 960px) {
	.post_sd .sd_top>div {
		width: 100%;
		float: none;
	}
}

.post_sd .sd_top dl {
	margin: 0 0 30px;
}

.post_sd .sd_top dl dt {
	margin: 0 0 8px;
}

.post_sd .sd_top dl dd {
	display: block;
	float: left;
	width: 38px;
	margin: 0 1px 0 0;
}

.post_sd .sd_top dl dd img {
	width: 38px;
	float: none;
	margin: 0 10px 0 0;
}

.post_sd .sd_box {
	clear: both;
	margin: 20px 0;
	position: relative;
	border-top: 3px solid #d2232a;
}

.post_sd .main_img {
	float: left;
}

.post_sd .flat_list {
	margin: 0;
}

.post_sd .flat_list li {
	position: relative;
	float: left;
	width: 25%;
	padding: 17px;
}

.post_sd .flat_list li a {
	overflow: hidden;
}

.post_sd .flat_list li img {
	width: auto;
	max-height: 500px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	vertical-align: middle;
	display: inline-block !important;
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
}

.post_sd .flat_list li a h3 {
	color: #444;
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.post_sd .performance p {
	margin: 22px 0 46px;
}

.post_sd .performance li {
	position: relative;
	float: left;
	width: 50%;
	padding: 20px;
}

.post_sd .performance li img {
	width: auto;
	max-height: 500px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	vertical-align: middle;
	display: inline-block !important;
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
}

.graylayer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.7;
	filter(alpha=70);
	z-index: 101;
}

.window {
	display: none;
	position: fixed;
	top: 50%;
	left: 47.5%;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
	color: #fff;
	z-index: 20;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	z-index: 1000;
}

.close {
	position: absolute;
	top: 11px;
	right: 11px;
	z-index: 100;
}

@media handheld,
only screen and (max-width: 767px) {
	.grid-pad {
		padding: 0 10px;
	}
}

/*--------------------------------------------------------------
スタッフ記事サイドバー
--------------------------------------------------------------*/
.widget #npcatch li {
	margin: 13px 0;
}

.widget #npcatch li::after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.widget #npcatch li a {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
	line-height: 0;
}

.widget2 #npcatch li .title {
	text-align: justify;
	display: block;
}

.widget #npcatch li .title a {
	float: none;
	margin: 0;
	line-height: 1.9;
}

/*--------------------------------------------------------------
動画下層
--------------------------------------------------------------*/
.movie_box p {
	margin: 3px 0;
	line-height: 1.8;
}

.movie_box .movie_out {
	margin: 15px 0;
}

.movie_box .entry-content {
	margin: 20px 0;
}

/*--------------------------------------------------------------
ウェビックで購入ボタン
--------------------------------------------------------------*/
.webike_shopping {
	display: block;
	width: 334px;
	height: 98px;
	text-indent: -9999px;
	background: url(/wp-content/uploads/webike_btn.png) no-repeat 40px 17px;
	margin: 16px 0;
	border: 1px solid #ccc;
	border-radius: 7px;
	margin: 16px auto 50px;
}

/*--------------------------------------------------------------
スコーピオンヒストリーページ
--------------------------------------------------------------*/

.what_scorpion {
	margin: 20px auto;
	padding: 0 20px;
}

@media handheld,
only screen and (max-width: 767px) {
	.what_scorpion {
		padding: 0 10px;
	}
}

.what_scorpion section {
	margin: 0px 0px 20px;
	text-align: justify;
}

.what_scorpion section dl {
	margin: 0px 553px 0 0;
	padding: 0;
	text-align: justyfy;
	letter-spacing: 1px;
}

.what_scorpion section img {
	display: block;
	max-width: 522px;
}

.what_scorpion section.imgl img {
	float: left;
}

.what_scorpion section.imgl dl {
	margin: 0px 0 0 542px;
}

.what_scorpion section.imgr img {
	float: right;
}

.what_scorpion section.imgr dl {
	margin: 0px 542px 0 0;
}

.what_scorpion section dl dt {
	font-size: 19px;
	margin: 0px 0px 13px;
	font-weight: bold;
}

.what_scorpion section dl .mark_type {
	color: #d2232a;
	font-size: 32px;
	font-weight: bold;
	font-family: "TradeGothicLTStd", "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	letter-spacing: 0;
	margin: 0 0 4px;
}

.what_scorpion section dl dd {
	margin: 0px;
	line-height: 1.8;
}

@media screen and (max-width: 960px) {
	.entry-content .what_scorpion section {
		text-align: center;
		overflow: hidden;
	}

	.entry-content .what_scorpion section img {
		display: block;
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.entry-content .what_scorpion section dl {
		margin: 0;
		padding: 32px 0 10px;
	}

	.entry-content .what_scorpion section dl .mark_type {
		margin: 0 0 1px;
	}

	.entry-content .what_scorpion section dl dd {
		text-align: left;
	}
}

@media handheld,
only screen and (max-width: 767px) {
	.what_scorpion section dl .mark_type {
		font-size: 30px;
	}
}

/*--------------------------------------------------------------
業販
--------------------------------------------------------------*/
.b_bt {
	background: #ce232a;
	bottom: 20px;
	font-size: 15px;
	color: #fff;
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
	display: block;
	width: 40%;
	margin: 30px auto;
	text-align: center;
	line-height: 68px;
}

.b_bt:hover {
	background: #f00;
	color: #fff;
}

@media screen and (max-width: 960px) {
	.post_sd .flat_list li {
		position: relative;
		float: left;
		width: 50%;
		padding: 17px;
	}
}

@media handheld,
only screen and (max-width: 767px) {
	.post_sd .main_img {
		float: none;
	}

	.post_sd .sd_concept {
		margin: 20px 0 50px;
	}

	.post_sd .flat_list li {
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
	}

	.post_sd .performance p {
		margin: 12px 0 46px;
	}
}

/*--------------------------------------------------------------
プライバシーポリシー
--------------------------------------------------------------*/
.kiyaku h2 {
	margin: 0 0 26px;
}

.kiyaku h3 {
	font-size: 19px;
	margin: 37px 0 0 !important;
}

.kiyaku p {
	margin: 0 0 9px;
}

/*--------------------------------------------------------------
ぱんくず
--------------------------------------------------------------*/
.breadcrumbs {
	font-size: 12px;
	color: #FFF;
	background: #000;
	padding: 16px;
	border-top: 4px solid #d2232a;
}

.breadcrumbs span {
	margin: 0 2px;
}

/*--------------------------------------------------------------
C購入
--------------------------------------------------------------*/
.customer .page_head dl h1 {
	display: inline;
}

.customer .page_head img {
	display: block;
}

.customer .webike_content {
	text-align: center;
	margin: 50px 0;
}

.customer .webike_content img {
	display: block;
	margin: 30px auto 18px;
}

.customer .webike_content h3 {
	font-size: 26px;
}

.customer .webike_content .b_deal {
	font-size: 18px;
	color: #8C8C8C;
	margin: 24px auto 18px;
}

.customer .webike_content ul {
	margin: 0 auto;
	width: 1302px;
}

.customer .webike_content ul li {
	float: left;
	width: 420px;
	height: 116px;
	border-radius: 4px;
	border: 1px solid #000;
	background: #fff;
	margin: 0 14px 0 0;
}

.customer .webike_content ul li dl dt {
	color: #004270;
	font-size: 21px;
	margin: 16px 0 10px;
}

.customer .webike_content ul li dl dd {
	font-size: 12px;
}

.customer .webike_content p {
	margin: 21px auto 18px;
}

.customer .customer_read p {
	max-width: 960px;
	margin: 25px auto;
	text-align: left;
	line-height: 1.8;
	font-size: 13px;
	padding: 0 10px;
}

@media handheld,
only screen and (max-width: 767px) {
	.customer .webike_content h3 {
		font-size: 22px;
	}

	.customer .webike_content {
		background: #eeeeee;
		padding: 20px 0;
	}
}

/*--------------------------------------------------------------
B購入
--------------------------------------------------------------*/
.business .page_head dl h1 {
	display: inline;
}

.business .webike_content {
	text-align: center;
	background: #eeeeee;
	padding: 38px 10px;
}

.business .webike_content img {
	display: block;
	margin: 30px auto 18px;
}

.business .webike_content h3 {
	font-size: 26px;
	margin: 12px 0 0;
	line-height: 1.2;
}

.business .webike_content .b_deal {
	font-size: 18px;
	color: #8C8C8C;
	margin: 23px auto;
}

@media handheld,
only screen and (max-width: 767px) {
	.business .webike_content h3 {
		font-size: 20px;
	}

	.business .webike_content .b_deal {
		font-size: 12px;
	}
}

.business .webike_content ul {
	margin: 0 auto;
}

.business .webike_content ul li {
	max-width: 420px;
	border-radius: 4px;
	border: 1px solid #000;
	background: #fff;
	margin: 0 auto 10px;
	padding: 0 10px;
}

.business .webike_content ul li dl dt {
	color: #004270;
	font-size: 21px;
	margin: 20px 0 10px;
}

.business .webike_content ul li dl dd {
	font-size: 12px;
	margin: 0 0 29px;
	display: block;
	text-align: left;
}

.business .webike_content p {
	margin: 21px auto 0px;
}

.business .business_read p,
.business .ts_read {
	max-width: 720px;
	margin: 30px auto;
	line-height: 1.8;
	font-size: 13px;
	text-align: left;
}

/*動画レスポンシブ*/
.movie_out {
	max-width: 660px;
}

.movie_in {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.movie_in iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.sd_movie {
	padding: 60px 37px 20px 37px;
}

@media handheld,
only screen and (max-width: 767px) {
	.sd_movie {
		padding: 60px 10px 10px;
	}
}

.sd_movie .movie_out {
	max-width: 754px;
}

.sd_movie .movie_out .movie_bt {
	background: #191919;
	bottom: 20px;
	font-size: 15px;
	color: #fff;
	-webkit-transition: ease-in-out all 0.2s;
	-moz-transition: ease-in-out all 0.2s;
	-o-transition: ease-in-out all 0.2s;
	transition: ease-in-out all 0.2s;
	display: block;
	width: 40%;
	margin: 30px auto;
	text-align: center;
	line-height: 68px;
}

.sd_movie .movie_out .movie_bt:hover {
	background: #000;
	color: #fff;
}

/* 將此 CSS 添加到您的 style.css 或主題自訂器的額外 CSS 中 */
.quick-links-wrapper {
    display: flex; /* 啟用 Flexbox */
    justify-content: space-between; /* 均勻分佈空間 */
    gap: 0px; /* 區塊之間的間距 */
}

.quick-link-item {
    width: 33.33%; /* 每個區塊佔三分之一寬度 */
    text-align: center;
    overflow: hidden;
}

.link-image-container {
    margin: 0;
    padding: 0;
    line-height: 0; /* 消除圖片底部的多餘空間 */
}

.quick-link-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease; /* 添加懸停效果 */
}

/* PC 端懸停效果 */
.quick-link-item a:hover img {
    transform: scale(1.05);
	opacity: 0.7;
}

/* 手機版 (響應式設計) */
@media (max-width: 768px) {
    .quick-links-wrapper {
        flex-direction: column; /* 在小螢幕上垂直排列 */
    }
    .quick-link-item {
        width: 100%;
        margin-bottom: 10px;
    }
}

.line-height-0{
	line-height: 0!important;
}

.model-choice-table{
	width:70%;
}

.model-choice-table table tr td,
.model-choice-table table tr th{
	outline:1px solid #000;
	text-align: center;
}

.model-child-links{
	display: flex;
	flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    justify-content: center;
    margin: 0 auto; 
}

.model-child-item{
	width: 20%;
    color: white;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
}

.model-child-item img {
	border: 1px solid #000;
}

.model-child-item a{
	color: black;
	text-decoration: none;
}

.model-child-item a:hover{
	opacity: 0.5;
}

@media (max-width: 768px) {
    .model-child-links {
        flex-direction: column;
        gap: 10px;
    }
    .model-child-item {
        width: 100%;
        flex: auto;
    }
}

/* 頁尾主要容器樣式 */
.site-footer {
    background-color: #f7f7f7; /* 淺灰色背景 */
    color: #333;
    padding: 40px 0;
}

/* 內層容器，限制寬度並置中 */
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex; /* 啟用 Flexbox */
    gap: 40px; /* 區塊之間的間距 */
}

/* 品牌資訊區塊 (左側，佔比較大空間) */
.footer-info {
    flex-basis: 300px; /* 給予固定基礎寬度 */
    flex-shrink: 0; /* 不允許在空間不足時收縮太多 */
}

.footer-logo img {
    max-width: 150px;
    height: auto;
    margin-bottom: 10px;
}

.footer-info p, .footer-info address {
    margin: 5px 0;
    line-height: 1.5;
    font-style: normal; /* 讓 address 標籤的字體不傾斜 */
    font-size: 14px;
}

/* 連結群組容器 (右側所有連結欄位) */
.footer-links-group {
    display: flex;
    flex-grow: 1; /* 讓這塊佔滿剩餘所有空間 */
    justify-content: space-between; /* 均勻分佈四個連結欄位 */
    gap: 20px;
}

/* 每個連結欄位 */
.footer-col {
    /* 讓每個欄位平均分配寬度 */
    flex: 1 1 0; 
    min-width: 120px; /* 避免在較窄的螢幕上過度壓縮 */
}

.footer-col h3 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}

.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col li {
    margin-bottom: 8px;
}

.footer-col a {
    color: #555;
    text-decoration: none;
    font-size: 14px;
}

.footer-col a:hover {
    color: #007bff;
    text-decoration: underline;
}

/* 手機響應式設計：將所有欄位垂直堆疊 */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        gap: 30px;
    }

    .footer-links-group {
        flex-wrap: wrap; /* 讓連結欄位自動換行 */
    }

    .footer-col {
        flex: 1 1 45%; /* 嘗試每行顯示兩個欄位 */
    }
}

	.entry-content .options-container {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-bottom: 20px;
	}

	/* 按鈕基本樣式 */
	.entry-content .color-btn {
		padding: 10px 20px;
		border: 1px solid #000000;
		background-color: #fff;
		cursor: pointer;
		font-size: 16px;
		transition: all 0.2s;
		color: #000;
	}

	/* 選中狀態樣式 */
	.entry-content .color-btn.active {
		border: 1px solid #ccc;
		color:#707070;
		outline: none;
	}

	.entry-content hr { border: 0; border-top: 1px solid #000000; margin: 20px 0; }

	/* 資訊顯示區 */
	.entry-content .info-row { margin: 15px 0; font-size: 18px; }
	.entry-content .label { font-weight: bold; }

	/* 購買按鈕 */
	.entry-content #buy-link {
		display: inline-block;
		background-color: #ff2f18;
		color: white;
		text-decoration: none;
		padding: 15px 60px;
		font-size: 20px;
		border-radius: 4px;
		margin-top: 10px;
	}