@charset "utf-8";
/* CSS Document */

*{word-break: break-all;}

img{
max-width: 100%; height: auto;
image-rendering: -webkit-optimize-contrast;
}

.feature-content p{margin-bottom: 20px;}

label,input,input[type="checkbox"]{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
display: block;
width: auto;
}

.ttl {
height: 40px;
font-size: 15px;
font-weight: bold;
color: #ffffff !important;
padding: 12px 0 0 12px !important;
margin-bottom: 20px;
}
.ttl.style {
background-image: url("https://www.pc-koubou.jp/web_images/img/plate_style.png");
border-bottom: 2px solid #187ecc;
}
.ttl.level {
background-image: url("https://www.pc-koubou.jp/web_images/img/plate_level.png");
border-bottom: 2px solid #ff3300;
}
.main-bnbox .top_ infomation .top_blog>ul>li {
padding: 0px 0 10px 15px;
}

/*toppage link*/
.link_toppage a {
color:#177ECB;
font-size:14px;
font-weight:bold;
}

.contents .main-bnbox{height: auto; margin-bottom: 20px;}
.rec-main .section{margin: 20px 0 40px; position: relative;}


.rec-main .rec-map{background-image: url(../../images/rec_map.png); background-repeat: no-repeat; background-position: right top; position: relative; height: 600px;}
.rec-main .rec-map > li{position: absolute; list-style: none; width: 110px;}
.rec-main .rec-map > li > dl > dt{font-size: 17px; font-weight: bold; margin: 0 0 10px;}
.rec-main .rec-map > li > dl > dd{font-size: 11px; display: inline-block; margin: 0 3px 2px 0;}
.rec-main .rec-map > li .modal_content h3{ margin: 0 0 20px; font-size: 30px;}
.rec-main .rec-map > li .modal_content dt{margin: 10px 0 0;}
.rec-main .rec-map > li .modal_content dd{margin: 0 10px 5px 0; font-size: 14px; display: inline-block;}
.rec-main .rec-map > li .modal_content dd::before{content: url(../../images/link_bg01.png); padding:0 5px 0 0;}
.rec-main .read{position: absolute;top: 40px;left: 20px;width: 460px; font-size: 16px; z-index: 1;}

.rec-main .rec-map li.hokkaido{
	top: 202px;
	left: 805px;
}
.rec-main .rec-map li.kanto{
	top: 330px;
	left: 767px;
}
.rec-main .rec-map li.tokai{
	top: 432px;
	left: 643px;
}
.rec-main .rec-map li.koshinetsu{
	top: 174px;
	left: 557px;
}
.rec-main .rec-map li.kansai{
	top: 268px;
	left: 460px;
}
.rec-main .rec-map li.shikoku{
	top: 482px;
	left: 488px;
}
.rec-main .rec-map li.kyusyu{
	top: 316px;
	left: 289px;
}


