/* common
-------------------------------------------------- */


.contents-ttl {
text-align: center;
font-family: 'Viga', sans-serif;
font-weight: bold;
font-size: 3.0rem;
letter-spacing: 0.2em;
color:#F39800;
}

.sub-title {
text-align: center;
font-size: 1.2rem;
margin: 10px 0 50px;
overflow: hidden;
color:#c4a97b;
}


.section-container {
width: 100%;
max-width: 1080px;
padding: 30px 0 40px;
position: relative;
margin:0 auto;
overflow: hidden;
}

.section-pagecont {
width: 100%;
max-width: 780px;
position: relative;
margin:0 auto;
overflow: hidden;
float: right;
}

.section-innerBox {
position: relative;
}

.section-container h1 {
}
.section-container h2 {
margin-bottom: 40px;
text-align: center;
}
.section-container h2 span {
display: block;
width: 160px;
border-bottom:solid 2px #0f3001; 
text-align: center;
margin: 15px auto 0;
padding-bottom: 15px;
font-size:12px;
}


.enabled{
width: auto;
}
.open{
position: relative;
width: 100% !important;
}

.hr_line {
background: url(../img/common/hr_bg.gif) no-repeat center center;
background-size: cover;
height: 300px;
}

.pc_only {
display:block;	
}
.sp_only {
display:none;	
}

/* 641px以上 */
@media print, screen and (min-width:668px) {
[data-sc-sp] {
display:none!important;
}
}
/* 960px以下 */
@media screen and (max-width:667px) {
[data-sc-onlyPc] {
display:none !important;
}
}




/* -------------------------------------------------- 
contents
-------------------------------------------------- */
#content {
width: 100%;
position: relative;
/*line-height: 1.7em;*/
overflow: hidden;
}
.page {
padding-bottom: 50px;
}
#pagetitle {
background: #f2f2f2;
margin-bottom: 40px;
font-family: 'PT Serif', serif;
}
#pagetitle h2 {
width:100%;
max-width: 1080px;
margin: 0 auto;
text-align: center;
height: 80px;
line-height: 80px;
color:#0f3001;
font-weight: 400 !important;
}
#pagetitle h2 img {
width:120px;
}
#pagetitle h2 span {
font-size:12px;
margin: 0 0 0 10px;
color:#555;
font-family: Helvetica, Verdana, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,  sans-serif;
}




/* sidebar
-------------------------------------------------- */

#sidebar {
width:200px;
float:left;
overflow: hidden;
}
#sidebar h3 {
background: #0f3001;
padding: 6px 5px;
text-align: center;
color:#FFF;
font-size: 14px;
font-family: 'PT Serif', serif;
}
#sidebar ul {
overflow: hidden;
border-top:solid 1px #CCC;
border-right:solid 1px #CCC;
border-left:solid 1px #CCC;
}
#sidebar ul li {
overflow: hidden;
border-bottom: solid 1px #CCC;
padding: 4px 10px;
}


#material {
background: url(../img/common/stripe.png) ;
padding: 5px 5px;
margin: 15px 0 0;
}
#material h4 {
background: #4F6651;
padding: 6px 5px;
text-align: center;
color:#FFF;
font-size: 14px;
margin: 0;
}

#material dl {
background: #FFF;
margin: 5px 0 0;
}
.acMenu dt{
width:100%;
border:#CCC 1px solid;
cursor:pointer;
font-size: 12px;
min-height: 42px;
background: url(../img/common/arrow01.png) no-repeat right center;
background-size: 15px 8px;
font-weight: 100;
line-height:1.2em;
}
.acMenu dt span{
display:block;
margin: 6px 30px 6px 10px;
}
.acMenu dd{
background:#fff;
width:100%;
display:none;
padding: 15px;
}


/* top
-------------------------------------------------- */


#slide {
width:100%;
margin: 0 auto;
max-height: 660px;
height: auto;
position: relative;
z-index: 0;
}
#slide img {
margin: 0 auto;
}

