@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common.css
 Style : common
================================================================= */

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

		RESET CSS

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

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #333332;
	font-size: 15px;
	line-height: 1.7;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
table {
	table-layout: fixed;
}
table td img {
	max-width: 100% !important;
	height: auto !important;
}
.ColImg td img {/* resize用 */
	max-width: inherit !important;
}
pre {
	margin: 0;
	padding: 0;
	white-space: pre-line;
}
b, strong {
	font-weight: bold;
}
u {
	text-decoration: line-through;
}
img {
	height: auto !important;
}
small {
	font-size: 80%;
}
hr {
	border: none;
	height: 0;
	border-bottom: 1px dashed #B7B7B7;
}
span {
	font-weight: inherit;
}
/* ----------------------------------------------------------

		Bxi Reset

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

/* sitemap */
.map {
	margin: 56px 20px 0;
}
.map li {
	border-left: 5px solid #393939;
	list-style: none;
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	text-align: left;
}
/* policy */
.policy h3 {
	border-bottom: 2px solid #BBBBBB;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0 0 5px;
}
.policy p {
	margin: 0 0 20px;
}
/* input */
input[type="button"] {
	cursor: pointer;
	padding: 5px 10px;
}
/* ----------------------------------------------------------

		Layout Structure

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

.inner {
	margin: 0 auto;
	max-width: 1000px;
}
#contents_wrap, header#global_header, footer#global_footer {
	min-width: 1000px;
	position: relative;
	z-index: 1;
}
#contents_wrap {
	overflow: hidden;
}
#contents {
	padding: 0 0 70px;
}
.ColLeft {
	float: left;
}
.ColRight {
	float: right;
}
/* ----------------------------------------------------------

		Header

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

header#global_header {
	border-bottom: 1px solid #DCDCDC;
	clear: both;
	text-align: center;
	width: 100%;
	position: relative;
	z-index: 2;
}
#h1wrap {
	background: url(../images/common/bg-h1.png) repeat center top;
	color: #FFFFFF;
}
#h1wrap h1 {
	font-size: 13px;
	margin: 0 auto;
	max-width: 1000px;
	padding: 5px 0;
	text-align: left;
}
#h1wrap p {
	font-size: 13px;
	margin: 0 auto;
	max-width: 1000px;
	padding: 5px 0;
	text-align: left;
}
#headerinner {
	padding: 20px 0;
	position: relative;
	z-index: 5000;
}
#logo_wrap {
	float: left;
}
#siteID {
	margin: 5px 0 0;
}
#menu_btn {
	display: none;
}
.tel_wrap {
	float: right;
}
.tel_wrap p {
	width: 47.52%;
}
.tel_wrap .tel_souka {
	float: left;
}
.tel_wrap .tel_hibarigaoka {
	float: right;
}
#gnavi {
	padding-bottom: 18px;
}
#gnavi ul {
	max-width: 1000px;
	margin: 0 auto;
}
#gnavi li {
	float: left;
	line-height: 0;
}
#gnavi li.gnavi01 {
	width: 12.9%;
}
#gnavi li.gnavi02 {
	width: 19.5%;
}
#gnavi li.gnavi03 {
	width: 15.2%;
}
#gnavi li.gnavi04 {
	width: 18.5%;
}
#gnavi li.gnavi05 {
	width: 15.2%;
}
#gnavi li.gnavi06 {
	width: 18.7%;
}
#gnavi li img {
	vertical-align: bottom;
}
#mainArea {
	border-top: 1px solid #DCDCDC;
	position: relative;
}
#mainArea figure {
	background: url(../images/common/mainimg_bg.jpg) no-repeat center top #FEEACF;
}
#slider {
	margin: 0 auto !important;
	max-width: 660px;
	text-align: center !important;
}
#bx-pager {
	width: 660px;
}
}
.bx-wrapper .bx-controls-direction a {
	height: 35px !important;
	margin-top: -17px !important;
	width: 20px !important;
}
.bx-wrapper .bx-prev {
	background: url(../images/common/arrow_left.png) no-repeat left top !important;
	left: -30px !important;
}
.bx-wrapper .bx-next {
	background: url(../images/common/arrow_right.png) no-repeat left top !important;
	right: -30px !important;
}
/* ----------------------------------------------------------

		Footer

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

footer#global_footer {
	text-align: center;
	width: 100%;
}
#pagetop {
	border-bottom: 5px solid #FF9600;
}
#footerinner {
	padding: 30px;
}
#footerlogo {
	float: left;
}
#fnavi {
	margin: 0 auto;
	max-width: 1000px;
	position: relative;
	overflow: hidden;
}
#fnavi ul {
	position: relative;
	left: 50%;
	float: left;
}
#fnavi li {
	float: left;
	padding: 0 15px;
	margin-bottom: 10px;
	line-height: 1.1;
	position: relative;
	border-right: 1px solid #333332;
	left: -50%;
	font-size: 12px;
}
#fnavi li a {
	color: #333332;
	text-decoration: none;
}
#fnavi li a:hover {
	color: #FF4B4B;
	text-decoration: underline;
}
#fnavi li:last-child {
	border: none;
}
#copyright {
	background: #FF9600;
	padding: 5px 0;
	color: #FFFFFF;
	margin-top: 20px;
}
/* ----------------------------------------------------------

		Side

---------------------------------------------------------- */
.bnr_online_wrap {
	border: 1px solid #CC0001;
	-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;
}
.bnr_online_wrap:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.bnr_online_wrap p {
	padding: 10px;
}
.bnr_online_wrap .title {
	background: #CC0001;
}
.side_title {
	border-bottom: 1px solid #EEEEEE;
	padding: 0 0 12px;
	text-align: left;
}
.cartpoint {
	position: relative;
}
.cartpoint:after {
	content: " ";
	background: url(../images/common/img_cart.png) no-repeat right top;
	position: absolute;
	top: 50%;
	right: 0;
	height: 42px;
	width: 40px;
	margin: -21px 0 0;
	z-index: -1;
}
#side_brand_list li {
	background: url(../images/common/icon_search_green.png) no-repeat left 2px;
	min-height: 20px;
	margin: 15px 0 0;
	padding: 0 0 0 28px;
	text-align: left;
}
#side_brand_list li:nth-child(even) {
	background: url(../images/common/icon_search_yellow.png) no-repeat left 2px;
}
#side_brand_list li a {
	color: #202020;
	text-decoration: none;
}
#side_brand_list li a:hover {
	color: #0C9261;
	text-decoration: underline;
}
.side_bnr {
	margin: 40px auto 0;
}
#side_category {
	margin: 10px 0 0;
	font-size: 13px;
	text-align: left;
}
#side_category li {
	background: url(../images/common/icon_square_green.png) no-repeat 3px 6px;
	padding: 0 0 0 20px;
}
#side_category li a {
	border: none;
	color: #269D72;
	text-decoration: none;
}
#side_category li a:hover {
	border: none;
	color: #76d8b4;
}
#side_category li a:hover {
	text-decoration: underline;
}
#side_category li ul {
	margin: 0;
}
#side_category li ul li {
	background: url(../images/common/icon_circle.png) no-repeat left 8px;
	padding: 0 0 0 10px;
}
#side_category li ul li a {
	color: #202020;
}
/* ----------------------------------------------------------

		COMMON COSTOM STYLE

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

/* anchor */
.anc li {
	float: left;
	margin-left: 10px;
	white-space: nowrap;
}
.anc a {
	background: #FEA31C;
	border-radius: 0 0 3px 3px;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
}
.anc a:hover {
	background: #FEC21F;
}
.tablelist td {
	background: url(../images/common/icon_bread04.png) no-repeat left 14px;
	border-bottom: 1px dashed #704C37 !important;
	font-size: 18px;
	line-height: 1.5;
	padding: 10px 0 10px 20px !important;
}
/* a block button */
.btn a {
	background: #DDA0DD;
	color: #FFFFFF;
	display: block;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
}
.btn a:hover {
	background: #edc4ed;
}
/* bread list */
#bread {
	float: right;
}
#bread li {
	background: url(../images/common/icon_arrow_bread.png) no-repeat 6px 2px;
	float: left;
	font-size: 11px;
	line-height: 1.2;
	padding: 0 0 0 15px;
	text-align: left;
}
#bread li.home {
	background: none;
	padding: 0;
}
#bread li a {
	color: #755839;
	text-decoration: none;
}
#bread li a:hover {
	color: #BF3848;
}
/* box design */
.box01 {
	border: 3px solid #EAEAEA;
}
.box02 {
	border: 1px solid #D3D3D3;
}
/* table td design */
.tdbb01 td {
	padding: 5px 0 !important;
	border-bottom: 1px dashed #C4C4C4 !important;
}
.tdbb02 td {
	padding: 20px 20px 20px 0 !important;
	border-bottom: 1px dashed #808080 !important;
}
/* border style */
/* border-top */
.bt01 {
	border-top: 1px dashed #2EA078 !important;
}
/* border-left */
.bl01 {
	border-left: 2px solid #FFFFFF !important;
}
/* border-bottom */
.bb01 {
	border-bottom: 1px solid #E1E1E1;
}
/* img border */
.border01 img {
	border: 1px solid #9E876C;
	padding: 3px;
}
.border02 img {
	border: 3px solid #FFFFFF !important;
	box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.6 );
	-webkit-box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.6 );
	-moz-box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.6 );
}
/* box shadow */
.boxshadow01 {
	box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.3 );
	-webkit-box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.3 );
	-moz-box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.3 );
}
/* text shadow */
.textshadow01 {
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1);
}
.imgW100 img {
	width: 100% !important;
}
/* ----------------------------------------------------------

		Shop Style

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

h2.title_h2 {
	background: none !important;
	border-top: 3px solid #051D82;
	border-bottom: 1px solid #051D82;
	color: #051D82;
	font-size: 20px !important;
	line-height: 1.3;
	margin: 0 0 20px !important;
	padding: 10px !important;
}
h2.title_h2 span {
	border: none !important;
	padding: 0 !important;
}
ul.item_list li {
	margin-bottom: 10px !important;
}
ul.item_list li h3.title_h3 {
	font-size: 18px !important;
}
.btn_cart a {
	background: url(../images/common/ico_cart_w.png) no-repeat 10px 12px #051D82 !important;
	background-size: 30px auto !important;
	color: #FFFFFF !important;
	display: block !important;
	padding: 10px 10px 10px 50px !important;
	width: 100% !important;
}
.btn_cart a:hover {
	background: url(../images/common/ico_cart_w.png) no-repeat 10px 12px #4C60A9 !important;
	background-size: 30px auto !important;
}
.sort_catalog {
	margin: 0 -2.83% 20px 0 !important;
	width: auto !important;
}
.sort_catalog_box {
	padding: 0 !important;
	margin: 0 2.83% 0 0 !important;
	width: 30.49% !important;
}
#item_pager {
	width: 100% !important;
}
/* ----------------------------------------------------------

		Page Style

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

/* common */
.abtn a {
	background: #FF4B4B;
	display: block;
	color: #FFFFFF;
	font-size: 18px;
	padding: 11px;
	text-align: center;
	text-decoration: none;
	max-width: 400px;
	margin: 0 auto;
}
.abtn a:hover {
	background: #FF9393;
}
.abtn a img {
	vertical-align: middle;
}
/* index */
.top_hatena_wrap {
	position: relative;
}
#deco_notebook, #deco_pencil {
	position: absolute;
	top: 0;
	z-index: 999999;
}
#deco_notebook {
	left: -325px;
}
#deco_pencil {
	right: -164px;
}
.top_hatena {
	position: relative;
}
.top_hatena_title {
	font-size: 30px;
}
.top_hatena_title span {
	background: url(../images/common/marker_yellow.png) repeat-x left bottom;
}
.top_hatena .ColLeft, .top_hatena .ColRight {
	background: url(../images/common/bg_hougan_blue.png) repeat left top;
	border: 1px solid #D7D7D7;
	box-shadow: rgb(210, 227, 229) 0px 0px 0px 5px inset;
	-webkit-box-shadow: rgb(210, 227, 229) 0px 0px 0px 5px inset;
	-moz-box-shadow: rgb(210, 227, 229) 0px 0px 0px 5px inset;
	padding: 35px;
}
.top_hatena_sub h3 {
	color: #2048b0;
	font-size: 23px;
	letter-spacing: -1px;
	line-height: 1.3;
}
#koukousei1 {
	position: absolute;
	margin: 0 0 0 -87px;
	bottom: 0;
	left: 50%;
}
.top_box td {
	padding: 20px 30px !important;
}
.top_box td.image {
	padding: 0 !important;
}
.top_hatena_title2 h2 {
	font-size: 24px;
}
.top_hatena_title2 span {
	background: url(../images/common/marker_yellow.png) repeat-x left bottom;
}
.top_hajimeyou {
	position: relative;
}
#orange_naname {
	background: url(../images/common/bg_checker_orange.png) repeat left top;
	position: absolute;
	height: 400px;
	width: 1000%;
	top: 450px;
	left: 0;
	margin: 0 0 0 -250%;
	transform: rotate(12deg);
	z-index: -1;
}
#yellow_naname {
	background: #FEEF8D;
	position: absolute;
	height: 400px;
	width: 1000%;
	top: 0;
	left: 0;
	margin: 0 0 0 -250%;
	transform: rotate(-15deg);
	z-index: -1;
}
.top_hajimeyou .hajimeyoubox {
	position: relative;
}
.top_hajimeyou .cont {
	padding: 30px;
	width: 70%;
}
.top_hajimeyou .img {
	min-height: 100% !important;
	height: 100% !important;
	width: 30%;
	position: absolute;
	top: 0;
}
.top_hajimeyou .odd .cont {
	background: #FFFFFF;
	float: left;
}
.top_hajimeyou .even .cont {
	background: #EAEAEA;
	float: right;
}
.top_hajimeyou .odd .img {
	right: 0;
}
.top_hajimeyou .even .img {
	left: 0;
}
.top_hajimeyou .hajimeyou1 .img {
	background: url(../images/contents/top02_img01.jpg) no-repeat center center / cover;
}
.top_hajimeyou .hajimeyou2 .img {
	background: url(../images/contents/top02_img02.jpg) no-repeat center center / cover;
}
.top_hajimeyou .hajimeyou3 .img {
	background: url(../images/contents/top02_img03.jpg) no-repeat center center / cover;
}
.top_hajimeyou .hajimeyou4 .img {
	background: url(../images/contents/top02_img04.jpg) no-repeat center center / cover;
}
.top_news_wrap {
	border: 5px solid #DADADA;
	padding: 20px 25px;
	width: 65%;
}
.top_news {
	height: 265px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.top_news_child {
	background: url(../images/common/icon_square.png) no-repeat left 7px;
	border-bottom: 1px dashed #333332;
}
.taikenwrap {
	background: url(../images/common/bg_naname_yellow.png) repeat left top;
	padding: 5px;
}
.taiken {
	background: #FFFFFF;
	padding: 20px 25px 25px;
}
.pagetitle {
	position: relative;
}
.pagetitle:before {
	content: "";
	display: block;
	background: #f8f8f8;
	position: absolute;
	height: 100%;
	width: 1000%;
	top: 0;
	left: 0;
	margin: 0 0 0 -250%;
	z-index: -1;
	border-bottom: 1px solid #DCDCDC;
}

.pagetitle h2 {
	font-size: 35px;
	line-height: 1.3;
	padding: 30px 0;
}
.pagetitle h2 span {
	background: url(../images/common/marker_yellow.png) repeat-x left 30px;
}
.title1 h3 {
	background: url(../images/common/bg_naname_blue.png) repeat-y left top;
	font-size: 25px;
	line-height: 1.4;
	padding: 0 0 0 20px;
}
.listtable td {
	background: url(../images/common/icon_square.png) no-repeat left 18px;
	border-bottom: 1px dashed #989898 !important;
	padding: 10px 0 10px 15px !important;
}
.title2 h4 {
	font-size: 20px;
	font-weight: bold;
}
.taiken2 {
	background: url(../images/common/bg_naname_yellow.png) repeat left top;
	padding: 5px;
}
.taiken2inner {
	background: #FFFFFF;
	padding: 20px;
}
.taiken2inner h3 {
	float: left;
	margin-right: 20px;
}
.taiken2inner a {
	margin: 20px auto 0;
	max-width: 300px;
}
.yellow_bg_naname {
	position: relative;
}
.yellow_bg_naname:before {
	content: "";
	display: block;
	background: #fffadc;
	position: absolute;
	height: 400px;
	width: 1000%;
	top: -800px;
	left: 0;
	margin: 0 0 0 -250%;
	transform: rotate(-35deg);
	z-index: -1;
}
.title3 {
	background: url(../images/common/bg_checker_orange.png) repeat-x left bottom;
}
.title4 h5 {
	font-size: 17px;
	font-weight: bold;
}
.flowimg ul {
	margin: 0 -4% 0 0;
}
.flowimg ul li {
	float: left;
	margin: 0 4% 0 0;
	width: 21%;
}
.boxHome {
	position: relative;
	min-height: 612px;
	width: 100%;
}
.bgOuter01 {
	background: url(../images/contents/bg_01.jpg) repeat-x;
	background-position: center center;
	left: 50%;
	margin: 0 0 0 -500%;
	width: 1000%;
	height: 612px;
	position: absolute;
	z-index: 1;
	top: 0px;
}
.textHome01 {
	background: url(../images/contents/bg_04.png) repeat top left;
	color: #fff;
	font-size: 30px;
	height: 500px;
	line-height: 2;
	position: absolute;
	padding: 70px 0 0 14%;
	left: -14%;
	width: 81%;
	z-index: 2;
}
.textHome02 {
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
	bottom: 0;
	font-size: 18px;
	float: right;
	padding: 4.5% 4.5% !important;
	position: absolute;
	right: 0;
	width: 62%;
	z-index: 3;
}
.boxHome02 {
	position: relative;
	min-height: 549px;
	width: 100%;
}
.bgOuter02 {
	background: url(../images/contents/bg_02.jpg) repeat-x;
	background-position: center center;
	left: 50%;
	margin: 0 0 0 -500%;
	width: 1000%;
	height: 549px;
	position: absolute;
	z-index: 1;
	top: 0px;
}
.textHome03 {
	background: url(../images/contents/bg_05.png) repeat top left;
	color: #fff;
	font-size: 30px;
	height: 499px;
	line-height: 2;
	position: absolute;
	padding: 70px 0 0 32%;
	right: -16%;
	width: 81%;
	z-index: 2;
}
.textHome04 {
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
	bottom: 0;
	font-size: 18px;
	float: right;
	padding: 4.5% 4.5% !important;
	position: absolute;
	left: 0;
	width: 62%;
	z-index: 3;
}
.boxHome03 {
	position: relative;
	min-height: 550px;
	width: 100%;
}
.bgOuter03 {
	background: url(../images/contents/bg_03.jpg) repeat-x;
	background-position: center center;
	left: 50%;
	margin: 0 0 0 -500%;
	width: 1000%;
	height: 550px;
	position: absolute;
	z-index: 1;
	top: 0px;
}
.textHome05 {
	background: url(../images/contents/bg_06.png) repeat top left;
	color: #fff;
	font-size: 30px;
	height: 500px;
	line-height: 2;
	position: absolute;
	padding: 70px 0 0 14%;
	left: -14%;
	width: 81%;
	z-index: 2;
}
.textHome06 {
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
	bottom: 0;
	font-size: 18px;
	float: right;
	padding: 4.5% 4.5% !important;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 3;
}
 @media screen and (max-width: 768px) {
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */

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

		Layout Structure

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

.inner {
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
}
#contents {
	padding: 0 0 50px;
}
#main, #main #col_main {
	float: none;
	margin: 0 auto;
	width: 100%;
}
#main #col_side1, #side, #side #col_side2 {
	float: none;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.tabnone {
	display: none;
}
.ColLeft, .ColRight {
	float: none;
	width: 100% !important;
}
/* ----------------------------------------------------------

		BXI reset

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

.tb_tbl_block table td {
	display: block !important;
	width: 100% !important;
	min-width: 100% !important;
}
#contents_wrap, header#global_header, footer#global_footer {
	min-width: 100%;
}
/* ----------------------------------------------------------

		Header

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

h1 {
	padding: 5px 20px;
}
#headerinner {
	padding: 20px;
}
#logo_wrap {
	float: none;
}
#siteID {
	text-align: center;
}
.tel_wrap {
	float: none;
	margin: 20px auto 0;
	max-width: 585px;
	text-align: center;
}
#gnavi {
	padding: 0 0 20px;
}
#slider {
	border-right: 1px solid #DDE1E6;
	margin: 0 auto !important;
	width: 100%;
	text-align: center !important;
}
#slider img {
	width: 100%;
}
/* ----------------------------------------------------------

		Footer

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

#pagetop {
	padding: 0 20px;
}
#footerlogo {
	float: none;
	text-align: center;
}
/* ----------------------------------------------------------

		Side

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

#col_side1 {
	padding: 30px 0 0;
}
/* ----------------------------------------------------------

		COMMON COSTOM STYLE

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

/* img Width */
.tbImgW47p div {
	width: 47% !important;
}
.tbImgW47p div img {
	width: 100% !important;
}
/* anchor */
.anc li {
	margin: 0 10px 10px 0;
}
.anc a {
	border-radius: 0;
}
/* ----------------------------------------------------------

		Page Style

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

/* index */
.top_box td {
	padding: 20px 30px !important;
}
.top_box td.image {
	display: none;
}
.top_hatena_title {
	background: url(../images/common/koukousei1.png) no-repeat right bottom;
	background-size: contain;
	font-size: 25px;
	text-align: left !important;
}
#koukousei1 {
	display: none;
}
.top_title2 {
	background: url(../images/common/bg_checker_orange.png) repeat left top;
}
.top_hajimeyou .cont {
	padding: 20px;
}
.taiken2inner h3 {
	float: none;
	margin: 0 0 15px;
	text-align: center;
}
.yellow_bg_naname:before {
	display: none;
}
.boxHome {
	background: url(../images/contents/bg_01.jpg) no-repeat;
	background-size: cover;
	position: relative;
	min-height: 100%;
	width: 100%;
}
.bgOuter01 {
	background: none;
	width: 100%;
	height: 100%;
	position: static;
	z-index: 1;
	top: 0px;
	left: 0%;
}
.textHome01 {
	background: rgba(255,178,95,0.5);
	color: #fff;
	font-size: 22px;
	height: 100%;
	line-height: 2;
	position: static;
	padding: 4.5% 4.5%;
	left: 0%;
	width: 100%;
	z-index: 2;
}
.textHome02 {
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
	bottom: 0;
	font-size: 18px;
	float: none;
	position: static;
	right: 0;
	width: 100%;
	z-index: 3;
}
.boxHome02 {
	background: url(../images/contents/bg_02.jpg) no-repeat;
	background-size: cover;
	position: relative;
	min-height: 100%;
	width: 100%;
}
.bgOuter02 {
	background: none;
	width: 100%;
	height: 100%;
	position: static;
	z-index: 1;
	top: 0px;
	left: 0%;
}
.textHome03 {
	background: rgba(59,150,243,0.5);
	color: #fff;
	font-size: 22px;
	height: 100%;
	line-height: 2;
	position: static;
	padding: 4.5% 4.5%;
	left: 0%;
	width: 100%;
	z-index: 2;
}
.textHome04 {
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
	bottom: 0;
	font-size: 18px;
	float: none;
	position: static;
	right: 0;
	width: 100%;
	z-index: 3;
}
.boxHome03 {
	background: url(../images/contents/bg_03.jpg) no-repeat;
	background-size: cover;
	position: relative;
	min-height: 100%;
	width: 100%;
}
.bgOuter03 {
	background: none;
	width: 100%;
	height: 100%;
	position: static;
	z-index: 1;
	top: 0px;
	left: 0%;
}
.textHome05 {
	background: rgba(255,178,95,0.5);
	color: #fff;
	font-size: 22px;
	height: 100%;
	line-height: 2;
	position: static;
	padding: 4.5% 4.5%;
	left: 0%;
	width: 100%;
	z-index: 2;
}
.textHome06 {
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
	bottom: 0;
	font-size: 18px;
	float: none;
	position: static;
	right: 0;
	width: 100%;
	z-index: 3;
}
#orange_naname, #yellow_naname {
	background: none;
}
/* tablet END ###################################################### */
}
@media screen and (max-width: 468px) {
/* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */

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

		Layout Structure

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

body {
	font-size: 15px;
}
#contents {
	padding: 0 0 30px;
}
#col_main {
	padding-bottom: 20px;
	text-align: left;
}
.spnone {
	display: none;
}
.inner {
	padding: 0 10px;
}
/* ----------------------------------------------------------

		BXI reset

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

.tbl_scroll table {
	width: auto !important;
}
.tbl_block td {
	width: 100% !important;
	margin-top: -1px;
}
.style_form th, .style_form td {
	margin-top: -1px;
}
/* ----------------------------------------------------------

		Header

---------------------------------------------------------- */
header {
	padding-bottom: 20px;
}
#h1wrap {
	background: none;
	border-top: 5px solid #FFB658;
}
h1 {
	color: #333332;
	padding: 10px;
}
#headerinner {
	padding: 0;
	position: relative;
}
#logo_wrap {
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	padding: 0;
}
#siteID {
	float: left;
	padding: 10px 0 10px 10px;
	text-align: left;
	width: 81.25%;
}
#siteID img {
	max-width: 88.07%;
}
.tel_wrap {
	padding: 0 10px 20px;
}
/* mean menu style */
#menu_btn {
	display: block;
	margin: 0 0 20px;
	text-align: right;
	width: 100%;
}
#menu_btn a.meanmenu-reveal {
	border-left: 1px solid #DCDCDC;
	float: right;
	display: block;
	padding: 5px 0;
	text-align: center;
	width: 18.75%;
}
#menu_btn a.meanmenu-reveal img {
	height: auto !important;
	max-width: 100%;
	width: 36px;
}
.mean-nav {
	position: relative;
}
.mean-nav ul {
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-top: none;
	padding: 0;
	position: absolute;
	text-align: left;
	min-width: 90%;
	top: 50px;
	left: 50%;
	margin: 0 0 0 -45%;
}
.mean-nav ul li {
	border-top: 1px solid #DCDCDC;
	line-height: 0;
	position: relative;
}
.mean-nav ul li a {
	display: block;
	padding: 10px 15px;
}
.mean-nav ul li img {
	vertical-align: middle;
	max-width: 100%;
	width: 135px;
}
.mean-nav ul li ul {
	position: static;
	border: none;
}
.mean-nav ul li ul li {
	border-top: 1px solid #A0A0A0;
}
.mean-nav ul li ul li a {
	color: #434343;
	text-decoration: none;
	display: block;
}
.mean-nav ul li .mean-expand {
	position: absolute;
	top: 5px;
	right: 0;
	text-decoration: none;
	line-height: 0;
}
#gnavi {
	display: none;
}
#header_info {
	display: none;
}
/* ----------------------------------------------------------

		Footer

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

footer#global_footer {
	width: 100%;
}
#pagetop {
	padding: 0 10px;
}
#footerinner {
	padding: 20px 10px;
}
/* ----------------------------------------------------------

		Side

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

#col_side1 {
	padding: 20px 0 0;
}
/* ----------------------------------------------------------

		Shop style

---------------------------------------------------------- */
.sort_catalog {
	margin: 0 !important;
	width: auto !important;
}
.sort_catalog_box {
	padding: 0 !important;
	margin: 0 0 30px !important;
	width: 100% !important;
}
/* ----------------------------------------------------------

		COMMON COSTOM STYLE

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

/* tablet img Width reset */
.tbImgW47p div {
	width: 100% !important;
}
.spW100 img {
	width: 100% !important;
}
/* anchor */
.anc li {
	border-bottom: 1px solid #FEFADC;
	float: none;
	margin: 0;
}
.anc a {
	border-radius: 0;
	text-align: center;
}
/* image hidden */
.spimgnone img {
	display: none;
}
/* ----------------------------------------------------------

		Page Style

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

/* index */
#deco_notebook, #deco_pencil {
	display: none;
}
.top_hatena_title {
	font-size: 18px;
}
.top_hatena .ColLeft, .top_hatena .ColRight {
	padding: 20px;
}
.top_hajimeyou .img {
	display: none;
}
.top_hajimeyou .cont {
	padding: 20px 10px;
	width: 100%;
}
.pagetitle h2 {
	font-size: 28px;
	padding: 20px 0;
}
.pagetitle h2 span {
	background: url(../images/common/marker_yellow.png) repeat-x left bottom;
}
.flowimg ul {
	margin: 0;
}
.flowimg ul li {
	float: none;
	margin: 0 0 15px;
	text-align: center;
	width: 100%;
}
/* smartphone END ################################################## */
}
@media screen and (max-width: 420px) {
.textHome01, .textHome03, .textHome05 {
	font-size: 17px;
}
.textHome02, .textHome04, .textHome06 {
	font-size: 14px;
}
}
/* ----------------------------------------------------------

		COMMON COSTOM STYLE

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

/* text-align */
.taR {
	text-align: right;
}
/* font-weight */
.fwn {
	font-weight: normal !important;
}
.fwb {
	font-weight: bold !important;
}
/* margin */
.mgAuto {
	margin: 0 auto !important;
}
/* table td padding */
.tdpd0 td {
	padding: 0 !important;
}
.tdpd05 td {
	padding: 5px !important;
}
.tdpd10 td {
	padding: 10px !important;
}
.tdpd15 td {
	padding: 15px !important;
}
.tdpd20 td {
	padding: 20px !important;
}
.tdpd25 td {
	padding: 25px !important;
}
.tdpd30 td {
	padding: 30px !important;
}
.tdpd35 td {
	padding: 35px !important;
}
.tdpd40 td {
	padding: 40px !important;
}
.tdpd45 td {
	padding: 45px !important;
}
.tdpd50 td {
	padding: 50px !important;
}
td.pdT10 {
	padding-top: 10px !important;
}
/* color */
.red {
	color: #C31022;
}
.black {
	color: #333333;
}
.white {
	color: #FFFFFF;
}
.gray {
	color: #C0C0C0;
}
.lh13 {
	line-height: 1.3;
}
/* font-family */
.mincho {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}