@charset "euc-jp";

@font-face {
  font-family: 'FOT-TsukuMinPro-E';
  src: url('https://mediasoft.lolipop.jp/adam/FOT-TsukuMinPro-E.otf')  format('opentype');
}

/* modal */
.modal {
	position:fixed;
	display:none;
	z-index:9999;
	top:30%;
	left:50%;
	width:900px;
	margin:-120px 0 0 -470px;
	padding:20px;
	text-align:center;
	color: #fff;
}
.modal h2 {
	margin:5px auto 20px auto;
}
.modal p {
	margin-bottom:40px;
}
.modal_btn {
	width: 360px;
	margin: 0 auto;
}
.modal_btn a {
	text-align: center;
	width:150px;
	padding:5px 10px;
	display:block;
	float: left;
	cursor: pointer;
	color:#000;
	text-decoration:none;
	background:#f9e586;
	margin:0 20px 0 0;
	font-size: 14pt;
}
.modal_btn a:last-of-type {
	margin:0;
}

#page-wrapper {
  position: relative;
	overflow: hidden;
    z-index: 0;
}
#wrapper {
  position: relative;
  padding:0;
}
.container {
  max-width: 940px;
}

#container_wrapper {
  background:#fff;
}

#container {
  width: 940px;
  margin: 0 auto;
  padding:0;
  background:#fff;
}

/*??‚泣‚?‚ƒ?ƒ?‰*/
#side {
  float: right;
  width: 260px;
  background-color:#0000cc;
}

/*??ƒï¼œ?‚?‚ƒ?ƒ?*/
#main {
  float: left;
  width: 640px;
  background-color:#cc0000;
}



textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 1px solid #fff;
  background-color: #fff;  
  border-radius:0;
  height: 20px;
  width: 270px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: rgba(82, 168, 236, 0.8);
}


.muted {
  color: #999;
}

body {
  color: #000;
  background-image: url(https://media-soft.jp/skyhigh/uploads/body_bg.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

a {
  color: #000;
}
  a:hover {
    color: #abaaaa;
  }

a.muted:hover,
a.muted:focus {
  color: #808080;
}

.text-warning {
  color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}

.text-success {
  color: #468847;
}

a.text-success:hover,
a.text-success:focus {
  color: #356635;
}

.btn-01 {
  border: 1px solid #4d4d4d;
  background-color: #4d4d4d;
  color: #fff;
  *background-color: #4d4d4d;
}

h2 {
  margin: 20px 0 50px 0;
  padding:5px 0;
  font-size: 30pt;
  text-align: center;
}
  .ttl-h2 {
    position: relative;
  }
  .ttl-h2:before {
    position: absolute;
    top: 50%;
    z-index: -1;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    content: "";
  }
  .ttl-h2 span {
    padding: 0 2em;
    background-color: #fff;
  }

.btn-01 {
  border: 1px solid #4d4d4d;
  background-color: #4d4d4d;
  color: #fff;
  *background-color: #4d4d4d;
}

.btn-01:hover,
.btn-01:focus,
.btn-01:active,
.btn-01.active,
.btn-01.disabled,
.btn-01[disabled] {
  border: 1px solid #5e5e5e;
  background-color: #5e5e5e;
  color: #fff;
  *background-color: #5e5e5e;
}

.btn-02 {
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
  color: #4d4d4d;
  *background-color: #d8d8d8;
}

.btn-02:hover,
.btn-02:focus,
.btn-02:active,
.btn-02.active,
.btn-02.disabled,
.btn-02[disabled] {
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
  color: #4d4d4d;
  *background-color: #d8d8d8;
}
.product-order-num input {
  border-color: #d8d8d8;
}

/*
 * web font
 */
.google-font {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  font-family: 'Karla', sans-serif;
}
 .google-font.fwb {
    font-weight: 700;
  }

.TsukuMin-font{
    font-family: "FOT-TsukuMinPro-E";
	-ms-font-feature-settings: "normal";
}

/*
 * icon
 */
.icon-b,
.icon-w {
  display: inline-block;
  width: 16px;
  height: 16px;
  *display: inline;
  *zoom: 1;
}
.icon-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_b.png);
}
.icon-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_w.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }
  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }
  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_2x_b.png);
  }
  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_2x_w.png);
  }
  .icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_b.png);
  }
  .icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_w.png);
  }
}
.icon-cart { background-position: -176px -64px; }
.icon-user { background-position: -208px -0px; }
.icon-adduser { background-position: -240px -0px; }
.icon-logout { background-position: -32px -80px; }
.icon-login { background-position: -48px -80px; }
/* icon large */
.icon-twitter { background-position: -144px -264px; }
.icon-facebook { background-position: -192px -264px; }
.icon-instagram { background-position: -168px -288px; }
.icon-mail { background-position: -96px -0px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-chevron_up { background-position: -0px -216px; }
.icon-lg-w.icon-chevron_down { background-position: -528px -192px; }

.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_b.png);
}
.icon-lg-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_w.png);
}