.slide_logo {
max-width: 1200px;
position: absolute;
z-index: 30;
left: 50%;
margin-left: -600px;
}

.topslider {
padding: 0 !important;
margin: 0 !important;
position: absolute;
z-index: 20;
}
.topslider li {
width:100%;
height: 660px;
}
.topslider li img {
width: auto;
margin: 0 auto;
}
.topslider li.slide01 {
background: url(../img/slide/slide_1.jpg) no-repeat center bottom;
background-size: cover;
}
.topslider li.slide02 {
background: url(../img/slide/slide_2.png) no-repeat center bottom;
}
.topslider li.slide03 {
background: url(../img/slide/slide_3.jpg) no-repeat center bottom;
background-size: cover;
}


#lineup {
overflow: hidden;
padding: 0 0 80px;
}

#lineup ul {
width:100%;
overflow: hidden;
}
#lineup ul li {
float:left;
width:25%;
}
#lineup ul li div {
margin: 15px;
text-align: center;
font-size: 17px;
}
#lineup ul li div img {
width:100%;
margin-bottom: 15px;
}


#greed {
background: url(../img/top/our_greed_bg.jpg);
background-size: cover;
min-height: 550px;
text-align: center;
padding: 60px 0;
}
#greed h2 img {
width:300px;
}

#greed .greed_slide {
color:#FFF;
}
#greed .greed_slide li h3 {
width:280px;
margin: 20px auto 20px;
}
#greed .greed_slide li h3 img {
width:100%;
}
#greed .greed_slide li h4 {
margin-bottom: 30px;
}


#history {
background: url(../img/top/history_imgBag.png) no-repeat center bottom #dedfdd;
min-height: 550px;
text-align: left;
padding:60px 0 180px;
}
#history h2 img {
width:400px;
}
#history h3 {
margin: 20px 0 20px 80px;
width: 700px;
}
#history h3 img {
width:100%;
}
#history p {
margin-left: 80px;
width: 600px;
}



#name_yurai {
background: #FFF;
min-height: 640px;
text-align: left;
background: url(../img/top/yurai_bg.jpg) no-repeat center bottom;
}
#name_yurai .section-container {
padding: 0 !important;
}
#name_yurai h3 {
margin: 0 0 20px 80px;
width: 400px;
}
#name_yurai h3 img {
width:100%;
}
#name_yurai p {
margin-left: 80px;
}




#information {
border-top:solid 1px #ddd;
min-height: 550px;
text-align: left;
padding: 60px 0 80px;
overflow: hidden;
max-width: 1080px;
margin: 0 auto;
}
#informationboxL {
float:left;
overflow: hidden;
width:44%;
margin: 0 0 20px 80px;
}
#informationboxR {
float:right;
overflow: hidden;
width:40%;
margin: 0 70px 20px 0;
}
#information h3 {
width: 360px;
}
#information h3 img {
width:100%;
}

#news {position:relative;overflow:hidden;height:300px;margin: 0 auto;padding:20px 0;}
#news ul {padding:0 40px 40px 0;margin-top: 0 !important;}
#news ul li {margin-bottom:8px;color:#333;}
#news ul li span {font-weight:700;display:block;}
#news .ps-scrollbar-x, #news .ps-scrollbar-y { background-color: #000;}




/* FOOTER
-------------------------------------------------- */
footer {
width: 100%;
background: #dedfdd;
border-top:solid 6px #0f3001;
font-family: 'PT Serif', serif;
color:#0f3001;
}
div.footer-inner {
width: 100%;
text-align: center;
padding: 20px 0;
}
.footer-inner .f_logo {
margin: 0 auto 20px:
} 

.footer-inner .copy {
color:#0f3001;
}


