/*
Theme Name: 
Author: yo_ito
Description: 
Version: 1.0
*/

/* =Reset
------------------------------------------------------------------------------------------------------------- */
@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  word-wrap: break-word;
}
body {
  font-size: 1em;
  line-height: 1.3em;
  font-weight: normal;
  background-color:#fff;
  color:#000;
  max-width:770px;
  margin:0 auto;
  background:#410326 url(../../image/top/bg.jpg) repeat-x 50% 0;
}
ol,ul {
  list-style: none;
}
blockquote,q {
  quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,th,td {
  font-weight: normal;
  text-align: left;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
A{color:#006ECC;}
a:focus {
  outline: thin dotted;
  font-weight: normal;
}
a, a:hover, a:visited {
  text-decoration: none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
  display: block;
}
audio,canvas,video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 24px;
  margin-bottom: 1.714285714rem;
}
small {
  font-size: 0.9em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  background: transparent;
  vertical-align: bottom;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
  clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
  display: table;
  content: "";
  clear: both;
}
.menu H3{
  line-height:1.5em;
  font-weight:bold;
  color:#006ECC;
}
SPAN.icon_red{
  color:#fff;
  background-color:red;
  padding:0 2px;
  border-radius:3px;
}
SPAN.icon_green{
  color:#fff;
  background-color:#269000;
  padding:0 2px;
  border-radius:3px;
}
SPAN.icon_pink{
  color:#fff;
  background-color:#CB00BA;
  padding:0 2px;
  border-radius:3px;
}

/* =commonly used
---------------------------------------------------------------------------------------------- */

/********************
 ***
 ***  Default
 ***
 ********************/
main{
  color:#000000;
  background-color:#fff;
  padding-bottom:30px;
}
article {
 font-family: "Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Meiryo","繝｡繧､繝ｪ繧ｪ","Osaka","MS PGothic",arial,helvetica,sans-serif;
 margin: 0px;
 padding: 0px;
}
.clear {
  clear: both;
  float: none;
}
#footerCopy{
  margin:20px auto 10px;
  font-size:0.8em;
  text-align:center;
}
#footerCopy A{
  color:#1D3994;
  text-decoration:underline;
}
#isp_footer{color:#FFFFFF;}

/*--------------------*
#base
*--------------------*/
#base{
  width:100%;
  background-color:#fff;
}
H2{
  width: 100%;
  padding:6px 0;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c149be), color-stop(100%, #8b0089));
  background: -webkit-linear-gradient(top, #c149be, #8b0089);
  background: -moz-linear-gradient(top, #c149be, #8b0089);
  background: -o-linear-gradient(top, #c149be, #8b0089);
  background: linear-gradient(top, #c149be, #8b0089);
  text-align: center;
  color:#fff;
  font-size:1.1em;
  font-weight:bold;
  margin-bottom:10px;
}
.severalmenu{
  width:95%;
  margin:0 auto 10px;
  border-bottom:1px solid #CBAEE4;
}
.icon{
  float:left;
  text-align:center;
  width:50px;
}
.icon IMG{
  width:100%;
  margin-bottom:3px;
}
.menu{
  margin-left:60px;
}
H3{
  margin-bottom:6px;
}
.menu_price{
  text-align:right;
  font-size:0.8em;
  color:#000;
}
.release_date{
  font-size:0.9em;
  margin-bottom:3px;
}
.caption{
  font-size:0.9em;
  line-height:1.4em;
  margin-bottom:5px;
  color:#222;
}
.free_info{
  width:60%;
  margin:0 auto 10px;
  max-width:480px;
}
.keywords{
  font-size:0.7em;
  color:#aaa;
}
.contents_title{
  color:#006ECC;
  line-height:1.4em;
  padding-bottom:10px;
}
.contents_title A{font-weight:bold;}

/*--------------------*
.rec_single
*--------------------*/
.rec_single .severalmenu{
  cursor:pointer;
}

/*--------------------*
.profile
*--------------------*/
.profile P{
  width:88%;
  margin:0 auto;
  line-height:1.5em;
  padding:4% 0;
}
.profile IMG{
  width:50%;
  float:left;
}

/*--------------------*
.explain_box
*--------------------*/
.explain_box{
  width:85%;
  margin:2% auto;
  padding:3% 4%;
  border:1px solid #8B0089;
  background-color:#FFF7FF;
  border-radius:5px;
}
.explain_box B{
  line-height:1.8em;
}

/*--------------------*
.banner_link
*--------------------*/
.banner_link{
  width:95%;
  max-width:640px;
  margin: 4% auto;
}
.banner_link IMG{
  width:100%;
  margin-bottom:10px;
}

/*--------------------*
#footer
*--------------------*/
#footer{
  width:94%;
  margin:0 auto;
  padding-bottom:20px;
}
#footer P,
#footer #zapCopy A{
  text-align:center;
  font-size:0.9em;
  line-height:1.5em;
}
#footer A{
  text-decoration:underline;
}
#footer .about{
  font-size:0.8em;
  padding:1% 2%;
  border:2px dashed #8B0089;
  background-color:#FFF7FF;
  border-radius:5px;
  margin-bottom:2%;
}

/*--------------------*
#col_2
*--------------------*/
.col_2{
  width:98%;
  margin:0 auto;
  display:flex;
  displya:-ms-flexbox;
  flex-wrap:wrap;
  -ms-flex-wrap:wrap;
}
.col_2 .col{
  width:50%;
}
@media screen and (max-width:480px){
  .col_2 > .col{
    width:100%;
  }
}
.col_2 .severalmenu{
  border:0;
}
.col_2 .severalmenu H4{
  text-align:center;
  margin-bottom:10px;
}
.col_2 .severalmenu .detail_txt{
  margin:0 auto 10px;
}
.col_2 .severalmenu H4 IMG,
.col_2 .severalmenu .detail_txt{
  width:100%;
}

/*--------------------*
#card_col_3
*--------------------*/
.card_col_3{
  width:99%;
  margin:0 auto;
}
.card_col_3 .col{
  width:33%;
  float:left;
}
.card_col_3 H4{
  text-align:center;
}
.card_col_3 H4 IMG{
  width:50%;
  margin:0 auto 2%;
}
@media screen and (max-width:480px){
  .card_col_3 H4 IMG{ width:70%; }
}
.card_col_3 .contents_title{
  font-size:0.8em;
  padding:0 2%;
}
.card_col_3 .contents_title A{
  font-weight:normal;
}
.card_col_3 .severalmenu{
  border:0;
}

/*----------------------*
 * pan_list
 *----------------------*/
.pan_list{
  background-color: #5E1D48;
  color: #FDF5F7;
  font-size: 0.8em;
  padding: 5px 10px;
}
.pan_list A{
  color: #FDD1E3;
}
/*----------------------*
 * category_group
 *----------------------*/
.category_group{
  background-color: #5E1D48;
  padding-bottom: 5px;
}
.category_group DL DD  {
  border-collapse: separate;
  border-spacing: 8px 2px;
  display: table;
  padding: 2px 0;
  width: 100%;
}
.category_group DL DD  A {
  display: table-cell;
  background-color: #FCD6EF;
  border-radius: 5px;
  color: #730073;
  padding: 4px;
  text-align: center;
  font-size: 1.1em;
  text-decoration: none;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
  border: 1px solid #C2B086;
  font-size:0.8em;
}