/*
 * header
 */
#header-wrapper {
  background:#000;
  padding:30px 0 10px 0;
  border-bottom:2pt solid #f9e586;
}
.header-link{
  padding-right: 20px !important;
}
.header-link a {
  color: #fff;
}
.header-link a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* header-line-nav */
.header-line-nav li {
  padding-top: 5px;
}
  .header-line-nav a {
    cursor: pointer;
  }
  .header-line-nav span {
    float: left;
    padding-left: 4px;
    font-size: 12px;
    line-height: 1.5em;
  }
  .header-line-nav .icon-b,
  .header-line-nav .icon-w {
    float: left;
  }
.view-cart {
  position: relative;
  top: -6px;
  padding-top: 0 !important;
}
.btn-viewcart {
  padding: 1px 15px 0 13px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
}

/* header logo */
.shop-name {
  clear: both;
  margin: 2em 0;
  text-align: center;
  font-size: 24px;
}
.shop-description {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}



/* header global nav */
#header-global-nav {
  width:100%;
  margin: 20px 0 5px 0;
  padding:5px 0 0 0;
  font-size: 16px;
}
#header-global-nav ul{
    *zoom: 1;
    list-style-type: none;
    padding: 0;
	margin: 0;
}
#header-global-nav ul:before,
#header-global-nav ul:after{
    content: "";
    display: table;
}
#header-global-nav ul:after{
    clear: both;
}


#header-global-nav ul li{
   position: relative;
    margin:0;
    padding: 0 20px;
    text-align: center;
  border-right:thin solid #FFF;
}
#header-global-nav ul li:last-child{
  border-right:none;
}
#header-global-nav ul li a{
    display: block;
    margin: 0;
  padding: 0;
    text-decoration: none;
}
#header-global-nav ul li ul{
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}
#header-global-nav ul li ul li{
    width: 100%;
    margin: 0;
    white-space: nowrap;
    background: #000;
    border-top: thin solid #ccc;
    border-left:none;
    border-right:none;
}
#header-global-nav ul li ul li a{
    padding: 5px 15px;
    text-align: left;
}
#header-global-nav ul li:hover > a{
  color:#abaaaa;
}
#header-global-nav ul li ul{
    display: none;
}
#header-global-nav ul li:hover ul{
    display: block;
    opacity: 0.9;
}
#header-global-nav ul li ul li a:hover{
    color: #abaaaa;
}


/* incart delivery */
.incart-delivery {
  float: right;
}
  .incart-delivery ul {
    margin: 0;
    padding: 10px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #d9edf7;
    color: #31708f;
    list-style: none;
    font-size: 12px;
  }

/* slider */
.slider {
  margin-top: 0px;
  padding: 0 .1%;
  position: relative;
  z-index:2;
}
.bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  left: 0 !important;
  border: none !important;
}
#slider div {
  width: 100% !important;
}

/*
 * product list
 */

.prd-lst-unit {
  margin-bottom: 30px;
  padding: 0 30px;
  text-align: center;
}
.prd-lst-img {
  display: block;
  margin: 0 auto 1em;
}
.prd-lst-span {
  display: block;
  margin: .2em 0;
  font-size: 12px;
}
.prd-lst-name {
  font-size: 20px;
}
.prd-lst-price {
  color: #abaaaa;
}
.prd-lst-regular {
  text-decoration: line-through;
}
.prd-lst-discount {
  color: #b81717;
}

/* product list sort */
.prd-lst-sort {
  margin: 3em 0;
  color: #888;
  text-align: center;
  font-size: 12px;
}

/* prduct list pager */
.prd-lst-pager {
  text-align: center;
}
.prd-lst-pos b {
  font-size: 18px;
  font-weight: normal;
}

/*
 * product
 */
.product-image-thumb img {
  border: 2px solid #fff;
}
.thumb-active img {
  border: 2px solid #4d4d4d;
}


/*
 * footer
 */

#footer-wrapper {
  width:100%;
  margin-top: 20px;
  padding:5px 0 20px 0;
  background:#000;
}
.footer-primary {
  border-right: 1px solid #e7e7e7;
}

/* footer nav */
.footer-nav {
  list-style: none;
  margin: 0;
}
  .footer-nav li {
    margin: .8em 0;
  }