footer .footer-inner {position:relative;width:980px;margin:0 auto;padding-top:20px;color:white;overflow:hidden;zoom:1;}
footer .footer-inner .fmenu {position:relative;margin:0 0 20px;list-style: none;padding:0;text-align:left;overflow:hidden;}
footer .footer-inner .fmenu li {float:left;border-right:solid 1px #666;margin-right:45px;padding-right:45px;}
footer .footer-inner .fmenu li h2 {font-size:13px;font-weight:900;padding-bottom:10px;color:#0f3001;}
footer .footer-inner .fmenu li a {display:block;font-size:13px !important;}
footer .footer-inner .fmenu li h4 {font-weight:100;padding:0 !important;margin:0 0 5px !important;font-weight:100;line-height:1.1em !important;}

.add {position:absolute;top:20px;right:0;color:#0f3001 !important;}






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

h3.cate_title {
color:#0f3001;
}
h3.cate_title span {
font-size:60%;
margin-left: 15px;
color:#666;
}

#page_lineup {
overflow: hidden;
padding: 0 0 80px;
}

#page_lineup ul {
width:100%;
overflow: hidden;
}
#page_lineup ul li {
width:50%;
float:left;
overflow: hidden;
}
#page_lineup ul li img {
width:40%;
margin-right: 15px;
float:left;
}
#page_lineup ul li div {
display: inline-block;
padding: 40px 0 0;
width: 52%;
}
#page_lineup ul li div h3 {
font-size: 18px;
font-weight: 700;
}
#page_lineup ul li div h3 span {
font-size:11px;
margin-right: 5px;
}



.itemList {
overflow: hidden;
margin-bottom: 80px;
width:100%;
}
.itemList li {
width:33.33333333%;
float:left;
overflow: hidden;
margin-bottom: 50px;
}
.itemList li:nth-child(3n+1) div {
margin-right:20px;
overflow: hidden;
}
.itemList li:nth-child(3n+2) div {
margin-right:10px;
margin-left:10px;
overflow: hidden;
}
.itemList li:nth-child(3n+3) div {
margin-left:20px;
overflow: hidden;
}

.itemList li img {
margin:0 0 10px;
width: 100%;
}
.itemList li div h4 {
margin-bottom: 5px;
min-height: 40px;
}
.itemList li div p {
margin-bottom: 8px;
min-height: 120px;
}
.itemList li a {
text-decoration: none;
}
.itemList li img a:hover {
opacity: 0.8
}
.itemList li span.price {
display: block;
color: #006837 !important;
}

.detail {
overflow: hidden;
padding: 10px 8px;
margin: 0 !important;
border:solid 1px #ccc;
}
ul.pointList {
overflow: hidden;
padding: 0;
margin: 0 0 10px;
min-height: 45px;
}
ul.pointList li {
overflow: hidden;
width: 50%;
float: left;
display: block;
text-align: center;
color:#FFF;
font-size:12px;
margin: 0;
}
ul.pointList li.point01 {
background: #375139;
}
ul.pointList li.point02 {
background: #4F6651;
}
ul.pointList li.point03 {
background: #203D22;
}
ul.pointList li.point04 {
background: #708372;
}



#shoplist {
margin-bottom: 40px;
}
#shoplist h3.shoplist_s {
margin-bottom: 20px;
color:#0f3001;
font-weight: 400;
background: #f2f2f2;
padding: 7px 15px 5px;
border-bottom: solid 3px #0f3001;
}
#shoplist .shoplist_shop {
overflow: hidden;
}
#shoplist .shoplist_shop_s {
overflow: hidden;
margin:0 6px 20px;
font-size: 15px;
width: 48.2%;
float:left;
border-left:solid 3px #CCC;
padding: 15px;
font-weight: 700;
}
#shoplist .shoplist_shop_s_tx {
font-size: 13px;
margin-right: 30px;
font-weight: 100;
}

