@charset "utf-8";

/* =============================================================================================================
	通常スタイル
============================================================================================================= */

/* all style
--------------------------------------------------------- */

html {
	font-size: 6.25%;
	height: 100%;
}
body {
	color: #333;
	font-size: 14px;  /* 14px */
	min-width: 320px;
	height: 100%;
	line-height: 1.7;
	font-family: /*"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", */"メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	position: relative;
}

/* link */
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
img {
	width: 100%;
}
.inline_B {
	display: inline-block;
}


/* header
--------------------------------------------------------- */

/* ----- headerWrapper ----- */
div#headerWrapper {
	width: 100%;
	height: 78px;
	/*box-shadow: 0 -1px 7px 5px rgba(0, 0, 0, 0.3);*/
	/*background: #211400;*/
	background: #ffffff;
	position: relative;
	z-index: 300;
}
div#headerInnerWrapper {
	width: 100%;
	height: 78px;
	/*box-shadow: 0 -1px 7px 5px rgba(0, 0, 0, 0.3);*/
	background: #fff;
}
/* 一定スクロール後、固定メニュー */
div#headerInnerWrapper.fixed {
	box-shadow: 0 -1px 7px 5px rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	z-index: 9999;
}


/* ----- header ----- */
div#header {
	/*max-width: 1000px;*/
	margin: auto;
	position: relative;
	margin: 0 
}


/* ----- logoBox ----- */
div#logoBox {
	height: auto;
	float: left;
	margin:  0 0;
	position: relative;
	z-index: 1000;
	background: #f6aa00;
	height: 78px;
	display: flex;
	justify-content: center;
	align-items: center;
}
div#logoBox a img {
	display: block;
}
div#logoBox img {
	width: 100%;
}


/* ----- globalNaviMenu ----- */
div#globalNaviMenu {
	float: right;
	position: relative;
	z-index: 1000;
}
div#globalNaviMenu ul {
	/*border-left: 1px solid #4d4333;*/
}
div#globalNaviMenu ul li {
	float: left;
}
div#globalNaviMenu ul li a {
	color: #111;
	font-size: 18px;
	height: 78px;
	line-height: 75px;
	text-decoration: none;
	display: block;
	padding: 0 20px;
	/*border-left: 1px solid #f1f1f1;*/
}
div#globalNaviMenu ul li a:hover {
	color: #333;
	background: #febe2e;
}





/* contents
--------------------------------------------------------- */

div#topContents,
div#contents {
}



/* visualBox
--------------------------------------------------------- */

#visual {
	/* box-shadow: 0 1px 7px 5px rgba(0, 0, 0, 0.3); */
	position: relative;
	z-index: 100;
  line-height: 0;
  font-size: 0;
	margin-top: 30px;
}
div#visualBox img {
	width: 100%;
}


.line_box {
    height: 40px;
    background: url(../images/common/img_header_bg01.png) repeat-x top center;
	display: none;
}
/* makerBox
--------------------------------------------------------- */

#maker {
	/* box-shadow: 0 1px 7px 5px rgba(0, 0, 0, 0.3); */
	position: relative;
	z-index: 91;
	/*background: #febe2e;*/
	background: #fff;
	box-shadow: 0 -1px 7px 5px rgba(0, 0, 0, 0.1);
	margin: 0 auto;
}
#decoration_1 {
    position: absolute;
    z-index: -1;
    width: 300px;
    top: 100px;
    left: 150px;
}
div#makerBox {
	padding: 100px 0 100px;
    text-align: center;
	position: relative;
	z-index: 1;
}
div#makerBox h1 {
    width: auto;
    font-size: 60px;
    text-align: center;
    margin: 0 auto 30px;
    padding: 5px 0 0 88px;
    display: inline-block;
    background: url(../images/common/img_about_icn01.png) no-repeat left 40%;
    line-height: 1;
}
#maker h2 {
    font-weight: normal;
    text-align: left;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 18px;
    border-bottom: 1px solid #000;
    line-height: 1;
}
div#makerInnerBox {
	max-width: 1000px;
	margin: auto;
	padding: 50px;
}
ul.main_maker_list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-bottom: 40px;
}
ul.main_maker_list li  {
    width: calc(( 100% - 150px ) / 5 );
    margin: 0 30px 20px 0;
    /*background: #ccc;*/
}
ul.main_maker_list li .makerLogo {
    padding-top: 50%;
    height: 0;
    position: relative;
}
ul.main_maker_list li .makerLogo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


ul.all_alphabet_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-right: -4px;
}
ul.all_alphabet_list li {
    margin: 0 4px 4px 0;
}
ul.all_alphabet_list li span {
    display: block;
    min-width: 40px;
    height: 40px;
    /*padding: 0 10px;*/
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #aaa;
    cursor: pointer;
    border-radius: 2px;
    overflow: hidden;
}

ul.all_alphabet_list li span:hover ,
ul.all_alphabet_list li.is-active span {
    background: #000;
    color: #febe2e;
    border-radius: 4px;
}

ul.all_alphabet_list li.no_data {
	pointer-events: none;
}
ul.all_alphabet_list li.no_data span {
	color: #ccc;
    border: 1px solid #eee;
}
.all_maker_box {
    min-height: 100px;
}
ul.all_maker_list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
}
ul.all_maker_list li {
    width: calc(( 100% - 30px ) / 3 );
    text-align: left;
    margin: 0 10px 10px 0;
	display: flex;
	align-items: center;
}
ul.all_maker_list li span {
}
ul.all_maker_list li .icon {
    width: 40px;
    height: 40px;
	/*border: 1px solid #eee;*/ */
    box-sizing: border-box;
}
ul.all_maker_list li .icon.no-image {
	background: url(../images/maker/no-image.png) no-repeat center center / 75%;
}
ul.all_maker_list li .icon img {
	width: 100%;
}
ul.all_maker_list li .icon.no-image img {
	opacity: 0.5;
}
ul.all_maker_list li .maker_text {
	width: calc( 100% - 40px );
	padding-left: 10px;
	box-sizing: border-box;
}
ul.all_maker_list li .main_text {
    padding-right: 0.5em;
	display: inline-block;
}
ul.all_maker_list li .ruby_text {
    font-size: 73%;
	display: inline-block;
}
p.asterisk {
    /*color: #888;*/
    font-size: 12px;
    text-align: left;
    margin-top: 15px;
}
/* serviceBox
--------------------------------------------------------- */

div#serviceBox {
	margin: 0 auto;
	padding: 0 0 80px;
	/* box-shadow: 0 1px 7px 5px rgba(0, 0, 0, 0.3); */
	/*background: #e3e3e3;
	background: #f6f6f6;*/
	background: #fff;
	box-shadow: 0 -1px 7px 5px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 90;
}
div#serviceBox h1 {
    width: auto;
	font-size: 60px;
	text-align: center;
    margin: 0 auto 30px;
	padding: 100px 0 0;
}
div#serviceInnerBox {
	max-width: 1200px;
	/*padding: 80px;
	background: #fff;*/
	margin: auto;
}


