/*
Theme Name: factorygear
Theme URI: http://f-gear.co.jp/
Description: FACTORY GEAR
Version: 1.1
Author: FACTORY GEAR
Author URI: http://f-gear.co.jp/
*/

@charset "UTF-8";
/*10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%*/

* { margin: 0; padding: 0; background-position: center center; border: 0;}
li {list-style:none;}

/*ブログ記事本文*/

.blog_post .body_text h1 {
	text-align: left;
	font-size: 165%;
	margin: 60px 0 22px 0;

}

.blog_post .body_text h2 {
	background-color: #e8e8ec;
	border-bottom: 3px solid #13247a;
	padding: 12px;
}

.blog_post .body_text h3 {
	background-color: #e8e8ec;
	padding: 8px 10px;
	font-size: 129%;
	border-bottom: 1px solid #13247a;
}

.blog_post .body_text h4 {
	text-align: left;
	font-size: 129%;
	border-bottom: 1px solid #13247a;
	margin: 30px 0 15px 0;
	padding: 0 0 6px 0;
}

.blog_post .body_text h5 {
	text-align: left;
	font-size: 129%;
	border-bottom: 1px solid #ccc;
	margin: 30px 0 15px 0;
	padding: 0 0 6px 0;
}

.blog_post .body_text h6 {
	text-align: left;
	font-size: 115%;
	margin: 30px 0 15px 0;
}

/*ブログ記事本文以外リセット*/

.blog_post .body_text h3.related_post_title {
	border-bottom:none;
}

.blog_post .body_text h2.st_related_product {
	border: none;
	font-size : 115%;
}

.blog_post .body_text .related_product h3 {
	background-color: #f4f4f7;
	border-bottom: none;
	padding: 0;
	font-size : 115%;
}

/*ブログ記事本文以外リセット*/

.blog_post .body_text ul li {
	list-style: disc;
	text-align: left;
	margin-left: 2em;
	font-size: 115%;
}

.blog_post .body_text ol li {
	list-style: decimal;
	text-align: left;
	margin-left: 2em;
	font-size: 115%;
}

.blog_post .body_text .wp_rp_wrap ul li {
	list-style: none;
}

.blog_post .body_text blockquote {
	padding: 1.5em;
	margin: 20px 0;
	background-color: #e8e8ec;
	border-radius: 6px;
}

a { text-decoration: none; color:#000; }
a:hover { text-decoration: none; color:#000; }
a:visited { text-decoration:none; color:#000;}
a,
a img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 1;
}


html {
	height: 100%;
}

body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", sans-serif;
	background: #f4f4f7;
	color: #000;
	font-size:14px;
	line-height:1.8;
	margin: auto;
	text-align: center;
	}

h1,h2,h3,h4,h5 {
	font-family: "Roboto", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", sans-serif;
	font-weight: 700;
}

.body_text h2 {
	font-size: 129%;
	text-align: left;
	border-bottom: 1px solid #c2a476;
	border-top: none;
	margin-top:50px;
	margin-bottom: 30px;
	padding-bottom: 8px;
}

.body_text h3 {
	text-align: left;
	margin-top: 30px;
	margin-bottom: 10px;
}

.body_text p a,
.body_text ul.itemization a {
	color: #089bd1;
}

.body_text img {
	max-width: 100%;
	height: auto;
}

.body_text .blog_archive a {
	color: #000;
}

h2.center_st {
	font-size: 240%;
	margin: 40px 0 30px 0;
	color: #13247a;
}

.blog_post .body_text h2.center_st {
	background-color: #f4f4f7;
}

h2.center_st img.icon {
	width: 44px;
	height: auto;
	margin-bottom: -20px;
}

.blog_archive h3 {
	color: #13247a;
	margin-top: 0;
}

.body_text img {
	margin: 35px 0 30px 0;
}

span.thin {
	font-weight: 100;
}

span.st_min {
	display: block;
	font-size: 40%;
	line-height: 1;
}


.gold {
	color: #c2a476;
}

hr {
    border: 0;
    height: 1px;
    background: #c7c7c7;
    margin: 50px 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.ann {
	color: #8c1010;
	font-weight: bold;
}

.body_text img.auto_img {
	width: auto;
	height: auto;
}

.itemization {
	text-align: left;
	margin-left: 20px;
}

.itemization li {
	list-style: disc;
	font-size: 115%;
}

.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}


* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

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

	二段組み

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

.half_block {
	width: 770px;
	overflow: hidden;
	text-align: left;
}

.half_block_inner {
	width: 812px;
	margin-left: -42px;
}

.half_layout {
	width: 364px;
	display: inline-block;
	vertical-align: top;
	margin-left: 42px;
}

.half_layout img {
	margin-bottom: 10px;
}

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

	よくある質問

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

.body_text .faq_layout h3 {
	margin: 10px 0 15px 0;
}

.question,
.answer {
	display: inline-block;
	width: 44px;
	height: 44px;
	border-radius: 22px;
	color: #fff;
	font-size: 125%;
	font-family: "Roboto", sans-serif;
	text-align: center;
	line-height: 2.2;
	margin-right: 10px;
	vertical-align: top;
}

.question {
	background: #13247a;
}

.answer {
	background: #c2a476;
}

.faq_text {
	width: 300px;
	display: inline-block;
	margin-top: 10px;
}

.half_block .faq_layout img {
	margin-top: 0;
}

.half_block .faq_layout {
	margin-bottom: 40px;
}


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

	インデックスページ

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

.index_layout {
	border-bottom: 1px solid #c7c7c7;
}

.index_layout a {
	display: block;
	width: 100%;
	height: 280px;
	margin: 30px 0 35px 0;
	padding-top: 80px;
	box-sizing: border-box;
	text-align: center;
}

.index_layout a span {
	display: block;
	color: #fff;
	margin: 0 auto;
}

.index_layout a span.index_bn {
	width: 256px;
	padding: 25px 0;
	background: #13247a;
}

.index_layout a span.thin {
	font-size: 198%;
	font-family: "Roboto", sans-serif;
}

.index_layout a {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.index_layout a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 1;

}

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

	コンテンツエリア

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

.column2 {
	width: 1040px;
	margin: 40px auto 0 auto;
}

.content_area {
	width: 770px;
	padding-bottom: 60px;
}

.column2 .content_area {
	float: left;
}


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

	サイドカラム

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

.side_area {
	width: 230px;
	float: right;
}

.side_area h2 {
	font-size: 100%;
	width: 100%;
	color: #fff;
	background: #13247a;
	padding: 12px 0;
	margin: 0;
}


#accordion {
    width:230px;
  text-align: left;
  color: #13247a;
}