.support_sec01 {
padding-bottom:30px;
overflow: hidden;
text-align: center !important;
}
.support_sec01 h3 {
margin-bottom: 40px;
}
.support_sec02 {
background: url(../img/support/sec_bg01.jpg) no-repeat;
background-size: cover;
padding: 60px 0 80px;
overflow: hidden;
}
.support_sec02 h3,
.support_sec02 p {
color:#FFF;
}
#support_list_s {
overflow: hidden;
margin: 30px auto;
width:80%;
}
#support_list_s dl {
width:50%;
float:left;
overflow: hidden;
background: rgba(255,255,255,0.8);
padding: 6px 10px;
margin: 0;
border-top:solid 1px #FFF;
border-left:solid 1px #FFF;
border-top:solid 1px #FFF;
color:#333;
text-align: left;
}
#support_list_s dl:nth-child(even) {
border-right:solid 1px #FFF;
}
#support_list_s dt {
float:left;
width: 75%;
}
#support_list_s dd {
float:left;
width: 25%;
*width: 20%; /* IE7 */
_width: 20%; /* IE6 */
text-align: right;
}
.support_info {
background: #f2f2f2;
border-radius: 3px;
border:solid 2px #0f3001;
padding: 20px 40px;
margin-top: 40px;
}
.support_info dt {
color:#0f3001;
font-weight: 400;
font-size: 20px;
margin-bottom: 20px;
}
.support_info dd {
margin-bottom: 15px;
}
.support_info dd p {
margin:0 0 10px !important;
}
.btn_viewpage a {
border-radius:3px;
background:#c5a851;
color:#FFF;
text-align: center;
letter-spacing: 2px;
padding: 10px 45px;
border-bottom: solid 2px #968365;
font-size: 18px;
margin: 20px auto 0 !important;
}




#repair {
background: url(../img/support/sec_bg01.jpg) no-repeat;
background-size: cover;
min-height: 550px;
text-align: center;
padding: 30px 0;
}
#repair h2 img {
width:160px;
}
#repair h2 span {
font-size:18px !important;
}
#repair .repair_slide {
color:#FFF;
}
#repair .repair_slide li {
overflow: hidden;
}
#repair .repair_slide li h3 {
width:280px;
margin: 20px auto 20px;
}
#repair .repair_slide li h3 img {
width:100%;
}
#repair .repair_slide li h4 {
margin-bottom: 30px;
}
#repair .section-container h2 span {
display: block;
width: 200px;
border-bottom:solid 2px #0f3001; 
text-align: center;
margin: 15px auto 0;
padding-bottom: 15px;
font-size:12px;
}

#repair .repair_flow {
overflow: hidden;
width: 80%;
margin: 0 auto;
}
#repair .repair_flow li {
width: 31%;
padding: 15px 20px;
margin: 0 10px;
float:left;
border:solid 1px #FFF;
min-height: 380px;
text-align: left;
background-color: rgba(0,0,0,0.3);
}
#repair .repair_flow li span {
background: #FFF;
padding: 4px 0;
text-align: center;
display:block;
margin-bottom: 10px;
color:#333;
font-family: 'PT Serif', serif;
}
.repair_example {
overflow: hidden;
width:80%;
margin: 0 auto;
}
.repair_example li {
width:49%;
border:solid 1px #FFF;
text-align: left;
background-color: rgba(0,0,0,0.3);
}
.repair_example li:nth-child(odd) {
float: left;
}
.repair_example li:nth-child(even) {
float: right;
}
.repair_example dl {
margin:15px 15px 10px;
}
.repair_example dt {
margin:0 0 5px;
}
.repair_example dd {
margin:0 0 5px;
}
.repair_example li img {
margin:0 auto 15px;
width: 90%;
}





.moreview a {
border-radius: 50px;
border:solid 1px #0f3001 !important;
padding: 4px 0;
text-align: center;
margin: 10px auto !important;
display: block;
color:#0f3001 !important;
width: 190px;
}

.moreview a:hover {
background: rgba(15,48,1,0.9);
color:#FFF !important;
}






/* RESPONSIVE CSS
-------------------------------------------------- */


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

.pc_only {
display:none;	
}
.sp_only {
display:block;	
}


.section-container {
width:86%;
margin: 0 auto;
padding: 20px 0 40px;
}
.section-container h2 {
margin-bottom: 20px;
text-align: center;
}
.section-container h2 span {
display: block;
width: 170px;
border-bottom:solid 2px #0f3001; 
text-align: center;
margin: 5px auto 0;
padding-bottom: 8px;
font-size:11px;
}