/* ----- service_movie ----- */
div#serviceBox div.service_movie {
	width: 100%;
	height: 100%;
	margin: 0 0 50px;
	padding: 65% 0 0;
	position: relative;
}
div#serviceBox div.service_movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0; top: 0;
}


/* ----- service_info ----- */
div#serviceBox div.service_info {
	margin: 0 0 50px;
}

div#serviceBox div.service_info ul li {
	width: calc(( 100% - 6px ) / 3 );
	float: left;
	margin: 0 2px 2px 0;
	background: #f1f1f1;
	
}

div#serviceBox div.service_info ul li:nth-child(3n) { margin-right: 0;}

div#serviceBox div.service_info ul li h3 {
	/*color: #fff000;*/
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 1.3;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 15px 10px 12px;
	background: url(../images/common/bg_01_small.png) no-repeat center / cover;
}
div#serviceBox div.service_info ul li h3 span {
	width: 100%;
	display: block;
}
div#serviceBox div.service_info ul li.li_03 h3 span:nth-child(1) { font-size: 16px; margin: 0 auto 5px;}
div#serviceBox div.service_info ul li.li_03 h3 span:nth-child(2) { font-size: 16px; margin: 0 auto 5px;}
div#serviceBox div.service_info ul li.li_03 h3 span:nth-child(3) { font-size: 24px;}
div#serviceBox div.service_info ul li.li_05 h3 span:nth-child(1) { font-size: 16px; margin: 0 auto 2px;}
div#serviceBox div.service_info ul li.li_05 h3 span:nth-child(2) { font-size: 16px; margin: 0 auto 5px;}
div#serviceBox div.service_info ul li.li_05 h3 span:nth-child(3) { font-size: 20px;}
div#serviceBox div.service_info ul li.li_06 h3 span:nth-child(1) { font-size: 14px;}


div#serviceBox div.service_info ul li div.inner_box01,
div#serviceBox div.service_info ul li div.inner_box02 {
	margin: 0 auto;
	padding: 20px 20px 10px;
}
div#serviceBox div.service_info ul li div.inner_box01 img,
div#serviceBox div.service_info ul li div.inner_box02 img {
	width: 100%;
	max-width: 220px;
	height: auto;
	display: block;
	margin: auto;
}

/* inner_btn */
div#serviceBox div.service_info ul li p.inner_btn01,
div#serviceBox div.service_info ul li p.inner_btn02 {
	text-align: center;
	margin: 15px 0 5px;
}
div#serviceBox div.service_info ul li p.inner_btn01 a,
div#serviceBox div.service_info ul li p.inner_btn02 a {
	width: 150px;
	color: #530000;
	text-decoration: none;
	display: inline-block;
	padding: 0 0 4px;
	border: 3px solid #530000;
	border-radius: 5px;
	box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.5);
	background: #fff;
}

div#serviceBox div.service_info ul li p:hover.inner_btn01,
div#serviceBox div.service_info ul li p:hover.inner_btn02 {
	text-align: center;
}
div#serviceBox div.service_info ul li p:hover.inner_btn01 a,
div#serviceBox div.service_info ul li p:hover.inner_btn02 a {
}
div#serviceBox div.service_info ul li p:hover.inner_btn01 a:hover,
div#serviceBox div.service_info ul li p:hover.inner_btn02 a:hover {
	box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
}


div#serviceBox div.service_info ul li a span {
	width: 24px;
	height: 24px;
	display: inline-block;
	line-height: 1;
	background: url(../images/common/img_service_icn01.png) no-repeat 15% center;
	position: relative;
	left: -7px; top: 6px;
}


/* ----- service_majica ----- */
div#serviceBox div.service_majica {
	background: #ffeaea;
	
}

/* h2 */
div#serviceBox div.service_majica h2 {
	height: 70px;
	color: #fff;
	text-align: center;
	line-height: 1.3;
	margin: 0 0 40px;
	background: url(../images/top/img_service_bg02.png) repeat 0 0;
}
div#serviceBox div.service_majica h2 span.majica_ttl01 {
	width: 51%;
	float: left;
	margin: 12px 0 0;
}
div#serviceBox div.service_majica h2 span.majica_ttl01 img { display: block; margin: 0 0 0 auto;}
div#serviceBox div.service_majica h2 span.majica_ttl02 {
	width: 47%;
	font-size: 36px;
	text-align: left;
	display: block;
	float: right;
	margin: 15px 0 0;
}

/* service_majica inner_box */
div#serviceBox div.service_majica div.inner_box {
	padding: 40px;
}
div#serviceBox div.service_majica div.inner_box li {
	margin: 0 0 25px;
}
div#serviceBox div.service_majica div.inner_box li:last-child { margin: 0;}

div#serviceBox div.service_majica div.inner_box h3 {
	color: #e91a2a;
	font-size: 28px;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 6px 0 6px 80px;
}
div#serviceBox div.service_majica div.inner_box li.li_01 h3 { background: url(../images/top/img_service_icn02.png) no-repeat 0 0;}
div#serviceBox div.service_majica div.inner_box li.li_02 h3 { background: url(../images/top/img_service_icn03.png) no-repeat 0 0;}
div#serviceBox div.service_majica div.inner_box li.li_03 h3 { background: url(../images/top/img_service_icn04.png) no-repeat 0 0;}

div#serviceBox div.service_majica div.inner_box p {
	margin: 0 0 0 80px;
}
div#serviceBox div.service_majica div.inner_box p.majica_txt01 { font-size: 18px; line-height: 1.6; margin-bottom: 10px;}
div#serviceBox div.service_majica div.inner_box p.majica_txt02 { color: #666; font-size: 14px;}




/* aboutBox
--------------------------------------------------------- */

div#aboutBox {
	background: #febe2e;
}
div#aboutInnerBox01 {
	padding: 40px 0 0;
	/* box-shadow: 0 1px 7px 5px rgba(0, 0, 0, 0.3); */
	background: url(../images/common/img_header_bg01.png) repeat-x top center;
	position: relative;
	z-index: 80;
}
div#aboutInnerBox02 {
	margin: 0 auto;
	padding: 0 0 40px;
	background: url(../images/common/img_header_bg01.png) repeat-x bottom center;
}
div#aboutInnerBox03 {
	max-width: 840px;
	text-align: center;
	margin: 0 auto;
	padding: 80px 80px 65px;
	background: #febe2e;
}
div#aboutBox h1 {
    width: auto;
	font-size: 62px;
	text-align: center;
    margin: 0 auto 30px;
	padding: 0 0 0 88px;
	display: inline-block;
	background: url(../images/common/img_about_icn01.png) no-repeat left 40%;
}