.footer-primary {
  padding: .3em 0;
}
  .footer-primary li {
    margin-right: 25px;
    margin-left: 5px;
  }
  .footer-primary a {
    color: #fff;
  }
  .freepage-nav {
    margin-right: 10%;
    margin-bottom: 1.5em;
    padding-bottom: .8em;
    border-bottom: 1px solid #e7e7e7;
  }
.footer-secondary {
  padding: .3em 0;
  font-size: 12px;
}
  .footer-secondary li {
    margin-left: 10%;
  }
  .footer-secondary li:before {
    margin-right: 4px;
    color: #abaaaa;
    content: "-";
  }
  .footer-secondary a {
    color: #abaaaa;
  }

/* social icon */
.social-nav {
  text-align: center;
  margin: 2em 0;
}

/* copyright */
.copyright {
  width:900px;
  margin: 0 auto;
  padding:30px 20px 0 20px;
  color: #abaaaa;
  text-align: center;
  font-size: 12px;
}
.powered {
  display: block;
  margin: .5em auto 0;
  width: 180px;
  height: auto;
}

/* pagetop */
#pagetop {
  position: fixed;
  right: 0;
  bottom: 100px;
  display: none;
}
.btn-pagetop {
  display: block;
  padding: .8em .4em .8em .5em;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* IE 7 and MacIE*/
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

input#submit_button{
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  background: url(https://img21.shop-pro.jp/PA01397/834/etc/search_btn.png?cmsp_timestamp=20170912172401) center no-repeat;
  background-color: #000;
	border-radius: 0;
}


.h1_culumn{
  width:100%;
  margin: 0 20px;
  padding-top:10px;
}

h1{
  float:left;
  padding:0;
  margin:0;
}

.h1_catch{
  float:left;
  margin:20px 0 0 18px;
  color:#fff;
}

.footer_webStorebnr{
  width:900px;
  margin: 0 auto;
  padding:20px 0 20px 0;
  border-bottom: 1px solid #000;
}

.footer_linkbnr{
  width:900px;
  margin: 0 auto;
  padding-top:20px;
}



.footer_bnr ul{
	margin:0;
  padding:0;
}

.footer_bnr li{
	width:210px;
	height:70px;
	margin:5px 14px 0 0;
float:left;
list-style-type: none;
}

.footer_bnr li a{
	width:210px;
	height:70px;
	display:block;
}

.footer_bnr li a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.footer_line{
  margin: 5px 0;
  padding-top: 30px;
  border-top:2pt solid #f9e586;
}

.footer_links{
  width:900px;
  text-align: center;
  margin: 0 auto;
  padding:10px 20px 0 20px;
  font-size: 16px;
}

.footer_links a{
  color: #fff;
  padding: 0 10px;
}
.twitter{
  float:left;
  margin-right:10px;
}
.fb-like{
  float:left;
}

.social_culumn{
	width:900px;
	margin: 10px auto 20px auto;
	}

.breadcrumb{
	width:900px;
	margin: 10px auto;
  font-size:90%;
	}

h3{
  width:96%;
  background:#000;
  padding:8px 2%;
  font-size:130%;
  color:#fff;
}


.feature_culumn{
  width:700px;
  margin:0 auto;
}

.feature_index{
  width:500px;
  margin:20px auto;
}

.feature_index img{
  width:100%;
}

.feature_index_title{
text-align:center;
font-size:120%;
padding-top:10px;
}

.no_select_culumn{
  user-select: none; /* CSS3 */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari??€?Chrome????? */
  -ms-user-select: none; /* IE10篁?ƒ?™? */
  unselectable="on" /* IE */
  onSelectStart="return false;" /* IE */
}

.webworks_culumn{
  width:700px;
  margin:0 auto;
}

.webworks_culumn li{
  list-style-type: none;
  padding:20px 0;
}

.other_contents_culumn{
  width:900px;
  margin:0 auto;
  position:relative;
}

.other_contents_culumn a{
color:#0089cf;
  text-decoration:underline;
}

.pdfdl_btn a{
  width:200px;
  padding:10px 0 10px 40px;
  background-image: url(https://img21.shop-pro.jp/PA01360/947/etc/dl_btn.png?cmsp_timestamp=20160721020031) ;
  background-repeat:no-repeat;
  background-color:#0089cf;
  background-position: center left;
  display:block;
  cursor:pointer;
  color:#fff;
  margin-bottom:10px;
}

.pdfdl_btn a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.more_btn a{
color:#0089cf;
  text-decoration:underline;
}
.more_btn a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.shield{
  position:absolute;
  z-index:20;
  height:100%;
  width:100%;
  background:#999;
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}



.thirdptybnr_box{
padding:20px 0;
border-top:thin solid #999;
}

.thirdptybnr_box ul{
margin:0;
padding:0;
}

.thirdptybnr_box li{
padding:15px 0 5px 0;
border-bottom:thin dashed #999;
list-style-type: none;
}

.thirdptybnr{
float:left;
}

.thirdptybnr_qr{
float:left;
padding-left:20px;
}

.bookstore_posterdl ul{
margin:0;
padding:0;
list-style-type: none;
}

.bookstore_posterdl li a{
width:200px;
float:left;
margin:0 0 20px 20px;
list-style-type: none;
}

.bookstore_posterdl li a img{
width:100%;
}

.bookstore_posterdl li a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/*??‰?‹·Â›?†TOP??ƒ?š??ƒ?‹¥Â‚?*/
.ftrTOP_wrapper{
	width: 900px;}

.ftrTOP_culum img{
	margin-bottom: 10px;
	width: 412px;}
.ftrTOP_culum{
	margin-bottom: 20px;}
.ftrTOP_wrapper .ftrTOP_culum:last-child{
	margin-bottom: 0;}

.ftrTOP_bnr_L{
	float: left;
	text-align: center;}
.ftrTOP_bnr_R{
	float: right;
	text-align: center;}		


/*??‰?‹·Â›?†??ƒ?š??ƒ?‹¥Â‚?*/

h4{
	font-size: 16px;}

.emphasisTxt{
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;}

.prf_main{
	margin-bottom: 50px;}
.prf_main img{
	float: left;
	border: solid 1px #000;}
.prf_main p{
	float: right;
	width: 468px;
	margin-bottom: 0;}

.prf_culum .prf_sub{
	margin-bottom: 50px;}
.prf_culum .prf_sub:last-child{
	margin-bottom: 0;}
.prf_sub_L{
	width: 325px;
	float: left;}
.prf_sub_R{
	width: 325px;
	float: right;}
.prf_sub_L img,.prf_sub_R img{
	float: left;
	border: solid 1px #000;}
.prf_sub_L p,.prf_sub_R p{
	float: right;
	width: 193px;
	margin-bottom: 0;}

.prf_noimg_L{
	width: 325px;
	float: left;}
.prf_noimg_R{
	width: 325px;
	float: right;}

.bookinfo_culumn ul{
	margin: 0;}
.top-List a{
	color: #464E59;
	text-decoration: none;}
.top-List a:hover{
	text-decoration: underline;}

.formFormat{
	text-align: center;}
.formFormat img{
	border: solid 1px #000;}		


/*?•†?“ä¸€è¦?*/

#dec_wrapper{
    width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

.writterssort_culumn{
width:100%;
  padding-top:20px;
}


.writterssort_index{
width:210px;
  float:left;
}
.writterssort_index ul{
margin:0;
  padding:0;
}
.writterssort_index li{
	width:210px;
	height:30px;
	margin:1px 0 0 0;
list-style-type: none;
  background:#0089cf;
}
.writterssort_index li a{
	width:200px;
	height:30px;
	display:block;
  text-decoration:none;
  line-height:2.2em;
  padding-left:10px;
  color:#fff;
}
.writterssort_index li a:hover{
  background:#f29c97;
}


.writterssort_workslist{
width:640px;
  float:right;
}

.subcat_list{
  width:640px;
  margin:0 auto;
  padding-bottom:40px;
}

.subcat_box{
  float:left;
  margin-left:40px;
}

.subcat_photo{
width:120px;
height:120px;
background-color:#000;
display:table;
text-align: center;
}

.subcat_photo > *{
    display:table-cell;
    vertical-align: middle;
}

.subcat_photo img{
width:100%;
}

.subcat_detail{
width:160px;
}
.product_list_culumn{
}

.writter_name{
  margin: 0 0 30px 0;
  padding:5px 0;
  font-size: 30pt;
  text-align: center;
}

.feature_photo{
width:700px;
height:200px;
}

.feature_photo img{
width:100%;
}

.feature_free{
width:100%;
}



@media (max-width: 980px) {
/* modal */
.modal {
	top:40%;
	left:3%;
	width:94%;
	margin: 0;
	padding: 0;
}	

.breadcrumb,
.social_culumn{
	width:94%;
}
	
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  width: 150px;
}	

  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
  body {
  background-image: none;
    padding:0;
    margin:0;
}
#wrapper {
    padding:0;
    margin:0;
}
.container {
  max-width: 100%;
}
#container {
  width: 100%;
}
#header-wrapper {
  width:100%;
}

#footer-wrapper {
  width:100%;
}
	
.powered {
  display: block;
  width:100%;
  height: auto;
}
	
.footer_webStorebnr{
  width:94%;
  margin: 0 3%;
}

.footer_linkbnr{
  width:94%;
  margin: 0 3%;
}
	
.footer_links{
	width: 100%;
text-align: center;
	padding: 10px 0 0 0;
}
	
.copyright {
  width:94%;
text-align: center;
	padding: 30px 3% 0 3%;
}
	
.feature_culumn,
.webworks_culumn,
.other_contents_culumn{
  width:94%;
  margin:0 auto;
}
/*??‚泣‚?‚ƒ?ƒ?‰*/
#side {
  float: none;
  width: 100%;
  background-color:#0000cc;
}