#accordion a {
	color: #13247a;
}

#accordion dt {
  cursor:pointer;
  box-sizing: border-box;
  width: 100%;
  padding: 18px 30px 15px 15px;
  border-bottom: 2px solid #f4f4f7;
	background: url(images/common/arrow_bottom.png) no-repeat right center #fff;
  background-size: 28px 8px;
}

#accordion dd{
  display:none;
}


#accordion dd ul li{
	box-sizing: border-box;
  width: 100%;
  background: #fff;
  padding: 12px 10px 10px 25px;
  border-bottom: 2px solid #f4f4f7;
}

#accordion dd ul li.cat-item-none {
	display: none;
}

.side_banner {
	margin-top: 20px;

}

.side_banner li {
	width: 100%;
	margin-bottom: 10px;
}

.side_banner li img {
	width: 100%;
	height: auto;
}

/*検索フォーム*/

h2.search_title {
	margin-top: 20px;
}

#searchform {
	background: #fff;
	padding: 15px;
}

#searchform label {
	display: none;
}

#searchform input {
	height: 28px;
	padding: 0 10px;
	background: #13247a;
	color: #fff;
	font-size: 100%;
}

#searchform input#s {
	width: 140px;
	background: #ddd;
	padding: 0;
	background: #f4f4f7;
	color: #666;
	padding-left: 4px;
}

/*RANKING*/

.popular-posts {
	margin-bottom: 60px;
}

.popular-posts h3 {
	font-size: 100%;
	width: 100%;
	color: #fff;
	background: #13247a;
	padding: 12px 0;
	margin: 20px 0 1px 0;
}

.wpp-list {
	text-align: left;
}

.wpp-list li {
	margin: 0 0 1px 0;
	padding: 15px 15px 10px 15px;
	background: #fff;
}

.wpp-list li img {
	display: block;
	margin: 0 0 8px 0;
}

.wpp-list li a.wpp-post-title {
	color: #13247a;
	font-weight: bold;
	display: block;
}

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

	ボタン

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

.btn {
	display: block;
	background: #c2a476;
	text-align: center;
	color: #fff;
	font-weight: bold;
	width: 400px;
	margin: 0 auto;
}

.body_text .btn {
	padding: 18px 0 16px 0;
	color: #fff;
	margin: 30px auto;
}

.blog_archive_post .btn {
	padding: 8px 0 6px 0;
	font-size: 86%;
	margin-top: 10px;
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #c2a476;
}

a:hover .btn,
.btn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


a.btn_white,
.btn_white {
	background: #fff;
	color: #c2a476;
	border: 2px solid #c2a476;
	padding: 18px 0 16px 0;
	font-size: 115%;

}


a:hover.btn_white {
	background: #c2a476;
	color: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
}