div#aboutBox p {
	font-size: 22px;
	line-height: 1.6;
	text-align: center;
	margin: 0 0 15px;
}
div#aboutBox p strong {
	color: #e83421;
}
div#aboutBox p span {
	display: block;
}




/* storeBox
--------------------------------------------------------- */

div#storeBox {
	margin: 0 auto;
	padding: 0 0 80px;
	/* box-shadow: 0 1px 7px 5px rgba(0, 0, 0, 0.3); */
	/*background: #fcfcfc;*/
	background: #fff;
	position: relative;
	z-index: 70;
	box-shadow: 0 -1px 7px 5px rgba(0, 0, 0, 0.1);
}
div#storeBox h1 {
    width: auto;
	font-size: 60px;
	text-align: center;
    margin: 0 auto 30px;
	padding: 100px 0 0;
}

div#storeInnerBox {
	max-width: 1000px;
	margin: auto;
	/*background: #f1f1f1;*/
}
div#storeInnerBox > ul > li {
    margin: 0 0 10px;
    padding: 40px 40px;
    background: #ffffff;
    border: 10px solid #f1f1f1;
}

div#storeInnerBox li div.left_box {
	width: calc( 100% - 300px );
	float: left;
	padding-right: 40px;
	box-sizing: border-box;
}

div#storeInnerBox li div.right_box {
	width:300px;
	float: right;
}

/* div.left_box h2 */
div#storeInnerBox li div.left_box h2 {
	font-size: 30px;
	line-height: 1.4;
	margin: 0 0 10px;
    font-size: 30px;
    line-height: 1.4;
    margin: 0 0 15px;
    border-bottom: 1px solid #111;
    padding-bottom: 10px;
}

/* div.rtop_box */
div#storeInnerBox li div.right_box div.rtop_box {
	margin: 5px 0 10px;
}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01,
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 {
	width: 48%;
	padding: 0;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 { float: left;}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 { float: right;}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a,
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a {
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 3px 0 3px 0;
	border-radius: 5px;
	box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.5);
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a:hover,
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a:hover {
	box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a {
	color: #d69400;
	font-weight: bold;
	border: 3px solid #d69400;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a span.icn_map {
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 1;
	background: #fff url(../images/common/img_store_icn01.png) no-repeat 15% center;
	position: relative;
	left: -5px; top: 3px;
}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a {
	color: #e50012;
	font-weight: bold;
	border: 3px solid #e50012;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a span.icn_store {
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 1;
	background: #fff url(../images/common/img_store_icn02.png) no-repeat 15% center;
	position: relative;
	left: -5px; top: 5px;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a span.icn_window {
	width: 10px;
	height: 10px;
	display: inline-block;
	line-height: 1;
	background: #fff url(../images/common/img_store_icn03.png) no-repeat 15% center;
	position: relative;
	left: 21px; top: -10px;
}

/* div.rbot_box */
div#storeInnerBox li div.right_box div.rbot_box {
	width: 100%;
	overflow: hidden;
}
div#storeInnerBox li div.right_box div.rbot_box img {
	width: 100%;
	height: auto;
}

/* div#storeInnerBox table */
div#storeInnerBox table {
	width: 100%;
}
div#storeInnerBox table th,
div#storeInnerBox table td {
	font-size: 16px;
	text-align: left;
	vertical-align: top;
	padding: 5px 8px;
}
div#storeInnerBox table th {
	width: 25%;
	padding-left: 0;
}
div#storeInnerBox table td {
	width: 75%;
}


.line_banner {
    margin-top: 15px;
}
.line_banner a {
    display: inline-block;
    box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.5);
    background: #fff;
    padding: 4px;
    border: 2px solid #33ac3c;
    border-radius: 5px;
}
.line_banner a:hover {
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
}
.line_banner img {
    max-width: 100%;
}

/* footer
--------------------------------------------------------- */

div#footerOutSide {
}



/* ----- footerGroup ----- */

div#footerGroup {
	background: #fff;
}
div#footerInnerGroup {
	max-width: 1000px;
	margin: auto;
	padding: 35px 0 20px;
}

div#footerGroup h1 {
	font-size: 20px;
	margin: 0 0 10px;
}
div#footerGroup li {
	margin: 0 15px 5px 0;
	float: left;
}




/* ----- footer ----- */

div#footer {
	margin: auto;
	padding: 60px 20px 20px 20px;
	
	background: url(../images/common/bg_02.png) no-repeat center / cover;
	position: relative;
	color: #fff;
}
.donki_link {
	
}
.donki_link a {
    display: block;
    padding: 25px 40px;
    text-align: center;
    margin: 0px auto 20px;
    width: 350px;
    box-sizing: border-box;
	background: #fff;
}

/* copyright */

div#copyright {
	max-width: 1200px;
	margin: auto;
	text-align: center;
}
div#copyright p {
	color: #fff;
	font-size: 11px;
	text-align: center;
	display: inline-block;
}
div#copyright p span.copy_txt01 {
	width: 198px;
	height: 23px;
	float: left;
	display: block;
	margin: 0 8px 0 0;
	text-indent: -9999px;
	background: url(../images/common/copyright01.png) no-repeat 37% center;
}
div#copyright p span.copy_txt02 {
	float: left;
	display: block;
}


#pageTop {
	font-size: 24px;
	position: fixed;
	right: 20px; bottom: 20px;
	z-index: 9999;
}
p#pageTop a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 10px 16px 0;
	box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.5);
	border-radius: 80px;
	background: #f6aa00;
}
p#pageTop a:hover {
}







/* =============================================================================================================
	999px以下
============================================================================================================= */

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


/* header
--------------------------------------------------------- */

/* ----- headerWrapper ----- */
div#headerWrapper {
	height: 64px;
}
div#headerInnerWrapper {
    height: 64px;
}
/* 一定スクロール後、固定メニュー */
div#headerInnerWrapper.fixed {
}


/* ----- header ----- */
div#header {
}


/* ----- logoBox ----- */
div#logoBox {
	margin: 10px 0 0 10px;
}
div#logoBox a img {
}
div#logoBox img {
    width: 148px;
}

/* ----- globalNaviMenu ----- */
div#globalNaviMenu {
}
div#globalNaviMenu ul {
}
div#globalNaviMenu ul li {
}
div#globalNaviMenu ul li a {
	font-size: 14px;
	padding: 0 15px;
	height: 64px;
	line-height: 64px;
}
div#globalNaviMenu ul li a:hover {
}




/* visualBox
--------------------------------------------------------- */
    
    
/* makerBox
--------------------------------------------------------- */

div#makerInnerBox {
    padding: 60px;
}
div#makerBox {
    padding: 80px 40px 80px;
}
    
    
/* serviceBox
--------------------------------------------------------- */

div#serviceBox {
}
div#serviceBox h1 {
	font-size: 56px;
	margin: 0 auto 20px;
}
div#serviceInnerBox {
	padding: 60px;
}

/* ----- service_info ----- */
div#serviceBox div.service_info {
}