/*??ƒï¼œ?‚?‚ƒ?ƒ?*/
#main {
  float: none;
  width: 100%;
  background-color:#cc0000;
}

.h1_catch{
  float:left;
  margin:20px 0 0 18px;
  color:#fff;
}
.bookstore_posterdl li a{
width:80%;
float:none;
margin:20px auto 0 auto;
list-style-type: none;
}
	
	
/*??‰?‹·Â›?†TOP??ƒ?š??ƒ?‹¥Â‚?*/
.ftrTOP_wrapper{
	width: 100%;}

.ftrTOP_bnr_L{
	width: 46%;}
.ftrTOP_bnr_R{
	width: 46%;}		


/*??‰?‹·Â›?†??ƒ?š??ƒ?‹¥Â‚?*/
.prf_main img{
	width: 22%}
.prf_main p{
	width: 75%;}

.prf_sub_L,.prf_sub_R{
	width: 46%;}
.prf_sub_L img,.prf_sub_R img{
	width: 23%}
.prf_sub_L p,.prf_sub_R p{
	width: 71%;}

.prf_noimg_L,.prf_noimg_R{
	width: 46%;}
	
		
/*?•†?“ä¸€è¦?*/
.writterssort_index{
width:25%;
  float:left;
} 
.writterssort_index li{
	width:97%;
	height:30px;
	margin:1px 0 0 0;
list-style-type: none;
  background:#0089cf;
}
.writterssort_index li a{
	width:97%;
	height:30px;
	display:block;
  text-decoration:none;
  line-height:2.2em;
  padding-left:3%;
  color:#fff;
  text-align:center;
}
  .writterssort_workslist{
width:72%;
  float:right;
}
.subcat_list{
width:100%;
  margin:0 auto;
  padding-bottom:40px;
}
.subcat_box{
  float:left;
  margin-left:20px;
}