input.btn_white {
	color: #c2a476 !important;
	box-sizing: border-box !important;
	margin-right: 10px !important;
	padding: 16px 0 14px 0 !important;
}

input.btn {
	display: inline-block;
}

input.btn_back {
	width: 120px;
}

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

	テーブル

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

.table_layout {
	border-collapse:collapse;
	width: 100%;
	font-size: 100%;
	text-align: left;
	border-top: 1px solid #c7c7c7;
	margin: 40px 0;
}

.table_layout td,
.table_layout th {
	border-bottom: 1px solid #c7c7c7;
	vertical-align: top;
	padding: 12px 0;
	text-align: left;
}

.table_layout th {
	color: #13247a;
	width: 160px;
	padding-right: 10px;
}


.table_layout th.year {
	vertical-align: top;
	padding-right: 0;
}

.table_layout td.month {
	width: 3.5em;
}

.table_layout td.month,
.table_layout td.event {
	vertical-align: top;
	padding-top: 18px;
}

.table_layout th.year {
	font-size: 143%;
	width: 3em;
	font-family: "Roboto", sans-serif;
	font-weight: normal;
}

.table_layout td.month {
	color: #c2a476;
	font-weight: bold;
}

.table_layout td img {
	width: auto;
	height: auto;
	margin: 0;
	margin: 20px 0 20px 40px;
}

.table_layout td img:first-child {
	margin-left: 0;
}


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

	フォーム

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


input {
	font-size: 115%;
	cursor: pointer;
}

.table_layout td input {
	height: 28px;
	border: 1px solid #e2e2e2;
	font-size: 100%;
	cursor: default;
}


.mw_wp_form_input .table_layout th {
	line-height: 2.2;
}

.mw_wp_form .table_layout th span {
	color: #8c1010;
}

.mw_wp_form .table_layout td span {
	font-size: 86%;
	margin-left: 10px;
}

.mw_wp_form_confirm .table_layout td span {
	display: none;
}

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

	ヘッダー

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

.header {
	width: 100%;
	position: relative;
  z-index: 9999;
}

.home .header {
	position: absolute;
	top:0;
}

.header h1 {
	float: left;
	margin-left: 40px;
}

.navi {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", sans-serif;
}

.home .navi,
.blog .navi,
.home .navi a,
.blog .navi a {
	color: #fff;
}

.header ul.navi {
	float: right;
	margin: 0 6px 0 0;
}

.header ul.navi li {
	display: block;
	float: left;
	border-left: 1px solid #e2e2e2;
	padding-left: 11px;
	text-align: left;
	height: 56px;
	font-weight: bold;
}

.home .header ul.navi li,
.blog .header ul.navi li {
	border: none;
	background: url(images/common/navi_border.png) repeat-y left top;
}

.header ul.navi li a {
	display: inline-block;
	padding: 16px 20px 0 0;
	color: #000;
}

.home .header ul.navi li a,
.blog .header ul.navi li a {
	color: #fff;
}

.header ul.navi li a span {
	display: block;
	color: #c2a476;
	font-size: 72%;
	margin: 2px 0 0 0;
	font-family: "Roboto", sans-serif;
	font-weight: normal;
}

.header ul.navi li a:hover {
	color: #c2a476;
}



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

	フッター

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

.footer {
	background: url(images/common/footer_logo.jpg) repeat-x center bottom fixed;
	background-size: auto 180px;;
	padding-bottom: 180px;
}

.footer_innter {
	background:#fff;
}

.footer_banner {
	padding: 25px 0;
}

.footer_banner ul li{
	display: inline-block;
	width: 198px;
	margin: 0 5px 0 4px;
}

.footer_banner ul li img {
	width: 100%;
	height: auto;
}

.footer_menu {
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}

.footer_menu_inner {
	width: 1040px;
	margin: 0 auto;
	border-left:1px solid #e2e2e2;
	overflow: auto;
}

.footer_menu ul {
	width: 172px;
	padding: 15px 12px;
	box-sizing: border-box;
	float: left;
	text-align: left;
	border-right:1px solid #e2e2e2;
	height: 200px;
}


.footer_menu ul li.footer_menu_category a {
	font-weight: bold;
	font-size: 115%;
	color: #13247a;
	display: block;
	margin-bottom: 8px;
}

.footer_content {
	width: 1040px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	font-family: "Roboto", sans-serif;
}

.footer_content .left,
.footer_content .right {
	width: 50%;
}

.footer_content .left {
	text-align: left;
	font-size: 86%;
	padding: 30px 0;
}

.footer_content .left img {
	width: 40px;
	height: auto;
	margin: 0 6px 6px 0;
}

.footer_content .right {
	text-align: right;
}

.scroll-item {
	display: none;
	position: fixed;
	bottom:190px;
	right: 20px;
	z-index: 999;
}