div#serviceBox div.service_info ul li {
}

div#serviceBox div.service_info ul li.li_03 {}
div#serviceBox div.service_info ul li.li_04 {}
div#serviceBox div.service_info ul li.li_05 {}

div#serviceBox div.service_info ul li h3 {
	font-size: 20px;
	padding: 15px 5px 12px;
}
div#serviceBox div.service_info ul li h3 span {
}
div#serviceBox div.service_info ul li.li_01 h3 span:nth-child(1) { font-size: 16px;}
div#serviceBox div.service_info ul li.li_01 h3 span:nth-child(2) { font-size: 16px;}
div#serviceBox div.service_info ul li.li_02 h3 span:nth-child(1) { font-size: 16px;}
div#serviceBox div.service_info ul li.li_03 h3 span:nth-child(1) { font-size: 11px; margin: 0 auto 2px;}
div#serviceBox div.service_info ul li.li_03 h3 span:nth-child(2) { font-size: 11px; margin: 0 auto 2px;}
div#serviceBox div.service_info ul li.li_03 h3 span:nth-child(3) { font-size: 14px;}
div#serviceBox div.service_info ul li.li_04 h3 span:nth-child(1) { font-size: 16px;}
div#serviceBox div.service_info ul li.li_04 h3 span:nth-child(2) { font-size: 16px;}
div#serviceBox div.service_info ul li.li_05 h3 span:nth-child(1) { font-size: 14px; margin: 0 auto 2px;}
div#serviceBox div.service_info ul li.li_05 h3 span:nth-child(2) { font-size: 14px; margin: 0 auto 2px;}
div#serviceBox div.service_info ul li.li_05 h3 span:nth-child(3) { font-size: 12px;}
div#serviceBox div.service_info ul li.li_06 h3 span:nth-child(1) { font-size: 12px; margin: 0 auto 2px;}
div#serviceBox div.service_info ul li.li_06 h3 span:nth-child(2) { font-size: 14px;}


div#serviceBox div.service_info ul li div.inner_box01,
div#serviceBox div.service_info ul li div.inner_box02 {
}
div#serviceBox div.service_info ul li div.inner_box01 img,
div#serviceBox div.service_info ul li div.inner_box02 img {
}

/* inner_btn */
div#serviceBox div.service_info ul li p.inner_btn01,
div#serviceBox div.service_info ul li p.inner_btn02 {
}
div#serviceBox div.service_info ul li p.inner_btn01 a,
div#serviceBox div.service_info ul li p.inner_btn02 a {
	width: 130px;
	font-size: 13px;
}


/* ----- service_majica ----- */
div#serviceBox div.service_majica {
}

/* h2 */
div#serviceBox div.service_majica h2 {
	height: 60px;
	margin: 0 0 30px;
}
div#serviceBox div.service_majica h2 span.majica_ttl01 {
	width: 50%;
	margin: 14px 0 0;
}
div#serviceBox div.service_majica h2 span.majica_ttl01 img { width: 175px; height: auto;}
div#serviceBox div.service_majica h2 span.majica_ttl02 {
	width: 48%;
	font-size: 32px;
	margin: 14px 0 0;
}

/* service_majica inner_box */
div#serviceBox div.service_majica div.inner_box {
}
div#serviceBox div.service_majica div.inner_box li {
	margin: 0 0 20px;
}

div#serviceBox div.service_majica div.inner_box h3 {
	font-size: 24px;
	padding: 6px 0 6px 70px;
}
div#serviceBox div.service_majica div.inner_box li.li_01 h3 { background-size: 50px;}
div#serviceBox div.service_majica div.inner_box li.li_02 h3 { background-size: 50px;}
div#serviceBox div.service_majica div.inner_box li.li_03 h3 { background-size: 50px;}

div#serviceBox div.service_majica div.inner_box p {
	margin: 0 0 0 70px;
}
div#serviceBox div.service_majica div.inner_box p.majica_txt01 { font-size: 14px; margin-bottom: 5px;}
div#serviceBox div.service_majica div.inner_box p.majica_txt02 { font-size: 12px; margin-bottom: 5px;}



/* aboutBox
--------------------------------------------------------- */

div#aboutBox {
}
div#aboutInnerBox01 {
}
div#aboutInnerBox02 {
}
div#aboutInnerBox03 {
	padding: 60px 60px 45px;
}
div#aboutBox h1 {
	font-size: 56px;
	margin: 0 auto 20px;
	padding: 0 0 0 80px;
	background: url(../images/common/img_about_icn01.png) no-repeat left 40%;
	background-size: 12%;
}

div#aboutBox p {
	font-size: 20px;
}
div#aboutBox p strong {
}
div#aboutBox p span {
}




/* storeBox
--------------------------------------------------------- */

div#storeBox {
	padding: 0 0 60px;
}
div#storeBox h1 {
	font-size: 56px;
    margin: 0 auto 20px;
	padding: 100px 0 0;
}

div#storeInnerBox {
}
div#storeInnerBox li {
}

div#storeInnerBox li div.left_box {
	width: 66%;
}

div#storeInnerBox li div.right_box {
	width: 30%;
}

/* div.left_box h2 */
div#storeInnerBox li div.left_box h2 {
	font-size: 26px;
	margin: 0 0 10px;
}

/* div.rtop_box */
div#storeInnerBox li div.right_box div.rtop_box {
}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01,
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 {
	width: 100%;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 { float: none;}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 { float: none;}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a,
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a {
	display: block;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a:hover,
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a:hover {
}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a {
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a {
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a span.icn_window {
	width: 9px;
	height: 9px;
	background-size: 9px;
	left: 4px; top: -10px;
}

/* div.rbot_box */
div#storeInnerBox li div.right_box div.rbot_box {
}
div#storeInnerBox li div.right_box div.rbot_box img {
}

/* div#storeInnerBox table */
div#storeInnerBox table {
}
div#storeInnerBox table th,
div#storeInnerBox table td {
	font-size: 16px;
	padding: 8px;
}
div#storeInnerBox table th {
	padding-left: 0;
}
div#storeInnerBox table td {
	padding-left: 0;
}




/* footer
--------------------------------------------------------- */

/* ----- footerGroup ----- */

div#footerInnerGroup {
	padding: 35px 40px 20px;
}


}




/* =============================================================================================================
	767px以下
============================================================================================================= */

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



/* header
--------------------------------------------------------- */


/* ----- headerWrapper ----- */
div#headerWrapper {
	height: auto;
	border-bottom: 1px solid #4d4333;
}
div#headerInnerWrapper {
	height: auto;
	overflow: hidden;
}

/* ----- header ----- */
div#header {
	height: auto;
}


/* ----- logoBox ----- */
div#logoBox {
	width: 100%;
	float: none;
	margin: 0;
}
div#logoBox img {
	width: 150px;
	height: auto;
	display: block;
	margin: 0 auto 15px;
	padding: 15px 0 0;
}