.feature_photo{
width:100%;
height:auto;
}

}



@media (max-width: 768px) {
  .container {
    width: auto;
  }
  .header-dropdown {
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
  border-bottom:2pt solid #f9e586;
    background-color: #000;
  }
  .header-dropdown.affix {
    position: fixed;
  }
    .header-dropdown .dropdown-nav>li {
      border-bottom: 1px solid #fff;
      text-align: center;
    }
   .header-dropdown .dropdown-nav li ul{
      border-top: 1px dashed #555;
    }
   .header-dropdown .dropdown-nav li ul li{
      display: block;
    }

    .header-dropdown .dropdown-nav a {
      display: block;
      padding: 10px;
    }
    .header-dropdown .btn-dropdown {
      padding-left: 34px;
      font-size: 16px;
      line-height: 1.6;
		color: #fff;
    }
    .header-dropdown .btn-dropdown-close {
      opacity: 0.4;
    }
  .view-cart {
    position: static;
  }
    .view-cart a {
      background-color: #4d4d4d;
      color: #fff;
    }
    .view-cart span {
      display: block;
      width: 130px;
      margin: 0 auto;
    }
    .view-cart .icon-w {
      float: left;
      margin-top: -2px;
    }
  .incart-delivery {
    padding-top: 20px;
    float: none;
  }
  .prd-lst-sort {
    font-size: 14px;
  }
  .footer-primary,
  .footer-secondary {
    padding: 0;
    border: none;
  }
  .footer-nav {
    margin: 0;
    padding: 0;
    border-bottom: 3px double #e7e7e7;
  }
    .footer-primary .footer-nav:first-child {
      border-top: 3px double #e7e7e7;
    }
  .footer-nav li {
    margin: 0;
    font-size: 14px;
    border-top: 1px solid #e7e7e7;
  }
    .footer-nav li:first-child {
      border-top: none;
    }
  .footer-nav li:before {
    display: none;
  }
  .footer-nav a {
    display: block;
    padding: 1em;
    color: #fff;
  }
  .footer-nav a:hover {
    text-decoration: none;
  }
	
.footer_links a{
	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
	margin-top: 15px;
}

	
  .icon-b,
  .icon-w {
    display: inline-block;
    width: 24px;
    height: 24px;
    *display: inline;
    *zoom: 1;
  }
  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_b.png);
  }
  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_w.png);
  }
  .icon-cart { background-position: -264px -96px; }
  .icon-list { background-position: -288px -144px; }
  .icon-chevron_thin_up { background-position: -192px -216px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-b,
    .icon-lg-b {
      background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_b.png);
    }
    .icon-w,
    .icon-lg-w {
      background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_w.png);
    }
    .icon-b,
    .icon-w {
      -webkit-background-size: 552px 480px;
      background-size: 552px 480px;
    }
  }