.scroll-item img {
	width: 44px;
	height: 44px;
}


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

	トップ　メイン

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

.top_main {
	width: 100%;
	background: #13247a;
	z-index: 1;
	line-height: 1;
}

.top_main img {
	width: 100%;
	height: auto;
	border-bottom-left-radius: 50% 80px;
	border-bottom-right-radius: 50% 80px;
}

.top_main_bottom {
	text-indent: -9999px;
	background: url(images/top/top_footer.jpg) no-repeat center center;
	background-size: cover;
	height: 380px;
}

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

	ブログ　一覧

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

.blog_archive {
	overflow: hidden;
	text-align: left;
}

.recommendposts {
	width: 100%;
	text-align: center;
	background: #13247a;
	color: #fff;
	padding-top: 40px;
}

.home .recommendposts {
	padding-top: 0;
}

.recommendposts a {
	color: #fff;
}

.blog_archive_inner {
	margin-left: -40px;
}

.recommendposts h2.center_st {
	margin-top: 30px;
	line-height: 1;
	color: #c2a476;
}

.recommendposts h3 {
	color: #fff;
}

.blog_archive_post {
	vertical-align: top;
	width: 230px;
	display: inline-block;
	text-align: left;
	margin: 0 0 40px 40px;
}



.blog_archive_post img {
	width: 100%;
	height: auto;
	margin: 0 0 6px 0;
}


.blog_archive .tag_date {
	vertical-align: text-bottom;
	font-family: "Roboto";
	font-weight: 700;
}

.blog_archive .tag_date {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	margin: 6px 0 6px 0;
}

.blog_archive .tag_date span {
	display: inline-block;
	vertical-align: text-bottom;
}

.blog_archive .main_category {
	margin-right: 5px;
	padding: 3px 4px 2px 4px;

	font-weight: normal;
	background: #c2a476;
	font-size: 86%;
	color: #fff;
	vertical-align: bottom;
	line-height: 1.0;
	display: inline-block;
}

.blog_archive .main_category span {
	display: none;
}

.blog_archive .main_category span:first-child {
	display: block;
}

.blog_archive .posted {
	text-align: right;
	font-size: 72%;
	padding-top: 4px;
	display: inline-block;
	width: 100%;
	color:#999;
}

.recommendposts .posted {
	color: #7380c1;
}

.recommendposts_bottom {
	padding-top: 40px !important;
}


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

	おすすめのコンテンツ

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

.recommendcontents {
	width: 100%;
	background: #fff;
}

.recommendcontents .content_area {
	width: 1040px;
	overflow: hidden;
	margin: 0 auto;
}

.recommendcontents ul {
	width: 1080px;
	margin: 0 0 0 -40px;
	text-align: left;
}

.recommendcontents ul li {
	width: 230px;
	text-align: left;
	display: inline-block;
	margin: 0 0 20px 40px;
	vertical-align: top;
}

.recommendcontents ul li img {
	width: 100%;
	height: auto;
}

.recommendcontents ul.onlinstore li {
	width: 500px;
	margin: 0 0 20px 40px;
	vertical-align: top;
}



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

	ブログ

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

.blog .header {
	position: absolute;
	top:0;
}


.blog_main {
	width: 100%;
	z-index: 1;
	line-height: 1;
	height: 312px;
	overflow: hidden;
	background:url(images/blog/main.jpg) no-repeat center center #13247a;
	background-size: 1600px 312px;
	position: relative;
}

.blog_main img {
	height: 312px;
	width: 1600px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -800px;
	z-index: 1;
}

.blog_main h1 {
	color: #fff;
	padding-top:  110px;
	z-index: 999;
	width: 100%;
	position: absolute;
}

.blog_main h1 span.sub {
	font-weight: normal;
	font-size: 70%;
	margin-top: 16px;
	display: block;
}

.blog_main h1 span.thin {
	display: block;
	font-size: 240%;
}

.banner_cp img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}


.blog_post h2.post_title {
	color: #000;
	font-size: 170%;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-bottom: 5px;
  box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.4);
}

.blog_post h2.post_title p {
	vertical-align: text-bottom;
	line-height: 1;
	margin-bottom: 10px;
}

.blog_post h2.post_title p span {
	color: #c2a476;
	display: inline-block;
	vertical-align: middle;
}

.blog_post h2.post_title p span.date {
	font-family: "Roboto";
}

.blog_post h2.post_title p span.main_category {
	background: #c2a476;
	color: #fff;
	font-size: 75%;
	padding: 4px 4px 4px 4px;
	vertical-align: bottom;
	margin-right: 10px;
}

.blog_post h2.post_title p.posted {
	color: #888;
	font-size: 40%;
	text-align: right;
	font-weight: normal;
	margin-top: 7px;
}