/* ----- globalNaviMenu ----- */
div#globalNaviMenu {
	width: 100%;
	display: block;
	float: none;
	border-top: 1px solid #4d4333;
}
div#globalNaviMenu ul {
	border-left: none
}
div#globalNaviMenu ul li {
	text-align: center;
	float: left;
}
div#globalNaviMenu ul li:last-child { border: none;}
div#globalNaviMenu ul li a {
	height: auto;
	font-size: 13px;
	line-height: normal;
	padding: 15px 0 10px;
}
div#globalNaviMenu ul li a:hover {
}



/* visual
--------------------------------------------------------- */
.line_box {
    height: 20px;
    background: url(../images/common/img_header_bg01.png) repeat-x top center;
    background-size: 60px;
}
/* makerBox
--------------------------------------------------------- */

div#makerInnerBox {
    padding: 40px;
}
div#makerBox {
    padding: 60px 20px 70px;
}
div#makerBox h1 {
    font-size: 38px;
    padding: 15px 0 10px 65px;
    background: url(../images/common/img_about_icn01.png) no-repeat left 40% / auto 46px;
    margin: 0 auto 15px;
}
    
#maker h2 {
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 16px;
}
ul.all_maker_list {
    margin-right: -20px;
}
ul.all_maker_list li {
width: calc((100% - 40px) / 2);
    margin: 0 20px 20px 0;
}
    
ul.all_alphabet_list li span {
    min-width: 35px;
    height: 35px;
    font-size: 13px;
}
ul.main_maker_list {  
    margin-bottom: 30px;
}
ul.main_maker_list li {
    width: calc((100% - 60px) / 4);
    margin: 0 15px 15px 0;
}
ul.all_maker_list {
    font-size: 13px;
}
/* serviceBox
--------------------------------------------------------- */

div#serviceBox {
}
div#serviceBox h1 {
	font-size: 38px;
	margin: 0 auto 20px;
	padding: 70px 0 0;
}
div#serviceInnerBox {
	padding: 40px 20px;
}

/* ----- service_info ----- */
div#serviceBox div.service_info {
}

div#serviceBox div.service_info ul li {
}

div#serviceBox div.service_info ul li.li_03 {}
div#serviceBox div.service_info ul li.li_04 {}
div#serviceBox div.service_info ul li.li_05 {}

div#serviceBox div.service_info ul li h3 {
	font-size: 13px;
	padding: 12px 5px 8px;
}
div#serviceBox div.service_info ul li h3 span {
}



div#serviceBox div.service_info ul li div.inner_box01,
div#serviceBox div.service_info ul li div.inner_box02 {
}
div#serviceBox div.service_info ul li div.inner_box01 img,
div#serviceBox div.service_info ul li div.inner_box02 img {
}

/* inner_btn */
div#serviceBox div.service_info ul li p.inner_btn01,
div#serviceBox div.service_info ul li p.inner_btn02 {
}
div#serviceBox div.service_info ul li p.inner_btn01 a,
div#serviceBox div.service_info ul li p.inner_btn02 a {
	width: 100px;
	font-size: 12px;
}
div#serviceBox div.service_info ul li a span {
	width: 18px;
	height: 18px;
	background-size: 18px;
	left: -7px; top: 6px;
}


/* ----- service_majica ----- */
div#serviceBox div.service_majica {
}

/* h2 */
div#serviceBox div.service_majica h2 {
	height: 55px;
	margin: 0 0 25px;
}
div#serviceBox div.service_majica h2 span.majica_ttl01 {
	width: 49%;
	margin: 13px 0 0;
}
div#serviceBox div.service_majica h2 span.majica_ttl01 img { width: 145px; height: auto;}
div#serviceBox div.service_majica h2 span.majica_ttl02 {
	width: 49%;
	font-size: 28px;
	margin: 12px 0 0;
}

/* service_majica inner_box */
div#serviceBox div.service_majica div.inner_box {
	padding: 40px 20px 20px;
}
div#serviceBox div.service_majica div.inner_box li {
	margin: 0 0 15px;
}

div#serviceBox div.service_majica div.inner_box h3 {
	font-size: 24px;
	margin: 0 0 5px;
	padding: 0 0 0 55px;
}
div#serviceBox div.service_majica div.inner_box li.li_01 h3 { background-size: 40px;}
div#serviceBox div.service_majica div.inner_box li.li_02 h3 { background-size: 40px;}
div#serviceBox div.service_majica div.inner_box li.li_03 h3 { background-size: 40px;}

div#serviceBox div.service_majica div.inner_box p {
	margin: 0 0 0 55px;
}
div#serviceBox div.service_majica div.inner_box p.majica_txt01 { font-size: 14px; margin-bottom: 5px;}
div#serviceBox div.service_majica div.inner_box p.majica_txt02 { font-size: 12px; margin-bottom: 5px;}




/* aboutBox
--------------------------------------------------------- */

div#aboutBox {
}
div#aboutInnerBox01 {
}
div#aboutInnerBox02 {
}
div#aboutInnerBox03 {
	padding: 40px 20px 25px;
}
div#aboutBox h1 {
	font-size: 38px;
	margin: 0 auto 20px;
	padding: 0 0 0 60px;
	background: url(../images/common/img_about_icn01.png) no-repeat left 40%;
	background-size: 12%;
}

div#aboutBox p {
	font-size: 16px;
}
div#aboutBox p strong {
}
div#aboutBox p span {
}




/* storeBox
--------------------------------------------------------- */

div#storeBox {
	padding: 0 0 60px;
}
div#storeBox h1 {
	font-size: 38px;
    margin: 0 auto 20px;
	padding: 80px 0 0;
}

div#storeInnerBox {
	padding: 40px 20px;
}
div#storeInnerBox > li {
	padding: 20px 20px;
}

div#storeInnerBox li div.left_box {
	width: 65%;
}

div#storeInnerBox li div.right_box {
	width: 31%;
}


/* div.left_box h2 */
div#storeInnerBox li div.left_box h2 {
	font-size: 22px;
	margin: 0 0 15px;
}

/* div.rtop_box */
div#storeInnerBox li div.right_box div.rtop_box {
}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01,
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 {
	width: 100%;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 { float: none;}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 { float: none;}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a,
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a {
	font-size: 12px;
	display: block;
}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a {
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a span.icn_map {
	width: 15px;
	height: 15px;
	background-size: 15px;
	top: 2px;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a {
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a span.icn_store {
	width: 15px;
	height: 15px;
	background-size: 15px;
	top: 3px;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a span.icn_window {
	width: 8px;
	height: 8px;
	background-size: 8px;
	left: 4px; top: -6px;
}




/* div.rbot_box */
div#storeInnerBox li div.right_box div.rbot_box {
}
div#storeInnerBox li div.right_box div.rbot_box img {
}

/* div#storeInnerBox table */
div#storeInnerBox table {
}
div#storeInnerBox table th,
div#storeInnerBox table td {
	font-size: 14px;
	padding: 4px 4px;
}
div#storeInnerBox table th {
	padding-left: 0;
}
div#storeInnerBox table td {
	padding-left: 0;
}