#header-wrapper {
  width:100%;
  position:relative;
  padding:60px 0 15px 0;
	border-bottom: none;
  }

.h1_culumn{
	margin: 0;	
}
	
/*??‰?‹·Â›?†TOP??ƒ?š??ƒ?‹¥Â‚?*/
.ftrTOP_culum{
	margin-bottom: 0;}
	
.ftrTOP_bnr{
	margin-bottom: 20px;}

.ftrTOP_bnr_L{
	float: none;
	width: 100%;}
.ftrTOP_bnr_R{
	float: none;
	width: 100%;}		


/*??‰?‹·Â›?†??ƒ?š??ƒ?‹¥Â‚?*/
.prf_culum{
	text-align: center;}

.prf_culum .prf_sub{
	margin-bottom: 0;}

.prf_main img,
.prf_sub_L img,.prf_sub_R img{
	float: none;
	width: auto;
	margin-bottom: 10px;}
.prf_main p,
.prf_sub_L,.prf_sub_R,
.prf_sub_L p,.prf_sub_R p,
.prf_noimg_L,.prf_noimg_R{
	float: none;
	width: 100%;}
	
.prf_sub_L,.prf_sub_R,
.prf_noimg_L,.prf_noimg_R{
	margin-bottom: 50px;}
	
		
/*?•†?“ä¸€è¦?*/
#dec_wrapper{
    width: 100%;
	text-align: center;
	margin-bottom: 40px;
  border-top:2pt solid #f9e586;
}		

}




@media screen and (max-width: 680px) {
/* modal */
.modal {
	top:100px;
	left:5%;
	width:90%;
	margin: 0;
	padding: 0;
}
.modal_btn {
	width: 100%;
}
.modal_btn a{
	width:100%;
  padding:5px 0;
	display:block;
cursor: pointer;
color:#000;
text-decoration:none;
background:#f9e586;
margin:0 0 10px 0;
}
.modal_btn a:last-of-type {
	margin:0;
}
	
.breadcrumb,
.social_culumn{
	width:90%;
}
	
h2{
	width: 90%;
	margin: 20px auto 50px auto;
}
	
h1{
	float: none;
}
.h1_catch{
	float: none;
	margin: 10px 0 0 0;
}
    
    
.footer_bnr_title{
    text-align: center;
}


.footer_bnr{
	width:90%;
  padding-top:20px;
  margin:0 auto;
}

.footer_bnr ul{
	margin:0;
  padding:0;
}

.footer_bnr li{
	width:210px;
	height:70px;
	margin:15px auto;
float:none;
list-style-type: none;
}

.footer_bnr li a{
	width:210px;
	height:70px;
	display:block;
}

.footer_links{
	width: 90%;
	margin: 0 auto;
}
	
.copyright{
	width: 90%;
	margin: 0 auto;
	padding: 30px 0 0 0;
}
		
.feature_culumn,
.webworks_culumn,
.other_contents_culumn{
  width:90%;
  margin:0 auto;
}
	
		
/*?•†?“ä¸€è¦?*/
.writter_name{
  width: 94%;
	margin: 0 auto 30px auto;
}
	
}



@media screen and (max-width: 480px) {
  h2 {
    font-size: 20pt;
  }
  .ttl-h2 span {
    padding: 0 10px;
    font-size: 14px;
  }
  .prd-lst-unit {
    margin-bottom: 30px;
    height: auto !important;
  }
.powered {
  display: block;
  width:100%;
  height: auto;
}

/*??‚泣‚?‚ƒ?ƒ?‰*/
#side {
  float: none;
  width: 100%;
  background-color:#0000cc;
}