.category_tag {
	text-align: left;
}

.category_tag li {
	display: inline-block;
	background: #fff;
	border: 1px solid #c7c7c7;
	line-height: 1;
	padding: 3px 3px 3px 3px;
	font-size: 86%;
	margin: 0 3px 0 0;
}

.category_tag li.st {
	background: #13247a;
	border: none;
	color: #fff;
}

.body_text {
	margin: 30px 0;

}

.body_text p {
	text-align: left;
	font-size: 115%;
}

.body_text p.q12 {
	font-size: 100%;
}

.body_text h2.center_st {
	border-top: 1px solid #c7c7c7;
	border-bottom: none;
	text-align: center;
	padding-top: 30px;
}

.body_text .blog_archive p {
	font-size: 100%;
}

.body_text .blog_archive p.posted {
	font-size: 72%;
}

.body_text .blog_archive p.btn {
	text-align: center;
	font-size: 86%;
}


/*関連商品*/

.body_text h2.st_related_product {
	background: #c2a476;
	text-align: center;
	padding: 12px 0 8px 0;
	line-height: 1;
	color: #fff;
	margin: 30px 0 0 0;
	font-size: 115%;
}

.body_text .related_product h3 {
	color: #13247a;
}

.related_product {
	margin: 0 0 0 0;
}

.related_product_border {
	padding: 0 0 0 0;
	border-top: 1px solid #c7c7c7;
}


.related_product .left img {
	width: 230px;
	height: auto;
}

.related_product .right a {
	text-align: right;
	display: block;
	margin: 20px 0 0 0;
	color: #27a1d2;
}

.related_product .right {
	width: 520px;
}


/*ページネーション*/

.wp-pagenavi span,
.wp-pagenavi a {
	border: none !important;
	background: #fff;
	padding: 12px 16px !important;
	color: #13247a;
	font-family: "Roboto", sans-serif;
}

.wp-pagenavi span.pages {
	display: none;
}

.wp-pagenavi span.current {
	background: #13247a;
	color: #fff;
	font-weight: normal !important;
}


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

	店舗一覧

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

.shop_table {
	margin: 20px 0 ;
}

.shop_layout img {
	margin-top: 0;
}

.shop_table th {
	width: 3em;
}

.shop_table img.sns_icon {
	width: 40px;
	height: auto;
	margin: 0 10px 0 0;
}

.shop_layout .btn {
	width: 100%;
	font-size: 86%;
}



.shop_list {
	width: 770px;
	overflow: hidden;
	background: url(images/shop/shop_arrow.png) no-repeat center bottom;
	background-size: 48px 26px;
	padding-bottom: 54px;
}

.shop_list ul {
	width: 780px;
	margin-left: -10px;
}

.shop_list a li {
	width: 120px;
	padding: 6px 0;
	line-height: 1;
	float: left;
	background: #fff;
	border: 2px solid #c2a476;
	margin: 0 0 10px 10px;
	box-sizing: border-box;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.shop_list a:hover li {
	background: #c2a476;
	color: #fff;
}

.shop_layout iframe {
	width: 364px;
	height: 300px;
	margin-bottom: 10px;
}



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

	その他のページ

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

.other_content .header {
	background: #fff;
	position: relative;
	overflow: hidden;
	height: 120px;
	z-index: 9999;
}

.other_content .header .navi,
.other_content .header .navi a {
	color: #13247a;
}

.local_navi {
	background: #fff;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	overflow: hidden;

}

.local_navi_inner {
	width: 1040px;
	margin: 0 auto;
}

.local_navi h2.category_title {
	float: left;
	font-size: 200%;
	margin: 4px 0 0 0;
	line-height: 1;
	padding: 8px 0 4px 0;
	color: #13247a;
}

.local_navi ul {
	float: right;
	border-right: 1px solid #e2e2e2;
}

.local_navi ul li {
	display: block;
	float: left;
	padding: 14px 10px 12px 10px;
	border-left: 1px solid #e2e2e2;
	box-sizing: border-box;
	height: 50px;

}

.page-id-120 li.service_top,
.page-id-168 li.internal,
.page-id-172 li.oversea,
.page-id-126 li.houjin,
.page-id-133 li.deen,
.page-id-128 li.bsb,
.page-id-138 li.company_top,
.page-id-140 li.ceo,
.page-id-144 li.history,
.page-id-147 li.recruit_top,
.page-id-197 li.interview,
.page-id-150 li.entry,
.page-id-158 li.contact_top,
.page-id-161 li.media,
.local_navi ul li.current,
.local_navi ul a:hover li {
	border-bottom: 2px solid #13247a;
}

.page_title {
	color: #13247a;
	padding: 26px 0 22px 0;
	border-bottom: 1px solid #e2e2e2;
	background: #ececf0;
	font-size: 240%;
}

.other_content .content_area {
	margin: 40px auto;
}

/*スライドショー*/

.other_main {
	margin: 0;
	padding: 0;
	line-height: 1;
	margin-bottom: 40px;
}

.other_main img {
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	height: auto;
}

ul.slider {
	margin-bottom: 20px;
}

ul.slider img {
	width: 100%;
	margin: 0;
}

.slidesjs-navigation{
	display: none;
}

.slidesjs-pagination{

}
.slidesjs-pagination .slidesjs-pagination-item{
	display: inline-block;
	width: 16px;
	margin: 4px;
}
.slidesjs-pagination .slidesjs-pagination-item a{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #c2a476;
	line-height: 1;
	text-indent: -9999px;
	overflow: hidden;
}
.slidesjs-pagination .slidesjs-pagination-item a.active{
	background: #13247a;
}

/*スライドショー*/

.other_content .body_text h2.center_st {
	border: none;
}

#menu {
	display: none;
}