/* footer
--------------------------------------------------------- */

/* ----- footerGroup ----- */

div#footerInnerGroup {
	padding: 35px 40px 20px;
}

div#footerGroup h1 {
	font-size: 18px;
	text-align: center;
}
div#footerGroup ul {
    text-align: center;
}
div#footerGroup li {
	float: none;
    display: inline-block;
    margin: 0 10px 5px 0;
}
div#footerGroup li.footergroup_donki img,
div#footerGroup li.footergroup_nagasakiya img,
div#footerGroup li.footergroup_doit img,
div#footerGroup li.footergroup_jce img,
div#footerGroup li.footergroup_realit img,
div#footerGroup li.footergroup_done img,
div#footerGroup li.footergroup_accretive img,
div#footerGroup li.footergroup_sunassort img,
div#footerGroup li.footergroup_jasset img,
div#footerGroup li.footergroup_donquijote_usa img,
div#footerGroup li.footergroup_marukai img,
div#footerGroup li.footergroup_jis img,
div#footerGroup li.footergroup_storecrews img,
div#footerGroup li.footergroup_justneo img,
div#footerGroup li.footergroup_lirack img {
	width: auto;
	height: 40px;
}



}





/* =============================================================================================================
	480px以下
============================================================================================================= */

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



/* header
--------------------------------------------------------- */


/* ----- headerWrapper ----- */
div#headerWrapper {
	height: auto;
	border-bottom: 1px solid #4d4333;
}
div#headerInnerWrapper {
	height: auto;
	overflow: hidden;
}


/* ----- header ----- */
div#header {
	height: auto;
}


/* ----- logoBox ----- */
div#logoBox {
	width: 100%;
	float: none;
	margin: 0;
}
div#logoBox img {
	width: 120px;
	height: auto;
	display: block;
	margin: 0 auto 10px;
	padding: 10px 0 0;
}


/* ----- globalNaviMenu ----- */
div#globalNaviMenu {
	width: 100%;
	display: block;
	float: none;
	border-top: 1px solid #4d4333;
}
div#globalNaviMenu ul {
}
div#globalNaviMenu ul li {
	text-align: center;
	float: left;
}
div#globalNaviMenu ul li a {
	height: auto;
	font-size: 9px;
	line-height: normal;
	padding: 11px 0 11px;
}
div#globalNaviMenu ul li a:hover {
}




/* makerBox
--------------------------------------------------------- */
div#makerBox {
    padding: 50px 20px 30px;
}
div#makerBox h1 {
    font-size: 28px;
	margin: 0 auto 5px;
    background: url(../images/common/img_about_icn01.png) no-repeat left 40% / auto 34px;
    padding: 15px 0 10px 50px;
}
    
div#makerInnerBox {
    padding: 20px;
}
ul.main_maker_list {
    margin-bottom: 25px;
}
ul.all_alphabet_list li span {
    min-width: 30px;
    height: 30px;
    font-size: 12px;
}
ul.all_maker_list li {
    width: 100%;
    margin: 0 20px 10px 0;
}
ul.all_alphabet_list {
    margin-bottom: 10px;
}
p.asterisk {
    font-size: 11px;
    margin-top: 10px;
}
    
    
/* serviceBox
--------------------------------------------------------- */

div#serviceBox {
}
div#serviceBox h1 {
	font-size: 28px;
	margin: 0 auto 10px;
	padding: 50px 0 0;
}
div#serviceInnerBox {
	padding: 40px 20px;
}

/* ----- service_info ----- */
div#serviceBox div.service_info {
	margin: 0 0 30px;
}

div#serviceBox div.service_info ul li {
	width: 100%;
	float: none;
	display: block;
	margin: 0 auto 20px;
}

div#serviceBox div.service_info ul li.li_03 { width: 100%; margin: 0 auto 20px;}
div#serviceBox div.service_info ul li.li_04 { width: 100%; margin: 0 auto 20px;}
div#serviceBox div.service_info ul li.li_05 { width: 100%; margin: 0 auto 20px;}

div#serviceBox div.service_info ul li h3 {
	font-size: 16px;
	padding: 12px 5px 10px;
}
div#serviceBox div.service_info ul li h3 span {
}
div#serviceBox div.service_info ul li.li_01 h3 span:nth-child(1) { font-size: 16px;}
div#serviceBox div.service_info ul li.li_01 h3 span:nth-child(2) { font-size: 16px;}
div#serviceBox div.service_info ul li.li_02 h3 span:nth-child(1) { font-size: 16px;}
div#serviceBox div.service_info ul li.li_03 h3 span:nth-child(1) { font-size: 14px; margin: 0 auto 5px;}
div#serviceBox div.service_info ul li.li_03 h3 span:nth-child(2) { font-size: 14px; margin: 0 auto 5px;}
div#serviceBox div.service_info ul li.li_03 h3 span:nth-child(3) { font-size: 18px;}
div#serviceBox div.service_info ul li.li_05 h3 span:nth-child(1) { font-size: 16px; margin: 0 auto 2px;}
div#serviceBox div.service_info ul li.li_05 h3 span:nth-child(2) { font-size: 16px; margin: 0 auto 2px;}
div#serviceBox div.service_info ul li.li_05 h3 span:nth-child(3) { font-size: 14px;}
div#serviceBox div.service_info ul li.li_06 h3 span:nth-child(1) { font-size: 12px;}
div#serviceBox div.service_info ul li.li_06 h3 span:nth-child(2) { font-size: 16px;}


div#serviceBox div.service_info ul li div.inner_box01,
div#serviceBox div.service_info ul li div.inner_box02 {
}
div#serviceBox div.service_info ul li div.inner_box01 img,
div#serviceBox div.service_info ul li div.inner_box02 img {
}

/* inner_btn */
div#serviceBox div.service_info ul li p.inner_btn01,
div#serviceBox div.service_info ul li p.inner_btn02 {
}
div#serviceBox div.service_info ul li p.inner_btn01 a,
div#serviceBox div.service_info ul li p.inner_btn02 a {
	width: 110px;
	font-size: 12px;
}
div#serviceBox div.service_info ul li a span {
	width: 18px;
	height: 18px;
	background-size: 18px;
	left: -7px; top: 6px;
}


/* ----- service_majica ----- */
div#serviceBox div.service_majica {
}

/* h2 */
div#serviceBox div.service_majica h2 {
	height: 40px;
	margin: 0 0 30px;
}
div#serviceBox div.service_majica h2 span.majica_ttl01 {
	margin: 12px 0 0;
}
div#serviceBox div.service_majica h2 span.majica_ttl01 img { width: 90px; height: auto;}
div#serviceBox div.service_majica h2 span.majica_ttl02 {
	font-size: 18px;
	margin: 10px 0 0;
}

