@charset "Shift_JIS";

#breadcrumb {display: none;}

#Wrapper .ItemArea ul.ap-list {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
#Wrapper .ItemArea ul.ap-list {border-bottom: 1px solid #ddd;margin-bottom: 5px;padding-bottom: 5px;}
#Wrapper .ItemArea ul.ap-list.end {border-bottom: 0;margin: 0;padding: 0;}
#Wrapper .ItemArea ul.ap-list li a{/*font-size:85%;*/background: url(/excludes/KPC/img/Special/apple/arr.png) no-repeat center left;padding: 4px 4px 4px 12px;display: block;}

@media screen and (min-width: 701px) {/*PC用コンテンツ*/

/* PC記述 */

.Apple_Pc_w1200{width:1200px;margin:0 auto}
#indexheader{padding:0}
#ApplecompHeader .AH_menu{background:rgba(255,255,255,0.5);margin:0 0 10px}
#ApplecompHeader .AH_menu ul{display:table !important;text-align:center}
#ApplecompHeader .AH_menu li{display:inline-table;width:12%}
#ApplecompHeader .AH_menu li a{display:block;font-size:12px;margin:10px 0 5px;padding:5px 0;border-left:1px solid #ccc;color:#356bb3}
#ApplecompHeader .AH_menu li:first-child a{border-left:0}
#ApplecompHeader .AH_menu h1{margin:0;padding:0;font-size:32px;font-weight:normal}
#AppleFooter .AF_BackBtn a{display:inline-block;min-width:100px;color:#fff;padding:10px;background:#777;border-radius:5px}
#AppleFooter .AF_BackBtn a:hover{text-decoration:none}
.Apple_LinkText a{font-size:14px;background:/*url(/excludes/KPC/img/Special/apple/arr.png)*/ no-repeat left center;padding:0 0 0 10px;color:#356bb3}

/* AppleTOP */

#Wrapper {/*font-size:12px;*/width:950px;}
#Wrapper .WrapperIn {width:950px !important;margin: 0 auto;}
#Wrapper .ItemArea .itemBox01, #Wrapper .ItemArea .itemBox02, #Wrapper .ItemArea .itemBox03, #Wrapper .ItemArea .itemBox04, #Wrapper .ItemArea .itemBox05, #Wrapper .ItemArea .itemBox06, #Wrapper .ItemArea .itemBox07{width: 50%;float:left;margin-bottom: 50px;}
#Wrapper .contsArea h2{font-size:1.5em; font-weight: normal;}
#Wrapper .contsArea{padding:50px 0 0 0;margin:0;width:948px;clear:both;}
#Wrapper .ItemArea{width:948px;clear:both;}
#Wrapper .ItemArea.mgB55{margin-bottom:55px;}
#Wrapper .ItemArea.mgB85{margin-bottom:85px;}
#Wrapper .ItemArea ul.ap-list {border-bottom: 1px solid #ddd;margin-bottom: 5px;padding-bottom: 5px;}
#Wrapper .ItemArea ul.ap-list.end {border-bottom: 0;margin: 0;padding: 0;}
#Wrapper .ItemArea ul.ap-list li a{/*font-size:85%;*/background: url(/excludes/KPC/img/Special/apple/arr.png) no-repeat center left;padding: 4px 4px 4px 12px;display: block;}

}

/*スマホ用コンテンツ*/
@media screen and (max-width:700px){

#fwCms_wrapper{width:100%}
#fwCms_wrapper #ApplecompHeader {width:100%;margin:0;padding:0;background:#f7f7f7;overflow-x:auto}
#ApplecompHeader .AH_FixedArea .AH_FA_FloatBox a{color: #fff !important; text-align: center; background: rgba(0,0,0,0.8); width: 100%; z-index: 200;}
#ApplecompHeader .AH_menu dl{border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#ApplecompHeader .AH_menu dl dt{font-size:16px;padding:10px 10px 10px 30px;background:url(/excludes/KSP/img/Special/apple/ico_plus.jpg) no-repeat 10px center;-webkit-background-size: 15px 15px;-moz-background-size: 15px 15px;-o-background-size: 15px 15px;-ms-background-size: 15px 15px}
#ApplecompHeader .AH_menu dl dt.open{font-size:16px;background:url(/excludes/KSP/img/Special/apple/ico_minus.jpg) no-repeat 10px center;-webkit-background-size: 15px 15px;-moz-background-size: 15px 15px;-o-background-size: 15px 15px;-ms-background-size: 15px 15px}
#ApplecompHeader .AH_menu dl dd ul li a{font-size:14px;color:#333;display:block;padding:10px;background:url(/excludes/KSP/img/Special/apple/ico_arrow.png) no-repeat right 10px center/8px auto;-webkit-background-size: 8px auto;-moz-background-size: 8px auto;-o-background-size: 8px auto;-ms-background-size: 8px auto}
#ApplecompHeader .AH_menu h1{font-size:24px;font-weight:normal;padding:10px 0 5px 10px}
#AppleFooter .AF_BackBtn a{display:inline-block;min-width:100px;color:#fff;margin:30px 10px 10px;padding:10px;background:#777;border-radius:5px}
.AccoPanel > dd {display:none}


}


/* AppleTOP */

.section2 {width:96%;margin: 5px 6px;padding: 10px 20px 20px;background: #EEE;border-radius: 10px;min-height:650px;}
.commerce_frame {border-top: 1px solid #ccc;}
.box_a {margin-left:0;}
#Wrapper .ItemArea h2{font-size: 1.4em;}
.contsArea{padding: 0 5px;}
#Wrapper .ItemArea ul.ap-list li a{ font-size: 75%;}

}