/*??ƒï¼œ?‚?‚ƒ?ƒ?*/
#main {
  float: none;
  width: 100%;
  background-color:#cc0000;
}
.twitter,
.fb-like{
  float:none;
  margin-right:0;
  padding-bottom:10px;
}
/* slider */
.slider {
  width:100%;
  margin: 0 auto;
  padding: 0 0;
  position: relative;
  z-index:2;
}
.bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  left: 0 !important;
  border: none !important;
}
#slider div {
  width: 100% !important;
}
#slider div img { width: 100% !important; height: auto; }
	
		
/*?•†?“ä¸€è¦?*/
.writter_name{
  width: 94%;
	margin: 0 auto 30px auto;
  font-size: 20pt;
}
.writterssort_index{
width:100%;
  float:none;
} 
.writterssort_index li{
	width:97%;
	height:30px;
	margin:1px 0 0 0;
list-style-type: none;
  background:#0089cf;
}
.writterssort_index li a{
	width:97%;
	height:30px;
	display:block;
  text-decoration:none;
  line-height:2.2em;
  padding-left:3%;
  color:#fff;
  text-align:center;
}
  .writterssort_workslist{
width:100%;
  float:none;
}
.subcat_list{
width:100%;
  margin:0 auto;
  padding-bottom:40px;
}
.subcat_box{
  float:none;
  margin-left:40px;
}

.feature_photo{
width:100%;
height:auto;
}
		
}






/* IE??”? */
.ie_wrapper.container {
  width: 900px;
  overflow: auto;
}



/*----------------------------------------------
??†?“??†?“??†?“??–?‡çµ–?—ç´Š??????•?š???Œ??–?“?š??‰?”????•é¡”?ƒ??ˆ?†??†?“??†?“??†?“
-----------------------------------------------*/

.bg_gry{
	background:#666;
	padding:3px;
}

.bg_red{
	background:#cc0000;
	padding:3px;
}


.bg_black{
	background:#000;
}

.bg_white{
	background:#fff;
}

.t_center{
	text-align:center;
}
.t_left{
	text-align:left;
}
.t_right{
	text-align:right;
}

.f20{
	font-size:20%;
}

.f30{
	font-size:30%;
}

.f40{
	font-size:40%;
}

.f50{
	font-size:50%;
}

.f60{
	font-size:60%;
}

.f70{
	font-size:70%;
}

.f80{
	font-size:80%;
}

.f90{
	font-size:90%;
}

.f100{
	font-size:100%;
}

.f110{
	font-size:110%;
}

.f120{
	font-size:120%;
}

.f130{
	font-size:130%;
}

.f140{
	font-size:140%;
}

.f150{
	font-size:150%;
}

.f160{
	font-size:160%;
}

.f170{
	font-size:170%;
}

.f180{
	font-size:180%;
}

.f190{
	font-size:190%;
}

.f200{
	font-size:200%;
}

.f210{
	font-size:210%;
}

.f220{
	font-size:220%;
}

.f230{
	font-size:230%;
}

.f240{
	font-size:240%;
}

.f250{
	font-size:250%;
}

.f260{
	font-size:260%;
}

.f270{
	font-size:270%;
}

.f280{
	font-size:280%;
}

.f290{
	font-size:290%;
}

.f300{
	font-size:300%;
}



.l10{
	line-height: 1.0em;
}

.l11{
	line-height: 1.1em;
}

.l12{
	line-height: 1.2em;
}

.l13{
	line-height: 1.3em;
}

.l14{
	line-height: 1.4em;
}

.l15{
	line-height: 1.5em;
}

.l16{
	line-height: 1.6em;
}

.l17{
	line-height: 1.7em;
}

.l18{
	line-height: 1.8em;
}

.l19{
	line-height: 1.9em;
}

.l20{
	line-height: 2.0em;
}


.pd_t2{
	padding-top:2px;
}

.pd_t5{
	padding-top:5px;
}

.pd_t7{
	padding-top:7px;
}

.pd_t10{
	padding-top:10px;
}

.pd_t15{
	padding-top:15px;
}

.pd_t20{
	padding-top:20px;
}

.pd_t25{
	padding-top:25px;
}

.pd_t30{
	padding-top:30px;
}

.pd_t35{
	padding-top:35px;
}

.pd_t40{
	padding-top:40px;
}

.pd_t45{
	padding-top:45px;
}

.pd_t50{
	padding-top:50px;
}

.pd_l5{
	padding-left:5px;
}

.pd_l10{
	padding-left:10px;
}

.pd_l15{
	padding-left:15px;
}

.pd_l20{
	padding-left:20px;
}

.pd_l25{
	padding-left:25px;
}

.pd_l30{
	padding-left:30px;
}

.pd_l35{
	padding-left:35px;
}

.pd_l40{
	padding-left:40px;
}