.section-pagecont {
width: 100%;
max-width:100%;
position: relative;
margin:0 auto;
overflow: hidden;
float: none;
}

h3.cate_title {
font-size: 20px;
margin-bottom: 30px;
}

#sidebar {
width:100%;
float:none;
overflow: hidden;
}

#pagetitle {
margin-bottom: 20px;
}
#pagetitle h2 img {
width:150px;
}




#slide {
width:100%;
margin: 0 auto;
max-height: 200px;
height: auto;
position: relative;
z-index: 0;
}
#slide img {
margin: 0 auto;
}

.slide_logo {
max-width: 340px;
position: absolute;
z-index: 30;
left: 0;
margin-left: 0;
}
.slide_logo img {
width:100%;
}

.topslider {
padding: 0 !important;
margin: 0 !important;
position: absolute;
z-index: 20;
}
.topslider li {
width:100%;
height: 200px;
}
.topslider li img {
width: auto;
margin: 0 auto;
}
.topslider li.slide01 {
background: url(../img/slide/slide_1.jpg) no-repeat center bottom;
background-size: cover;
}
.topslider li.slide02 {
background: url(../img/slide/slide_2.png) no-repeat center bottom;
background-size: cover;
}
.topslider li.slide03 {
background: url(../img/slide/slide_3.jpg) no-repeat center bottom;
background-size: cover;
}






#lineup {
overflow: hidden;
padding: 0 0 0;
}

#lineup ul {
width:100%;
overflow: hidden;
padding: 0 !important;
margin: 0 !important;
}
#lineup ul li {
float:left;
width:50%;
}
#lineup ul li div {
margin:0;
text-align: center;
font-size: 15px;
}
#lineup ul li div img {
width:100%;
margin-bottom: 15px;
}



#greed {
background: url(../img/top/our_greed_bg.jpg) no-repeat;
background-size: cover;
min-height: 550px;
text-align: left;
}
#greed h2 img {
width:240px;
}

#greed .greed_slide {
color:#FFF;
margin: 0 auto;
}
#greed .greed_slide li h3 {
width:220px;
margin: 20px auto 20px;
}
#greed .greed_slide li h3 img {
width:100%;
}
#greed .greed_slide li h4 {
margin-bottom: 30px;
}


#history {
background: url(../img/top/history_imgBag.png) no-repeat center bottom #dedfdd;
background-size: 1100px auto;
min-height: 550px;
text-align: left;
padding-bottom: 100px;
}
#history h2 img {
width:280px;
}
#history h3 {
margin: 20px 0 20px 0;
width:  100%;
}
#history h3 img {
width:100%;
}
#history p {
margin-left: 0;
width: 100%;
}


#name_yurai {
min-height: 580px;
text-align: left;
background-size: 1000px auto;
}
#name_yurai .section-container {
padding: 0 !important;
}
#name_yurai h3 {
margin: 0 0 20px 0;
width: 280px;
}
#name_yurai h3 img {
width:100%;
}
#name_yurai p {
margin-left: 0;
}



#information {
padding-bottom: 0;
}
#informationboxL {
float:none;
width:100%;
margin: 0 0 30px;
}
#informationboxR {
float:none;
width:100%;
margin: 0;
}
#information h3 {
width: 270px;
margin: 0 auto;
}
#information h3 img {
width:100%;
}



#page_lineup ul li {
width:100%;
float:none;
overflow: hidden;
}
#page_lineup ul li img {
width:100%;
margin-right: 15px;
float:none;
}
#page_lineup ul li div {
display: inline-block;
padding: 40px 0 0;
width: 100%;
}


.itemList {
overflow: hidden;
margin-bottom: 0;
width:100%;
}
.itemList li {
width:100%;
float:left;
overflow: hidden;
margin-bottom: 30px;
}
.itemList li:nth-child(3n+1)  div {
margin-right:0 !important;
margin-left:0 !important;
overflow: hidden;
}
.itemList li:nth-child(3n+2)  div {
margin-right:0 !important;
margin-left:0 !important;
overflow: hidden;
}
.itemList li:nth-child(3n+3)  div {
margin-left:0 !important;
margin-right:0 !important;
overflow: hidden;
}