/* service_majica inner_box */
div#serviceBox div.service_majica div.inner_box {
	padding: 30px 20px 30px;
}
div#serviceBox div.service_majica div.inner_box li {
	margin: 0 0 20px;
}

div#serviceBox div.service_majica div.inner_box h3 {
	font-size: 18px;
	line-height: 1.2;
	margin: 0 0 10px;
	padding: 0 0 0 30px;
}
div#serviceBox div.service_majica div.inner_box li.li_01 h3 { background-size: 20px;}
div#serviceBox div.service_majica div.inner_box li.li_02 h3 { background-size: 20px;}
div#serviceBox div.service_majica div.inner_box li.li_03 h3 { background-size: 20px;}

div#serviceBox div.service_majica div.inner_box p {
	margin: 0 0 0 30px;
}
div#serviceBox div.service_majica div.inner_box p.majica_txt01 { font-size: 12px; margin-bottom: 5px;}
div#serviceBox div.service_majica div.inner_box p.majica_txt02 { font-size: 11px; margin-bottom: 5px;}



/* storeBox
--------------------------------------------------------- */

div#storeBox {
	padding: 0 0 60px;
}
div#storeBox h1 {
	font-size: 28px;
    margin: 0 auto 10px;
	padding: 60px 0 0;
}

div#storeInnerBox {
	padding: 40px 20px;
}
div#storeInnerBox > li {
	padding: 20px 20px!important;
}

div#storeInnerBox li div.left_box {
	width: 100%;
	float: none;
}

div#storeInnerBox li div.right_box {
	width: 100%;
	float: none;
}


/* div.left_box h2 */
div#storeInnerBox li div.left_box h2 {
	font-size: 20px;
	margin: 0 0 10px;
}

/* div.rtop_box */
div#storeInnerBox li div.right_box div.rtop_box {
}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01,
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 {
	width: 48%;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 { float: left;}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 { float: right;}

div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a,
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a {
	font-size: 12px;
	display: block;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a {
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop01 a span {
	width: 15px;
	height: 15px;
	background-size: 15px;
	top: 2px;
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a {
}
div#storeInnerBox li div.right_box div.rtop_box li.li_rtop02 a span {
	width: 15px;
	height: 15px;
	background-size: 15px;
	top: 3px;
}




/* div.rbot_box */
div#storeInnerBox li div.right_box div.rbot_box {
}
div#storeInnerBox li div.right_box div.rbot_box img {
}

/* div#storeInnerBox table */
div#storeInnerBox table {
	margin: 0 0 20px;
}
div#storeInnerBox table th,
div#storeInnerBox table td {
	font-size: 12px;
	padding: 2px 4px;
}
div#storeInnerBox table th {
	padding-left: 0;
}
div#storeInnerBox table td {
	padding-left: 0;
}

.line_banner {
    margin-top: 10px;
}
.line_banner a {
    padding: 2px;
    border: 2px solid #33ac3c;
}
.line_banner img {
    border-radius: 3px;
    overflow: hidden;
}

/* aboutBox
--------------------------------------------------------- */

div#aboutBox {
}
div#aboutInnerBox01 {
	padding: 24px 0 0;
	background-size: 70px auto;
}
div#aboutInnerBox02 {
	padding: 0 0 24px;
	background-size: 70px auto;
}
div#aboutInnerBox03 {
	padding: 0 20px 30px;
}
div#aboutBox h1 {
	font-size: 28px;
	margin: 40px auto 5px;
	padding: 0 0 0 40px;
	background: url(../images/common/img_about_icn01.png) no-repeat left 40%;
	background-size: 12%;
}

div#aboutBox p {
	font-size: 13px;
}
div#aboutBox p strong {
}
div#aboutBox p span {
}




/* footer
--------------------------------------------------------- */

/* ----- footerGroup ----- */

div#footerInnerGroup {
	padding: 25px 20px 10px;
}

div#footerGroup h1 {
	font-size: 16px;
	text-align: center;
}
div#footerGroup ul {
    text-align: center;
}
div#footerGroup li {
	float: none;
    display: inline-block;
    margin: 0 8px 2px 0;
}
div#footerGroup li.footergroup_donki img,
div#footerGroup li.footergroup_nagasakiya img,
div#footerGroup li.footergroup_doit img,
div#footerGroup li.footergroup_jce img,
div#footerGroup li.footergroup_realit img,
div#footerGroup li.footergroup_done img,
div#footerGroup li.footergroup_accretive img,
div#footerGroup li.footergroup_sunassort img,
div#footerGroup li.footergroup_jasset img,
div#footerGroup li.footergroup_donquijote_usa img,
div#footerGroup li.footergroup_marukai img,
div#footerGroup li.footergroup_jis img,
div#footerGroup li.footergroup_storecrews img,
div#footerGroup li.footergroup_justneo img,
div#footerGroup li.footergroup_lirack img {
	width: auto;
	height: 30px;
}



/* ----- footer ----- */

#pageTop {
	font-size: 18px;
	right: 10px; bottom: 10px;
}
p#pageTop a {
	padding: 4px 10px 0;
}



}


/*====================================================================================
　210906_css書き換え
====================================================================================*/
div#serviceBox div.service_info ul{
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}
div#serviceBox div.service_info ul li {
	float: none;
}

@media screen and (max-width: 580px) {
	div#serviceBox div.service_info ul{
		display: block;
	}
	div#serviceBox div.service_info ul li{
		width: 100%;
	}
}











/*====================================================================================
　MV slick
====================================================================================*/

#visual .slick-dotted.slick-slider {
    margin-bottom: 0!important;
}
#visual .slick-slide {
    background: #fff;
}
#visual .slick-slide img {
    opacity: 0.2;
    transition: 0.6s;
	transform: scale(0.90);
	transform-origin:center bottom;
}
#visual .slick-slide.slick-active img {
    opacity: 1;
	transform: scale(1.05);
}
#visual .slick-dots {
    display: flex;
    justify-content: end;
    align-items: center;
    position: absolute;
    bottom: 10px;
    right: 185px;
}
#visual .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    background: #000;
    border-radius: 50px;
}
#visual .slick-dots li {
    display: flex!important;
    justify-content: center;
    align-items: center;
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50px;
}
#visual .slick-dots li.slick-active button {
    background: #f6aa00;
}
#visual .slick-dots li button:before {
    display: none;
}
#visual_play_button {
    position: absolute;
    bottom: 8px;
    right: 156px;
    overflow: hidden;
}
#visual_play_button button {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    background-color: #f6aa00;
    position: relative;
}


#visual_play_button button::before {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    border-left: 8px solid #fff;
    box-sizing: border-box;
    content: "";
}
#visual_play_button button.paused::before,
#visual_play_button button.paused::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 10px;
    box-sizing: border-box;
    background-color: #fff;
    content: "";
    border: none;
}
#visual_play_button button.paused::before {
    left: 6px;
    right: auto;
}
#visual_play_button button.paused::after {
    right: 6px;
    left: auto;
}