h3.tit{font-size:15px; margin:10px 0 10px!important; font-weight:bold; color: #187ecc;}


/*ポップアップ*/
.modal_wrap input{
    display: none;
}
.modal_overlay{
    display: flex;
    justify-content: center;
    overflow: auto;
    position:  fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
    font-weight: normal;
}

.modal_trigger{
    position: absolute;
    width: 100%;
    height: 100%;
}

.modal_content{
    position: relative;
    align-self: center;
    width: 60%;
    max-width: 800px;
    padding: 30px 30px 15px;
    box-sizing: border-box;
    background: #fff;
    line-height: 1.4em;
    transition: 0.5s;
}
.close_button{
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 24px;
    cursor: pointer;
}
.modal_wrap input:checked ~ .modal_overlay{
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
    
}
.open_button{
 position: relative;
   /*top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 30px;
    margin: auto;
    padding: 8px 16px;
    color: #444;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    border-radius: 16px;*/
    cursor: pointer;
}

.page-contents{margin:0px;}


/**ヘッダー**/
.hnav-bottom > ul.left .web{display: none;}
.hnav-bottom > ul.left .other.pc{margin-left:90px;}
.hnav-bottom > ul.left li br:nth-child(2){display: none;}
.nav-bar>.title .desc02{padding: 16px 0 0; font-size: 11px;line-height: 20px; width:1000px; }
.btn-menu{font-size:13px; padding: 0 17px;}
.btn-menu br{display: none;} 
.kaitori-btn{top: 22px; right: 36px; position: absolute;}
.hnav-search .h-right{top: 4px; z-index:40;}
.hnav-search{height: 0px; padding-top: 0px;}
.nav-bar > .title .shop_logo {float: left; width: 120px; min-height: 50px; margin: 0 10px 0 0; overflow: hidden; text-indent: -9999px; background: url(https://www.pc-koubou.jp/shopinfo/images/shop_logo.svg) 50% 50% no-repeat;}


/**スライドバナー**/
.top_infomation_slide {width: 700px; margin:0 20px 0 0;}


/**ライトナビ**/
.right-nav li{margin: 0 0 10px; text-align: center;}


/**カテゴリ**/
.spNavi{display: block;}


/**レフトナビ**/
.nav-left .nav-box01 > ul > li > h3 > a{padding-left: 10px; background: none;}
.nav-left .nav-box01 > ul .lsub-nav{padding: 10px;}
.switch .child {display: block;}
.left-nav-bnr li{margin-bottom: 10px; text-align: center;}
.social-box-index.social-box{padding: 0 20px;}


/**店舗住所**/
.shop_ad > dl{margin: 0 0 30px; width:400px; float: left;}
.shop_ad > dl dt{width: 90px; float: left; margin: 0 0 10px;}
.shop_ad > dl dd{ margin: 0 0 10px; font-size: 15px;}


/**サービス**/
.shop_sv p {text-align: center; border: solid 1px #187fcc; font-size: 13px; height: 40px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border-radius: 0px; font-weight: normal; margin: 0px;}
.shop_sv p.no-active {opacity: .3;}

.col-conts.pc > dl dd a:hover {text-decoration: none;}
.col-conts.pc > dl dd .tit {line-height: 1.7;}
.col-conts.pc > dl dd .tit span:nth-child(1) {display: block; color: #333; font-size: 12px;}
.col-conts.pc > dl dd .tit span:nth-child(2) {display: block; color: #333; font-size: 12px;}
.col-conts.pc > dl dd .list-sq {font-size: 12px; color: #333;}
.col-conts.pc > dl dd .price {color: #FF0004; text-align: right;}
.col-conts.pc > dl dd .price .price--num {font-size: 18px; font-weight: bold; padding: 0 5px;}


/**ズーム**/
.okzoom.fly > p.pc{font-weight: bold; font-size: 18px;}
#ok-loupe{left:-220px!important;}
.ok-listener{cursor : zoom-in;}
.flyer-area{height: 550px;}



/*.switch .menu:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -14px;
    content: '>';
    font-size: 14px;
    font-weight: bold;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}
 .switch .menu.active:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
*/



.page-top {
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 400;
    margin: 0px;
}
.page-top a {
	background: #187fcc;
	text-decoration: none;
	color: #fff;
	display: block;
    padding: 3px 10px;
    font-size: 20px;
}

/**グーグルマップ**/
.box-googlemap {position: relative;padding-bottom: 44%;	padding-top: 30px;	height: 0;overflow: hidden;}
.box-googlemap iframe {position: absolute;	top: 0;left: 0;width: 100%;	height: 100%;}

/**shufooチラシ**/
.shufoo-main-wrap{max-width:100% !important;}
	
/**LINE表示用枠線**/
.lineflame{border:1px solid #cccccc;border-radius: 5px;padding:2px;}




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

/**グリッド**/
.col-conts > dl dd > a {font-size:12px;}
.col-type-02 > dd {margin: 0 0 2% 0; width:100%;}
.col-type-03 > dd,.col-type-04 > dd,.col-type-05 > dd,.col-type-06 > dd {margin:0 2.2% 2% 0; width:48.9%; font-size:12px;}
.col-type-03 > dd:nth-child(3n),.col-type-04 > dd:nth-child(4n),.col-type-05 > dd:nth-child(5n),.col-type-06 > dd:nth-child(6n){margin: 0 2.2% 2% 0;}
.col-type-03 > dd:nth-child(2n),.col-type-04 > dd:nth-child(2n),.col-type-05 > dd:nth-child(2n),.col-type-06 > dd:nth-child(2n){margin:0 0 2% 0;}
.col-conts > dl.boder{border-top:1px solid #ccc;} 
.col-conts > dl.boder > dd,.col-type-02 > dl.boder > dd,.col-type-03 > dl.boder > dd,.col-type-04 > dl.boder > dd {border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0px!important;} 
.col-type-02.boder > dd:nth-child(even),.col-type-03.boder > dd:nth-child(3n),.col-type-04.boder > dd:nth-child(4n){border-right:none; margin:0px!important;}
.col-type-02.boder > dd {width:49.9%;}
.col-type-03.boder > dd {width:33.3%;}
.col-type-04.boder > dd {width:24.9%;}
.col-conts > dl dd.whats_new a{padding: 0 0 0 50px;}
.col-type-03.sup > dd {margin: 0 0 2% 0; width:100%;}

/**マップ**/
.rec-main .section{margin: 0 0 40px;}
.rec-main .section:last-child{margin:0px;}
.rec-main .read{position: static;}
.rec-main .rec-map{background-image: none; height: auto;}
.rec-main .rec-map > li{position: static; width: auto;}
.rec-main .rec-map > li > dl {padding: 10px; background: #ededed; border-bottom: #fff solid 1px; display: block; color: #333; margin: 0px;}
.rec-main .rec-map > li > dl > dt{font-size: 17px; font-weight: bold; margin: 0 0 10px; position: relative;}
.rec-main .rec-map > li > dl > dt:after {content: ">"; position: absolute; right: 20px; left: auto; top: 12px; display: block; width: 4px;height: 4px; background: none; font-size: 12px;}
.rec-main .rec-map > li > dl > dd{font-size: 11px; display: inline-block; margin: 20px 5px 0 0;}
.rec-main .rec-map > li .open_button{height: 45px; position: absolute; top: -4px; width: 100%; padding-top: 5px;}
.area-search-shop .box-search-shop {overflow: hidden;}


/**ハンバーガーメニュー**/
.modal_content{width: 90%;}
.DSbtn {display: block;}
.DSbtn {position:fixed; margin:auto; -webkit-transition: ease .5s; transition: ease .5s; cursor: pointer; width: 50px; height: 44px; top: 0px; right: 0px; z-index: 211;}
.DSbtn .hambarg:nth-child(1),.DSbtn .hambarg:nth-child(2),.DSbtn .hambarg:nth-child(3) {position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff;  -webkit-transition: ease .5s; transition: ease .5s; height: 2px; width: 22px;} 
.DSbtn .hambarg:nth-child(1){top: 38%;}
.DSbtn .hambarg:nth-child(2){top: 50%;}
.DSbtn .hambarg:nth-child(3){top: 62%;} 
.DSbtn.action{background: #fff;}
.DSbtn.action .hambarg:nth-child(1) {top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background: #187fcc;}
.DSbtn.action .hambarg:nth-child(2) {top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; background: #187fcc;}
.DSbtn.action .hambarg:nth-child(3) {top: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); background: #187fcc;}

/**グローバルナビ**/
.header > .hbottom{z-index:220; max-height: inherit; position: fixed; top:40px;}
.spNavi {display: none; left: 0; right: 0; background: #fff; }
.hnav-bottom{height: auto; padding: 5px 0; box-shadow:0px 8px 7px 1px rgba(0,0,0,0.73);}
.hnav-bottom .col-conts{display: block;}
.hnav-bottom .col-conts .col-type-02 {margin: 0 0 10px;}
.hnav-bottom .col-type-02 > dd a {font-size: 14px; font-weight: 600;  display: block; padding: 30px 0; text-align: center; color: #333;}
.hnav-bottom .col-type-02 > dd {margin:0px; width:50%; border-right:solid 1px #ccc; border-bottom: solid 1px #ccc;}
.hnav-bottom .col-type-02 > dd:nth-child(2n){border-right: none;}
.hnav-bottom > ul.left {float: none; width: 100%;}
.hnav-bottom > ul.left li {margin:0 0 1.8% 2.12%; width:30.10%;}
.hnav-bottom > ul.left li br:nth-child(2){display: block;}
.hnav-bottom > ul.left li:nth-child(3n){margin:0 0 1.8% 2.12%;}
.hnav-bottom > ul.left li.top {width: auto; float: none; margin: 0 0 10px;}
.hnav-bottom > ul.left li.top .btn-menu.sky {background:#fff; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #ccc; border-radius: 0px; color: #333!important; justify-content: left; -webkit-justify-content: left; padding: 22px 10px; background: url(../../images/arrow1.png) no-repeat right 10px center; background-size: 17px;}  
.hnav-bottom > ul.left li.web,.hnav-bottom > ul.left li.other {width: auto; float: none; margin: 0px; text-align: left; clear: both;}
.hnav-bottom > ul.left li.web .btn-menu.green,.hnav-bottom > ul.left li.other .btn-menu.green {background:#fff; border-top: 1px solid #ccc; border-left: none; border-right: none; border-bottom: 1px solid #ccc; border-radius: 0px; color: #333!important; justify-content: left; -webkit-justify-content: left; padding: 22px 10px; background: url(../../images/arrow1.png) no-repeat right 10px center; background-size: 17px; margin-bottom: -1px;}
.hnav-bottom > ul.left li .btn-menu.sky {background:#e9f6ff; border:#e9f6ff; color: #187fcc; padding: 30px 5px;}
.hnav-bottom > ul.left li .btn-menu.green {background:#e9f6ff; border:#e9f6ff; color: #187fcc; padding: 30px 5px;}
.hnav-bottom > ul.left li .btn-menu br{display: block;}
.hnav-bottom > ul > li a{width: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; font-weight: normal;}
.hnav-bottom > ul.left .web{display: block;}
.hnav-bottom > ul.left .other.pc{margin-left:0px;}


/**SNSヘッド**/
.social-box.hed{margin: 10px 0 0;}

/**SNSレフトナビ**/
.social-box-index.social-box{padding:0px;}
.social-box-index .sns_new{margin: auto;}
.social-box-index.social-box > ul > li{float: none; display: inline-block;}

/**店舗住所**/
.shop_ad{margin: 0 0 40px;}
.shop_ad > dl{width:auto; float: none;}
.shop_ad .pull-right{float: none!important;}

/**スライド**/
.top_infomation_slide {width:100%; margin:0;}

/**ライトナビ**/
.right-nav li.twitter{padding: 0 30px;}

h1.fs30u{font-size: 15px; font-weight: bold;}
.htop{position: fixed!important; margin-top:0px!important; min-width:inherit!important; height: 62px;}
.pull-left,.pull-right{text-align:center; float: none!important;}
.pull-left.mr10,.pull-left.mr20,.pull-right.ml10{margin-left: 0px!important; margin-right: 0px!important;}
.product_block .product_title,.product_block .product_comment,.product_block .feature_title,.product_block .tft_feature li{padding-left:0px!important; background-image:none;}
.cpuspec{min-width:320px; overflow:auto;}
.cpuspec table th,.cpuspec table td{font-size:10px; padding:5px; text-align:center;}
.info-history-table .t-none,.info-history-table th,.blog .next_link,.tpx-template .balloon-1-left::after,.tpx-template .btn-01 .type01::after,.tpx-template .page-img-left-200 .icon br,.collabo dl,.top_infomation_news li div span,.popup_button{display:none;}
.page-contents .title{padding:0px;}
.f-cr{font-weight:bold; color:#FF0004;}
.list-sq,.list-nm{padding-left:20px;}
.list-sq li,.list-nm li{list-style-type:inherit; list-style-position:outside; border-bottom:dotted 1px #ccc; margin:0 0 5px; padding:0 0 5px;}
.list-sq li:last-child,.list-nm li:last-child{border:none;}

/**グーグルマップ**/
.g_map iframe{width: 100%;}
.box-googlemap {position: relative;padding-bottom: 44%;	padding-top: 30px;	height: 0;overflow: hidden;}
.box-googlemap iframe {position: absolute;	top: 0;left: 0;width: 100%;	height: 100%;}

/**shufooチラシ**/
.shufoo-main-wrap{max-width:100% !important;}
.sfo{max-width:100% !important; overflow:auto;}

/**幅調整**/
.header,.nav-bar,.nav-bar > .title,.hnav-right,.container-wrap,.contents,.main_slide,.footer .content,.main-bnbox .top_infomation,.header > .hbottom,.hnav-bottom,.hnav-search,.nav-bar .hnav-right,.hnav-search .h-keyword,.main-bnbox #main_slide,.main-bnbox #main_slide #gallery,.main-bnbox #main_slide #slides,.footer .credit,.nav-left,.hnav-search .h-search .input-group > input,.contents .main-bnbox .main-bnsidebar,.page-top,.container-breadcrumb,.rec-main .read{width:auto; min-width:inherit;}

/**ヘッダー**/
.nav-bar{height:auto;}
.nav-bar > .title{position: static;}
.nav-bar > .title .logo{width: 140px; margin: 10px 0 0 0; min-height:inherit; background-size: 100%; background-position: 50% 40%;}
.nav-bar > .title .shop_logo {clear: both; width: 140px; min-height:30px; margin: 2px 0 0 0; background-size: 100%; background-position: 10% 10%;}
.nav-bar .hnav-right{position: absolute; top: 0px; right: 40px;}
.nav-bar>.title .desc02{position: absolute; top: 20px; right: 10px; text-align: right; width: 45%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nav-bar>.title .price-off{float:none; width:auto; margin:0px; padding:10px 0;}
.hnav-search{ height: auto;}
.hnav-search .h-search .input-group > input {width:97.2%; padding:0 10px 0;}
.hnav-search .h-search .input-group > .input-group-btn {float: none; right:10px;}
.nav-bar .menu > ul > li.first > a, .nav-bar .menu > ul > li:first-child > a,.nav-bar .menu > ul > li > a{border: none;}
.hnav-search .h-right,.main-bnbox .top_infomation .safe img,.nav-bar .menu li img{ display:none;}
.header > .hbottom{border:none;}
.header>.htop {text-align:center;}

/**ページ内リンク**/
.lp_btn_back{padding-bottom: 10px;}

/**カテゴリキーワード**/
.h-keyword {margin-top: 5px!important;}

/**ズーム**/
.okzoom.fly > p.pc{font-size: 14px;}
.flyer-area{height:auto;}

/**パンクズ**/
.container-breadcrumb{background-color:#F2F5F7; width: 100%; padding: 20px 0 10px;}
.container-breadcrumb .breadcrumb li{border:none; background-color:inherit; height: auto; line-height:inherit; white-space:normal;}
.container-breadcrumb .breadcrumb li::after{border:none;content: ">"; border:none; color:#535353; padding:0 10px;}
.container-breadcrumb .breadcrumb li::before{border:none;}
.container-breadcrumb .breadcrumb li:first-child{border:none; background-color:inherit;}
.container-breadcrumb .breadcrumb li:first-child::before{border:none;}
.container-breadcrumb .breadcrumb li:first-child::after{content: ">"; border:none; color:#535353; padding:0 10px;}
.container-breadcrumb .breadcrumb li:first-child > a{color:#535353;}
.container-breadcrumb .breadcrumb li > a{color:#535353;}
.contents .main-bnbox{overflow: inherit;}
.contents .main-bnbox > div{float: none;}
.container-right{float:none; clear:both; margin:0px; padding:25px 15px 15px 15px;}
.main-bnbox .top_infomation_text{width: auto;}

/**タイトル**/
.ttl,.ttl.style,.ttl.level,.page-contents .title{margin:0 -15px 10px -15px; background:#187ecc; padding:10px!important; color:#fff; background-image:none; height: auto;border-bottom: none; font-size: 15px;}

/**インフォ**/
.main-bnbox .top_infomation .safe p{display:block; font-weight: bold;}
.main-bnbox .top_infomation .safe p .cg{ color: #28B300;}
.main-bnbox .top_infomation .safe p .co{ color: #D9BD00;}

/**レフトナビ**/
.switch .child {display: none;}
.footer-list br {display: none;}
.nav-bar .menu li {position: static;float: none;height: auto;margin: 2px 0;	display:inline-block;}
.nav-bar .menu>ul>li>a {padding: 5px; font-size: 11px;}
.nav-bar .menu li span {display:block;}
.main-bnbox .top_infomation .top_blog,.footer-out{height: auto;}
.nav-left{padding-top:5px; float: none; margin-top: 0px;}
.nav-left .nav-box01 > ul .lsub-nav{padding:0px;}
.nav-left .nav-box01 .bb_ccc{margin:0px; border:none; padding-bottom: 0px!important;}
.nav-left .nav-box01 > ul > li .title a{background:#197fcc; color:#fff; padding-left:0px; text-align:center; border-radius: 0px;}
.nav-left .nav-box01 > ul .lsub-nav > li {margin:0px;}
.nav-left .nav-box01 > ul .lsub-nav > li a{padding:10px; background:#ededed; border-bottom:#fff solid 1px;}
.nav-left .nav-box01 > ul .lsub-nav > li::after{content: ">"; right:20px; background:none; left:auto;}
.lbox.nav-box01.category-menu li.price-title{padding: 5px; background: #3496E0; color: #fff;}
.nav-left .lbox{ border-radius: 0px;}
.page-nav .lbox dl dt:last-child{border-bottom: none;}
.page-nav .lbox dl dt{text-align: center; padding: 10px 0 10px; height: auto; cursor: pointer; background: #197fcc; color: #fff;}
.page-nav .lbox ul{padding: 0px; margin: 0px;}
.page-nav .lbox ul li{margin-bottom:0px;}
.page-nav .lbox dl dd ul li  {margin-left: 0px; position: relative;}
.page-nav .lbox dl dd ul li a {padding: 10px; background: #ededed; border-bottom: #fff solid 1px; display: block; color: #333;}
.page-nav .lbox dl dd ul li:after {content: ">"; position: absolute; right: 20px; left: auto; top: 13px; display: block; width: 4px;height: 4px; background: none;}

/**フッター**/
.footer ul.footer-list > li{float: none; width: auto; margin: 0px; display: block;}
.footer ul.footer-list > li:last-child{border-bottom: #ccc solid 1px;}
.footer ul.footer-list > li.info-right{margin: 0; float: none; margin: 10px 0 20px;}
.footer ul.footer-list li ul.info{float: none; text-align: center;}
.footer ul.footer-list li ul.info li{float: none; display: inline-block; margin: 0 10px;}
.footer ul.footer-list li h3{text-align: center; padding: 10px 0 10px; height: auto; cursor: pointer; margin-bottom: 0px; border-top: #ccc solid 1px; background:#F4F4F4;}
.footer ul.footer-list li .inner li {margin-left: 0px; position: relative;}
.footer ul.footer-list li .inner li a {padding: 10px; background: #ededed; border-bottom: #fff solid 1px; display: block; color: #333; text-decoration: none;}
.footer ul.footer-list li .inner li:after {content: ">"; position: absolute; right: 20px; left: auto; top: 13px; display: block; width: 4px;height: 4px; background: none;}
.page-top a{float:none; width:90%; margin:auto;}

}


@media screen and (max-width: 340px) {
.nav-bar > .title .logo{width: 115px; margin: 12px 0 0;}
.nav-bar > .title .shop_logo{width: 115px;}
.nav-bar .menu>ul>li>a {padding: 5px 2px 5px 2px; font-size: 11px;}
}

/**ズーム**/
.zoom {
	display:inline-block;
	position: relative;
}
.zoom:before {
	content:'';
	display:block;
	width:33px;
	height:33px;
	position:absolute;
	top:0;
	right:0;
	background:url(https://www.pc-koubou.jp/wp/wp-content/uploads/2025/02/zoom_bk.png);
	background-size: cover;
}
.zoom img {
	display: block;
}
.zoom img::selection {
	background-color: transparent;
}
img.zoomImg{
	padding:20px 20px 90px 20px;
}
.zoom_window{
	position: absolute;
	display:none;
	position: fixed !important;
	top: 30%;
	margin-left: -305px;
	width: 300px;
	height: 400px;
	z-index: 60;
	border: 3px solid rgb(24, 127, 204);
	border-radius: 0px;
	box-shadow: rgb(0, 0, 0) 0px 0px 5px;
	background-color:#ffffff;
}
p.pc>a {
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 640px) {
	.zoom_window{
	display:none!important;
}

}