.navi #toggle {
	display: none;
}


/*インスタグラム instagram*/

#instafeed {
	width: 784px;
	overflow: hidden;
	text-align: left;
	word-break: break-all;
}

#instafeed li {
	width: 176px;
	display: inline-block;
	vertical-align: top;
	margin:0 20px 25px 0;
}

#instafeed li img {
	width: 176px;
	margin: 0 0 5px 0;
}

#instafeed li p {
	line-height: 2;
	height: 8em;
	overflow: hidden;
}

#instafeed li p span {
	color: #eb7070;
}

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

.toggle {
	display: block ;
	position: fixed;
	top:10px;
	right: -1px;
	z-index: 9999999;
	width: 40px;
	height: 40px;
	background: url(images/common/icon_menu.png) no-repeat;
	background-size: 39px 37px;
}

#menu {
	display: none;
	position: fixed;
	z-index: 999999;

}

.toggle.active {
	background: url(images/common/icon_close.png) no-repeat;
	background-size: 39px 37px;
}

#menu {
	width: 100%;
	top: 0;
	position: fixed;
	top:0;
	box-sizing: border-box;
	z-index: 9999;
	overflow: scroll;
	text-align: left;
	height: 100%;
}

#menu h2 {
	background: #2a3366;
	padding: 20px 12px 18px 12px;
	box-sizing: border-box;
	margin: 0;
	font-size: 1.4rem;
  border-bottom: 1px solid #000;
}

#menu h3 {
	background: #1b2350;
	padding: 16px 12px 14px 12px;
	box-sizing: border-box;
	margin: 0;
	font-size: 1.2rem;
}


#menu #accordion {
  width:100%;
  color: #fff;
}

#menu #accordion a {
	color: #fff;
}

#menu #accordion dt {
  width: 100%;
  padding: 16px 12px 14px 12px;
  border-bottom: 1px solid #2c3461;
	background: url(images/common/arrow_bottom.png) no-repeat right center #121839;
  background-size: 28px 8px;
}

#menu #accordion dd{
  display:none;
}


#menu #accordion dd ul li{
	box-sizing: border-box;
  width: 100%;
  padding: 14px 12px 12px 22px;
  border-bottom: 1px solid #2c3461;
  background: #0a0f2c;
}

.global_navi {
	background: #2a3366;
}

.global_navi li {
	width: 50%;
	border-right: 1px solid #121839;
	border-bottom: 1px solid #121839;
	display: inline-block;
	box-sizing: border-box;
  padding: 16px 12px 14px 12px;
  color: #fff;
}

a.close_btn {
	display: block;
	padding: 16px 0 14px 0;
	background: #2a3366;
	text-align: center;
	color: #fff;
}

a.close_btn span {
	padding-right: 34px;
	background: url(images/common/icon_close.png) no-repeat right center ;
	  background-size: 30px 30px;
}







html {
	font-size: 62.5%;
}

body {
	font-size: 1.2rem;
	line-height: 1.8;
}

h2 {
	font-size: 2.3rem;
	margin: 20px 0 20px 0;
}

.body_text h2 {
	margin-top: 30px;
}

.body_text h3 {
	margin-top: 15px;
}

.btn {
	width: 80%;
	box-sizing: border-box;
}

.content_area {
	width: 100%;
	padding: 0 12px 40px 12px;
	box-sizing: border-box;
}

.recommendcontents .content_area {
	width: 100%;
}

.recommendcontents ul {
	width: 100%;
}

.column2 {
	width: 100%;
}

.home .column2,
.blog .column2 {
	margin-top: 0;
}

.footer_menu_inner {
	width: 100%;
}

.footer_content {
	width: 100%;
}

.side_area {
	display: none;
}

.header .navi {
	display: none;
}