.pd_l45{
	padding-left:45px;
}

.pd_l50{
	padding-left:50px;
}

.pd_l70{
	padding-left:70px;
}

.pd_r5{
	padding-right:5px;
}

.pd_r10{
	padding-right:10px;
}

.pd_r15{
	padding-right:15px;
}

.pd_r20{
	padding-right:20px;
}

.pd_r25{
	padding-right:25px;
}

.pd_r30{
	padding-right:30px;
}

.pd_r35{
	padding-right:35px;
}

.pd_r40{
	padding-right:40px;
}

.pd_r45{
	padding-right:45px;
}

.pd_r50{
	padding-right:50px;
}

.pd_r70{
	padding-right:70px;
}

.pd_b5{
	padding-bottom:5px;
}

.pd_b10{
	padding-bottom:10px;
}

.pd_b15{
	padding-bottom:15px;
}

.pd_b20{
	padding-bottom:20px;
}

.pd_b25{
	padding-bottom:25px;
}

.pd_b30{
	padding-bottom:30px;
}

.pd_b35{
	padding-bottom:35px;
}

.pd_b40{
	padding-bottom:40px;
}

.pd_b45{
	padding-bottom:45px;
}

.pd_b50{
	padding-bottom:50px;
}

.mg_t5{
	margin-top:5px;
}

.mg_t10{
	margin-top:10px;
}

.mg_t15{
	margin-top:15px;
}

.mg_t20{
	margin-top:20px;
}

.mg_t25{
	margin-top:25px;
}

.mg_t30{
	margin-top:30px;
}

.mg_t35{
	margin-top:35px;
}

.mg_t40{
	margin-top:40px;
}

.mg_t45{
	margin-top:45px;
}

.mg_t50{
	margin-top:50px;
}

.mg_t200{
	margin-top:200px;
}

.mg_t300{
	margin-top:300px;
}


.mg_l5{
	margin-left:5px;
}

.mg_l10{
	margin-left:10px;
}

.mg_l15{
	margin-left:15px;
}

.mg_l20{
	margin-left:20px;
}

.mg_l25{
	margin-left:25px;
}

.mg_l30{
	margin-left:30px;
}

.mg_l35{
	margin-left:35px;
}

.mg_l40{
	margin-left:40px;
}

.mg_l45{
	margin-left:45px;
}

.mg_l50{
	margin-left:50px;
}

.mg_l200{
	margin-left:200px;
}

.mg_r5{
	margin-right:5px;
}

.mg_r10{
	margin-right:10px;
}

.mg_r15{
	margin-right:15px;
}

.mg_r20{
	margin-right:20px;
}

.mg_r25{
	margin-right:25px;
}

.mg_r30{
	margin-right:30px;
}

.mg_r35{
	margin-right:35px;
}

.mg_r40{
	margin-right:40px;
}

.mg_r45{
	margin-right:45px;
}

.mg_r50{
	margin-right:50px;
}

.mg_r200{
	margin-right:200px;
}

.mg_b5{
	margin-bottom:5px;
}

.mg_b10{
	margin-bottom:10px;
}

.mg_b15{
	margin-bottom:15px;
}

.mg_b20{
	margin-bottom:20px;
}

.mg_b25{
	margin-bottom:25px;
}

.mg_b30{
	margin-bottom:30px;
}

.mg_b35{
	margin-bottom:35px;
}

.mg_b40{
	margin-bottom:40px;
}

.mg_b45{
	margin-bottom:45px;
}

.mg_b50{
	margin-bottom:50px;
}

.mg_b200{
	margin-bottom:200px;
}

.mg_b300{
	margin-bottom:300px;
}

.mg_auto{
	margin:0 auto 0 auto;
}


.bd{
	border:solid thin #000;
	padding:5px;
}

.bd_l{
	border-left:solid thin #000;
}

.bd_r{
	border-right:solid thin #000;
}

.bd_t{
	border-top:solid thin #000;
}

.bd_b{
	border-bottom:solid thin #000;
}

.bd_dash_l{
	border-left:dashed thin #000;
}

.bd_dash_r{
	border-right:dashed thin #000;
}

.bd_dash_t{
	border-top:dashed thin #000;
}

.bd_dash_b{
	border-bottom:dashed thin #000;
}


.red{
	color: #b20b1e;
}

.white{
	color: #fff;
}

.bold{
	font-weight: bold;
}

.strong{
	font-weight: bolder;
}


.wid_90{
	width:90%;
	margin:0 auto 0 auto;
}

.anchor{
	width:620px;
	text-align:right;
	font-size:80%;
	color:#000;
	margin:10px 0 20px 0;
}