.itemList li img {
margin:0 0 10px;
width: 100%;
}
.itemList li div h4 {
margin-bottom: 5px;
min-height:20px;
}
.itemList li div p {
margin-bottom: 8px;
min-height:20px;
}

#shoplist .shoplist_shop_s {
overflow: hidden;
margin:0 0 20px;
width: 100%;
}
#shoplist .shoplist_shop_s_tx {
margin-right: 0;
}




.support_sec01 {
padding-bottom: 10px;
overflow: hidden;
text-align: left !important;
}
.support_sec01 h3 {
margin-bottom: 40px;
}
.support_sec02 {
background: url(../img/support/sec_bg01.jpg) no-repeat;
background-size: cover;
padding: 20px 0 20px;
overflow: hidden;
}
#support_list_s {
overflow: hidden;
margin: 30px 0;
}
#support_list_s {
width:100%;
}
#support_list_s dl {
width:100%;
float:left;
}

#support_list_s dt {
float:left;
width: 75%;
}
#support_list_s dd {
float:left;
width: 25%;
*width: 20%; /* IE7 */
_width: 20%; /* IE6 */
text-align: right;
}


.btn_viewpage a {
border-radius:3px;
background:#c5a851;
color:#FFF;
text-align: center;
letter-spacing: 2px;
padding: 10px 0;
border-bottom: solid 2px #968365;
font-size: 18px;
margin: 0 auto 0 !important;
display: block;
width:100%;
}


#repair {
background: url(../img/support/sec_bg01.jpg) no-repeat;
background-size: auto 100%;
min-height: 250px;
text-align: center;
padding: 15px 0;
}
#repair .repair_slide li h3 img {
width:100%;
}


#repair .repair_flow {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
#repair .repair_flow li {
width: 100%;
padding: 15px 20px;
margin: 0 0 10px;
float:none;
min-height:80px;
}
#repair .repair_flow li:last-child {
margin-bottom: 30px;
}


.repair_example {
overflow: hidden;
width:100%;
margin: 30px auto;
}
.repair_example li {
width:100%;
border:solid 1px #FFF;
text-align: left;
background-color: rgba(0,0,0,0.3);
}
.repair_example li:nth-child(odd) {
float:none;
}
.repair_example li:nth-child(even) {
float:none;
}
.repair_example dl {
margin:15px;
}
.repair_example dt {
margin:0 0 5px;
}
.repair_example dd {
margin:0 0 5px;
}
.repair_example li img {
margin:0 auto 15px;
width:90%;
display: block;
}



footer .footer-inner {position:relative;width:90%;margin:0 auto;padding-top:20px;color:white;overflow:hidden;zoom:1;}
footer .footer-inner .fmenu {width:100%;position:relative;margin:0 0 20px;list-style: none;padding:0;text-align:left;overflow:hidden;}
footer .footer-inner .fmenu li {float:none;border-right:none;margin-right:0;padding-right:0;width:100%;}
footer .footer-inner .fmenu li h2 {font-size:13px;font-weight:900;padding-bottom:0px;border-bottom:solid 1px #666;}
footer .footer-inner .fmenu li a {display:block;}
footer .footer-inner .fmenu li h4 {font-weight:100;padding:0 !important;margin:0 0 5px !important;font-weight:100;line-height:1.1em !important;}

.add {position:relative;top:20px;right:0;font-size:11px;clear:both;}




.moreview a {
border-radius: 50px;
border:solid 1px #0f3001 !important;
padding: 2px 0;
text-align: center;
margin: 10px auto !important;
display: block;
color:#0f3001 !important;
width: 150px;
font-size:12px;
}

.moreview a:hover {
background: rgba(15,48,1,0.9);
color:#FFF !important;
}


}