.footer_menu {
	display: none;
}

h2.center_st {
	font-size: 2.5rem;
	margin: 10px auto 20px auto;
}

.home h2.center_st {
	margin-top: 20px;
}

.home .recommendcontents h2.center_st {
	margin-top: 0;
}

.home .recommendcontents h2.center_st:first-child {
	margin-top: 20px;
}

.body_text img.auto_img {
	width: 100%;
	height: auto;
}

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

	二段組み

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

.half_block {
	width: 100%;
}

.half_block_inner {
	width: 100%;
	margin: 0;
}

.half_layout {
	width: 100%;
	display: block;
	margin-left: 0;
}



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

	よくある質問

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

.body_text h3.faq_h3 {
	margin: 10px 0 15px 0;
}

.question,
.answer {
	display: inline-block;
	width: 44px;
	height: 44px;
	border-radius: 22px;
	color: #fff;
	font-size: 125%;
	font-family: "Roboto", sans-serif;
	text-align: center;
	line-height: 2.6;
	margin-right: 10px;
	vertical-align: top;
}



.faq_text {
	width: 80%;
	display: inline-block;
	margin-top: 10px;
}

.half_block .faq_layout {
	margin-bottom: 30px;
}



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

	インデックスページ

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

.index_layout {
	margin-bottom: 30px;
}

.index_layout a {
	width: 100%;
	height: 200px;
	background-size: 550px 200px;
	padding-top: 54px;
	margin-top: 20px;
}



.index_layout a span.index_bn {
	width: 256px;
	padding: 16px 0;
	background: #13247a;
}

.index_layout a span.thin {
	font-size: 198%;
	font-family: "Roboto", sans-serif;
}



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

	テーブル

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

.table_layout {
	font-size: 1.4rem;
}

.table_layout th {
	width: 6em;
}

.table_layout th.year {
	width: 3em;
}


.table_layout td img {
	width: 32%;
	height: auto;
	margin: 6px 0 2px 2%;
}

.table_layout td img:first-child {
	margin-left: 0;
}




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

	ヘッダー

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

.header {
	position: relative;
	z-index: 99;
}

.header h1 {
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	z-index: 999;
}


.header h1 img {
	width: 61px;
	height: auto;
	position: relative;
	z-index: 999;
}



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

	トップ　メイン

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

.top_main {
	position: relative;
	height: 326px;
	overflow: hidden;
}

.top_main img {
	height: 326px;
	width: 804px;
	display: block;
	position: absolute;
	top:0;
	left: -402px;
	margin-left: 50%;
	z-index: 999999;
}

.top_main_bottom {
	background: url(images/top/top_footer.jpg) no-repeat center center;
	background-size: cover;
	height: 200px;
}


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

	フッター

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

.footer_banner {
	margin-left: 0;
	padding: 0 12px;
	border-bottom: 1px solid #e2e2e2;
	box-sizing: border-box;

}

.footer_banner ul {
	margin: 0 0 0 -12px;
	padding: 6px 0 10px 0;

}

.footer_banner ul li {
	width: 50%;
	margin: 8px 0 0 0;
	padding-left: 12px;
	box-sizing: border-box;
}

.footer_content {
	padding: 0 0 0 12px;
	box-sizing: border-box;
}

.footer_content .left {
	font-size: 0.8rem;
	width: 70%;
}

.footer_content .right {
	width: 30%;
}

.footer_content .left img {
	width: 30px;
	margin: 0 6px 0 0;
	height: auto;
}

.footer_content .right img {
	width: 90px;
	margin: 8px 0 0 0;
	height: auto;
}

.scroll-item {
	bottom:10px;
	right: 10px;
}

.scroll-item img {
	width: 30px;
	height: 30px;
}


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

	ブログ　一覧

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

.blog_archive {
	width: 100%;

	box-sizing: border-box;

}

.recommendposts {
	margin-left: 0;
	padding: 0 12px;
	padding-top: 20px;
	box-sizing: border-box;
}

.home .recommendposts {
	padding-top: 0;
}

.blog_archive_inner{
	margin: 0 0 0 -12px;

}

.blog_archive_post {
	width: 50%;
	margin: 0 0 20px 0;
	padding-left: 12px;
	box-sizing: border-box;
}


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

	おすすめのコンテンツ

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

.recommendcontents .content_area {
	width: 100%;
	padding: 0 7px;
	box-sizing: border-box;
}




.recommendcontents ul {
	width: 100%;
	margin: 0 0 0 0;

}

.recommendcontents ul li {
	width: 50%;
	margin: 0 0 20px 0;
	padding-left: 6px;
	padding-right: 6px;
	box-sizing: border-box;
}

.recommendcontents ul.onlinstore {
	padding: 7px;
	box-sizing: border-box;
}