@media screen and (max-width: 1600px) {
    
    #visual_play_button {
        bottom: 46px;
        right: 106px;
    }
    #visual .slick-dots {
        right: 135px;
    }
}

@media screen and (max-width: 1000px) {
    #visual .slick-dots {
        right: 75px;
    }
    #visual .slick-dots li button {
        width: 5px;
        height: 5px;
    }
    #visual .slick-dots li {
        width: 7px;
        height: 7px;
        margin: 0 2px;
    }
    #visual_play_button button {
        width: 15px;
        height: 15px;
    }
    #visual_play_button {
        bottom: 46px;
        right: 55px;
    }
    #visual_play_button button::before {
        left: 36%;
        border: 4px solid transparent;
        border-left: 6px solid #fff;
    }
    #visual_play_button button.paused::before, #visual_play_button button.paused::after {
        width: 2px;
        height: 7px;
    }
    
    #visual_play_button button.paused::before {
        left: 4px;
    }
    #visual_play_button button.paused::after {
        right: 4px;
    }
}

@media screen and (max-width: 767px) {
    
    #visual_play_button {
        bottom: 25px;
        right: 55px;
    }
}
@media screen and (max-width: 480px) {
    #visual .slick-dots {
        right: 35px;
        bottom: 8px;
    }
    #visual_play_button {
        bottom: 25px;
        right: 15px;
    }
}







/*====================================================================================
　マジカダウンロード
====================================================================================*/
#outSide {
	overflow: hidden;
}
.secAppArea {
    /*background: url(https://www.majica-net.com/img/index/bg04.png) repeat 50% 0, linear-gradient(179deg, #f6aa00 0%, #fad686 100%);*/
    background: url(../images/common/bg_01.png) no-repeat center / cover ;
    box-sizing: border-box;
	box-shadow: 0 1px 7px 5px rgba(0, 0, 0, 0.1);
	position: relative;
	color: #fff;
}
.secAppArea a {
	color: #fff;
}
.secAppCont {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    padding: 75px 50px;
	box-sizing: border-box;
}
.secAppArea dl {
    width: 45%;
}
.secAppArea dl dt {
    font-size: 213%;
    font-weight: 700;
    margin-bottom: 15px;
}

.secAppArea dl dd {
    font-weight: 700;
    font-size: 106%;
}
.secAppArea .appLinkArea {
    min-width: 420px;
    width: 42%;
}
.secAppArea .appLink {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.secAppArea .appLink li {
    margin: 0 2px;
}
.secAppArea .appLink li a {
    transition: opacity 0.6s;
    text-decoration: none;
}
.secAppArea .appLink li img {
    height: 63px;
}
.secAppArea p.attention {
    font-size: 80%;
    font-weight: 500;
    margin: 0 auto;
    text-align: left;
}

a.majica_link {
    display: block;
    text-align: center;
    padding: 15px;
    background: #fff;
    border-radius: 100px;
    margin-top: 10px;
    color: beige;
    text-decoration: none;
    color: #f6aa00;
    font-size: 130%;
    width: 90%;
}

@media screen and (max-width: 1000px) {
	.secAppCont {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	.secAppArea dl {
		width: 100%;
        margin-bottom: 30px;
	}
	.secAppArea .appLinkArea {
		min-width: 420px;
		width: 100%;
	}
	.secAppArea p.attention {
		text-align: center;
	}
}
@media screen and (max-width: 999px) {
	div#logoBox {
    height: 64px;
	}
	div#logoBox {
        margin: 0;
    }
}
@media screen and (max-width: 767px) {
	
	div#logoBox {
		height: 50px;
	}
	.secAppCont {
		padding: 40px 20px;
	}
	.secAppArea dl dt {
		font-size: 22px;
		margin-bottom: 10px;
	}
	.secAppArea dl dd {
		font-weight: 700;
		font-size: 14px;
	}
	.secAppArea p.attention {
    font-size: 10px;
	}
	.secAppArea dl {
        margin-bottom: 20px;
    }
	.donki_link a {
		display: block;
		padding: 20px 20px;
		text-align: center;
		margin: 0px auto 20px;
		width: 220px;
		box-sizing: border-box;
		background: #fff;
	}
	div#storeInnerBox > ul > li {
		padding: 20px 20px;
		border: 5px solid #f1f1f1;
	}
	div#storeInnerBox li div.left_box {
		padding-right: 0px;
	}
	div#globalNaviMenu ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
	}
	div#globalNaviMenu ul li a {
        font-size: 13px;
        padding: 10px 5px 10px;
    }
	a.majica_link {
		padding: 12px;
		font-size: 100%;
		width: 70%;
		margin: 15px auto 10px;
	}
}


@media screen and (max-width: 480px) {
	.secAppArea .appLink li img {
		height: 50px;
	}
	#visual {
		margin-top: 10px;
	}
	div#logoBox {
		height: 50px;
	}
	div#serviceBox {
		padding-bottom: 0;
	}
}


/*====================================================================================
　店舗のスライド
====================================================================================*/

/* slide_box */
div.shop_slide_box {
	margin: 40px 0px 0;
	padding: 0 ;
}
div.shop_slide_box .slick-prev,
div.shop_slide_box .slick-next {
	width: 50px;
	height: 50px;
	/*top: 45%;*/
}
div.shop_slide_box .slick-prev { left: -45px;}
div.shop_slide_box .slick-next { right: -45px;}
div.shop_slide_box .slick-prev:before,
div.shop_slide_box .slick-next:before {
	color: #000;
	font-size: 36px;
}
div.shop_slide_box img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1000px) {
	div.shop_slide_box {
		margin: 20px 0 0;
	}
	div.shop_slide_box .slick-prev,
	div.shop_slide_box .slick-next {
	}
	div.shop_slide_box .slick-prev {}
	div.shop_slide_box .slick-next {}
	div.shop_slide_box .slick-prev:before,
	div.shop_slide_box .slick-next:before {
	}
	div.shop_slide_box img {
	}
}
@media screen and (max-width: 768px) {
	/* slideBox */
	div.shop_slide_box {
		width: 100%;
		margin: 20px auto 0;
		padding: 0;
		overflow: hidden;
	}
	div.shop_slide_box ul {
	}
	div.shop_slide_box .slick-prev,
	div.shop_slide_box .slick-next {
		display: none !important;
		top: 35%;
	}
	div.shop_slide_box .slick-prev {}
	div.shop_slide_box .slick-next {}
	div.shop_slide_box .slick-prev:before,
	div.shop_slide_box .slick-next:before {
	}
	div.shop_slide_box img {
	}

}

.red_text_time {
    font-size: 13px;
    color:red;
}

@media screen and (max-width: 768px) {
    .red_text_time {
        font-size: 11px;
    }
}