html, body, div, span, a, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
display: block
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
img, fieldset {
border: 0;
vertical-align: top;
font-size: 0;
line-height: 0;
}
img {
margin: 0;
padding: 0;
}
nav ul {
list-style: none
}
ul, li {
list-style: none
}
a {
margin: 0;
padding: 0;
vertical-align: baseline;
background: transparent;
-webkit-tap-highlight-color: rgba(179,179,179,0.5);
}

em, cite {
font-style: normal
}
b, strong {
font-weight: bold
}
:focus {
outline: 0
}
table, th, td {
border: 0
}
table {
display: table;
border-collapse: collapse;
border-spacing: 0px;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
td, th {
display: table-cell;
vertical-align: inherit;
border-color: inherit;
}
blockquote, q {
quotes: none
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ins {
background-color: #ffff00;
color: #000;
text-decoration: none;
}
mark {
color: inherit;
font-weight: bold;
}
del {
text-decoration: line-through
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
textarea {
overflow-x: hidden;
overflow-y: auto;
vertical-align: top;
}
fieldset {
border: 0
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button
}
input, select, input[type=search], button {
margin: 0;
padding: 0;
vertical-align: middle;
}
button, input {
line-height: normal;
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input, button {
border: 0
}
input {
vertical-align: middle;
}
input[type="search"]::-webkit-search-cancel-button {
display: none;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]:focus {
outline-offset: -2px
}
input[type="search"]::-webkit-search-decoration {
display: none
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
box-sizing: border-box;
}
input[type="radio"], input[type="checkbox"] {
padding: initial;
background-color: initial;
border: initial;
}
input, input[type="password"], input[type="search"], isindex {
padding: 1px;
background-color: white;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: pointer;
/*  -webkit-appearance: none; */
}
input, textarea, keygen, select, button, isindex {
margin: 0em;
/*font: -webkit-small-control;*/

letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align: start;
}
textarea {
width: 100%;
-webkit-appearance: textarea;
background-color: white;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
flex-direction: column;
resize: auto;
cursor: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
input, textarea, keygen, select, button, isindex, meter, progress {
-webkit-writing-mode: horizontal-tb;
}
/*-- clear -- */

.clearfix:after {
content: "";
display: block;
clear: both;
}
/*-- box-sizing -- */

*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

}
html, body {
height: 100%
}

html {
font-size: 62.5%;
}
body {
font-size: 16px;
font-size: 1.6rem;
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: 100%;
width: 100%;
max-width: 100%;
height: 100%;
min-height: 100%;
max-height: 100%;
font-style: normal;
color: #333;
background: #f5f5f5;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;
line-height: 100%;
letter-spacing: 0px;
word-spacing: normal;
white-space: normal;
text-wrap: normal;
word-break: normal;
word-wrap: break-word;
text-indent: 0;
text-transform: none;
}
a {
font-weight: normal;
color: /*#48647d*/#15639B;
border: 0;
text-decoration: none;
border-radius: 0;
text-decoration:none;
-webkit-touch-callout:none;
-webkit-tap-highlight-color: rgba(179,179,179,0.5)!important;
}
a:hover {
-webkit-touch-callout:none;
-webkit-tap-highlight-color: rgba(179,179,179,0.5)!important;
text-decoration:none;
text-decoration: none;
outline: none;
}
a:link, a:visited, a:hover, a:active, a:focus {
text-decoration: none;
-webkit-tap-highlight-color: rgba(179,179,179,0.5) !important;
}

p {
margin: 0;
padding: 0;
/*text-align: justify;*/
text-justify: inter-ideograph;
line-break: strict;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
}
small {
font-size: 1.0rem;
line-height: 1.2rem;
font-weight: normal;
font-family: "ArialMT", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "sans-serif";
}

#wrapper {
position: relative;
width: 100%;
height: 100%;
min-height: 100%;

overflow: hidden;

}
body > #wrapper {
height: auto;

}
#wrapper{
position: relative;

margin: 0 auto;
}

header{
width: 100%;
margin-bottom: 40px;
padding: 20px 0;
text-align: center;
border-bottom: 4px solid #eab31c;
background: #fff;
}

.inner{
width: 990px;
margin: 40px auto;
background: #fff;
border: 1px solid #dedede;
}

.qr-box {
width: 700px;
margin: 30px auto 50px;
}

/*パネル*/

.title-box {
width: 700px;
margin: 0 auto;
}

.title-box li {
width: 40%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}

.picup-book-wrap .cic-comic-ttl {
font-size: 12px;
margin: 5px 0 0 5px;
}

.picup-book-wrap {
margin: 10px ;
}

.picup-book-wrap img {
width: auto;
height: 200px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.md-box .cic-bar-idx-lp{
width: 100%;
margin: 3% auto;
padding: 10px 5px;
font-weight: bold;
font-size: 1.6rem;
color: #505050;
background: #fff !important;
border: none !important;
}

.md-box .cic-bar-idx-lp:before{
content: "";
display: inline;
width: 10px;
height: 15px;
margin: 0 5px 0 0;
padding: 0;
background: #505050;
border-left: 8px solid #505050;
border-radius: 10px;
}

.infomation{
width: 700px;
margin: 20px auto 0;
padding: 20px;
border: 1px solid #212121;
}
.info-head{
margin-bottom: 5px;
font-size: 18px;
line-height: 1.8;
font-weight: bold;
}
.info-body{
font-size: 14px;
line-height: 1.8;
}

/*ここまで*/

.sub-title {
width: 700px;
margin: 30px auto;
}

.plan,.oe {
margin: 30px auto;
text-align: center;
}

.open {
margin: 50px auto;
text-align: center;
}

footer{
width: 100%;
padding: 30px 0;
color: #a9a9a9;
text-align: center;
background: #212121;
}
footer p {
margin-bottom: 5px;
font-size: 9px;
}
footer p:last-child{
margin-bottom: 0;
}
footer a,
footer a:link,
footer a:visited,
footer a:hover,
footer a:active{
color: #a9a9a9;
}