.recommendcontents ul.onlinstore li {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

.recommendcontents .onlinstore img {
	width: 100%;
}

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

	ブログ　メイン

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

.blog_main {
	position: relative;
	height: 200px;
	overflow: hidden;
	margin-bottom: 14px;
}

.blog_main img {
	height: 200px;
	width: auto;
	margin-left: -436px;
}


.blog_main h1 {
	color: #fff;
	padding-top:  70px;
}

.blog_main h1 span.thin {
	font-size: 4.0rem;
}

.blog_main h1 span.sub {
	font-size: 1.2rem;
}

.banner_cp {
	margin-top: 0;
}

.banner_cp img {
	margin-bottom: 15px;
}

/*関連商品*/


.related_product {
	padding: 20px 0;
}

.body_text .related_product h3 {
	color: #13247a;
	margin: 0;
}

.related_product {
	margin: 0 0 0 0;
}

.related_product .left {
	width: 50%;
	padding-right: 10px;
	box-sizing: border-box;
}

.related_product .left img {
	width: 100%;
	height: auto;
	margin: 0;
}

.related_product .right a {
	margin: 10px 0 0 0;
}

.related_product .right {
	width: 50%;
	padding-left: 10px;
	box-sizing: border-box;
}

.wp-pagenavi {
	margin: 20px 0 0 0;
}


.wp-pagenavi span,
.wp-pagenavi a {

	padding: 10px 10px !important;

}

.wp-pagenavi .last,
.wp-pagenavi .first {
	display: none;
}




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

	店舗一覧

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




.shop_list {
	width: 100%;

}

.shop_list {
	margin: 0 auto;
	text-align: center;
}

.shop_list ul {
	width: 100%;
	margin: 0 auto;

}

.shop_list ul li {
	width: 30%;
	margin-left: 8px;
}



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

	フォーム

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

/*
input {
	font-size: 115%;
	cursor: pointer;
}

.table_layout td input {
	height: 28px;
	border: 1px solid #e2e2e2;
	font-size: 100%;
	cursor: default;
}


.mw_wp_form_input .table_layout th {
	line-height: 2.2;
}

.mw_wp_form .table_layout th span {
	color: #8c1010;
}

.mw_wp_form .table_layout td span {
	font-size: 86%;
	margin-left: 10px;
}

.mw_wp_form_confirm .table_layout td span {
	display: none;
}
*/

input.btn {
	display: inline-block;
	margin: 20px 0 0 0 !important;
}

input.btn_back {
	width: 120px;
	background: #fff !important;
	border: 2px solid #c2a476 !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

.table_layout td input {
	width: 100%;
	background: #ddd;
}

.page-id-150 input {
	background: #c2a476;
	border-radius: 0;
}

input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
}

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

	その他のページ

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

.other_content .header h1 {
	margin: 0;
}

.other_content .header {
	z-index: 99;
}

.other_content .header {
	height: 60px;
}

.local_navi {
	border-top: none;
}

.local_navi_inner {
	width: 100%;
}

.local_navi h2.category_title {
	display: none;
}

.local_navi ul {
	float: none;
}

.local_navi ul li {
	width: 33%;
	border-top: 1px solid #e2e2e2;
}

.local_navi ul li.b34 {
	width: 34%;
}

.local_navi ul li.b50 {
	width: 50%;
}

.local_navi ul li.b100 {
	width: 100%;
}

.local_navi ul li.current {
	border-bottom: 2px solid #13247a;
}

.page_title {
	padding: 18px 0 16px 0;
}

.other_content .content_area {
	margin: 20px auto;
}



/*スライドショー*/

.other_main ul {
	margin-bottom: 10px;
}

/*インスタグラム instagram*/

#instafeed {
	width: 100%;
	overflow: auto;
}

#instafeed li {
	width: 100%;;
	display: block;
	margin:0 0 25px 0;
}

#instafeed li img {
	width: 100%;
	margin: 0;
}

#instafeed li p {

}

#instafeed li p span {

}

.page-id-4510 h2.center_st {
	margin-top: -30px;
}

h2.center_st img.icon {
	width: 36px;
	margin: 0 0 -15px 0;
}



.button01{
  /* ブラウザ特有のスタイルを無効に */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  /* 整える */
  margin: 1em 0; /* 前後の隙間 */
  padding: 1em 8em; /* 塗りの余白 */
  font-size: 1.0em; /* フォントサイズ */
  background-color: #000053; /* 背景色 */
  color: #FFF; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 0px; /* 角の丸み */
  border: 0; /* 枠線を消す */
  transition: 0.3s; /* ホバーの変化を滑らかに */
}

/* ホバー時（カーソルをのせた時）の見た目 */
button:hover {
  background-color: #E4612F; /* 背景色 */
}