@charset "utf-8";

/*=====================================================
 * Style Name: ArtiElements
 * Style URL: ./css/site/arti.css
 * Description: ArtiStylesheet
 * Version: 1.0
 * Last Up Date: 2016/04/08
 * Author: Neos Corporation.
 * Author URL: http://www.neoscorp.jp/
 *
 * Markup Reference:
 *
=====================================================*/

img { max-width: 100%; }
.main_inner { padding: 3%; }
.main_inner a { color: #1e63ff; }
.main_inner img { margin-bottom: 1.2em; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.inner_link_parent {
margin-bottom: 1.2em;
text-align: right;
}
.inner_link_parent a {
display: inline-block;
position: relative;
line-height: 1;
padding-right: 1em;
}
.inner_link_parent a::after {
position: absolute;
right: 0;
content: '';
width: 0;
height: 0;
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-left: 0.75em solid #1e63ff;
}
.inner2_link_parent {
margin-bottom: 1.2em;
text-align: left;
}
.inner2_link_parent a {
display: inline-block;
position: relative;
line-height: 1;
padding-right: 1em;
}
.inner2_link_parent a::after {
position: absolute;
right: 0;
content: '';
width: 0;
height: 0;
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-left: 0.75em solid #1e63ff;
}
.margin_thick {
margin-bottom: 2.4em;
}
.img5l {
width: 53.9%;
max-width: 382px;
}
.img5r {
width: 42.6%;
max-width: 302px;
}
.img24 {
display: table;
table-layout: fixed;
width: 100%;
}
.img24 .image {
display: table-cell;
width: 48.2%;
}
.img24 .image img {
width: 100%;
}
.img24 .text {
display: table-cell;
position: relative;
padding-left: 3em;
vertical-align: middle;
}
.img24 .text img {
position: absolute;
top: 25%;
left: 1em;
width: 23.8%;
}
.information_area {
background: #fff9d1;
}
.information_area2 {
background: #c6e6d1;
}
.information_area + .main_inner { margin-top: 1em; }
.information_area strong {
color: #b90c45;
}
.information_area h2 {
margin-bottom; 1.5rem;
font-size: 1.5em;
text-align: center;
}
.information_area h2 + p{
margin-bottom; 1rem;
font-size: 1.2em;
text-align: center;
}
.text_img {
display: table;
table-layout: fixed;
width: 100%;
}
.text_img .image {
display: table-cell;
position: relative;
width: 54%;
}
.text_img .image a {
display: block;
position: relative;
overflow: visible;
margin-bottom: 1.2em;
}
.text_img .image a::after {
content: '';
display: inline-block;
position: absolute;
bottom: -1em;
right: -1em;
z-index: 10;
width: 2em;
height: 2em;
background: url(../../img/site/cam/cam033/enlarge.png) no-repeat;
background-size: 100%;
}
.text_img .image img {
width: 100%;
margin-bottom: 0;
}
.text_img .text {
display: table-cell;
padding-left: 1rem;
vertical-align: middle;
}
.text_img .text strong {
font-size: 1.4em;
}
.information_section {
margin-bottom: 1rem;
padding: 1rem 0;
border-top: 2px dotted #cac183;
}
.information_area h3 {
margin-bottom: 1rem;
color: #501700;
font-size: 1.2em;
text-align: center;
}
.pass .pw {
margin-bottom: 0.5rem;
padding: 0.5em;
border: 2px solid #cac183;
color: #501700;
font-size: 1.4em;
text-align: center;
background: #fefcf8;
}
.pass .pw + p {
margin-bottom: 1em;
font-size: 0.9em;
text-align: center;
}
.button_area {
text-align: center;
}
.button_area img {
width: 94%;
}
.lightbox {
z-index: 9999;
}
.lightbox__close {
transform: rotate(45deg);
opacity: 0.7;
background-image: url(../../img/site/cam/cam033/enlarge.png);
background-size: 100%;
}
.lightbox__close:hover {
transform: scale(1.4) rotate(45deg);
}
#btn_purchase {
display: inline-block;
clear: both;
width: 92%;
margin: 0% auto;
padding: 0.8em 1em;
border: 0px;
background-color: #6a3314;
border-radius: 0.5em;
color: #FFFFFF;
/*ボタン装飾*/
box-shadow: 1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2);
background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(106,51,20,0.8)), to(rgba(106,51,20,1)));
background: -moz-linear-gradient(rgba(106,51,20,0.8), rgba(106,51,20,1));    
}
#btn_purchase_layout {
text-align: center;
margin-bottom: 1rem;
}

.article {
margin-bottom:1em;
}
.article .section {
margin-bottom:1em;
}
.article .news_body {
font-size:1.2em;
line-height:1.5em;
padding: 0 !important;
margin-bottom: 0 !important;
width:100% !important;
}
.article .large{
font-size:1.5em;
}
.article .bold{
font-weight:bold;
}
.article .underline{
text-decoration: underline;
}
.article .red{
color:#ff0000;
}
.article .blue{
color:#0000ff;
}
.article .orange{
color:#ffa500;
}
.article .disc{
list-style-type:disc;
padding-left:1em;
}
.article li{
margin-bottom: 0.5em;
}
.article .center {
text-align:center;
}
.article .enclosure {
border:1px solid #aaaaaa;
padding:1em;
}
#list_box1 p,
#list_box2 p {
margin-bottom: -15px;
padding-top: 5px;
color: #000000 !important;
text-align: left !important;
}
dd {
padding-left:0 !important;
}


table {
  width: 90%;
  max-width:640px;
  border-spacing: 0;
  margin:auto;
  font-size:16px;
}
table th {
  color: #222;
  padding: 8px 8px;
  font-size:90%;
  background: #efc435;
  background:-moz-linear-gradient(rgba(240,197,54,0.7), rgba(243,205,78,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(240,197,54,0.7)), to(rgba(243,205,78,0.9)));
  font-weight: bold;
  border-left:1px solid #333;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  line-height: 120%;
  text-align: center;
  text-shadow:0 0 0 rgba(133,133,133,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table th:first-child {
  border-radius: 5px 0 0 0;	
}
table th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #333;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table tr td {
  padding: 8px 2px;
  font-size:80%;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  text-align: center;
}
table tr td:last-child {
  border-right: 1px solid #333;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr {
  background: #fff;


}
table tr:nth-child(2n+1) {
  background: #f6f6f6;
}
table tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
table tr:hover {
  background: #4fabe4;
  cursor:pointer;
}

.user_premium01 {
font-size:10px;
font-weight:bold;
vertical-align: middle;
display:inline-block;
margin:2% 0 !important;
text-decoration:none;
text-align:center;
padding:4px 4px;
color:#222;
background: #efc435;
background:-moz-linear-gradient(rgba(240,197,54,0.7), rgba(243,205,78,0.9) 50%);
background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(240,197,54,0.7)), to(rgba(243,205,78,0.9)));
font-weight: bold;
border:1px solid #333;
text-align: center;
text-shadow:0 0 0 rgba(133,133,133,0.9);
box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
border-radius:5px;
}

.user_300_01 {
font-size:10px;
font-weight:bold;
vertical-align: middle;
display:inline-block;
margin:2% 0 !important;
text-decoration:none;
text-align:center;
padding:4px 4px;
color:#222;
background: #82d5f7;
background:-moz-linear-gradient(rgba(130,213,247,0.7), rgba(156,222,250,0.9) 50%);
background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(130,213,247,0.7)), to(rgba(156,222,250,0.9)));
font-weight: bold;
border:1px solid #333;
text-align: center;
text-shadow:0 0 0 rgba(133,133,133,0.9);
box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
border-radius:5px;
}

.user_free01 {
font-size:10px;
font-weight:bold;
vertical-align: middle;
display:inline-block;
margin:2% 0 !important;
text-decoration:none;
text-align:center;
padding:4px 4px;
color:#222;
background: #f1aeb6;
background:-moz-linear-gradient(rgba(241,174,182,0.7), rgba(248,193,199,0.9) 50%);
background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(241,174,182,0.7)), to(rgba(248,193,199,0.9)));
font-weight: bold;
border:1px solid #333;
text-align: center;
text-shadow:0 0 0 rgba(133,133,133,0.9);
box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
border-radius:5px;
}

div.button_area img.register {
    width: 90% !important;
}

@media only screen and (min-width: 821px) {
#main {
float: none;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
#logo {
margin: auto;
}
#logo,
#logo img {
float: none;
}
.pc_qr {
width: 480px;
margin: auto;
}
.pc_qr img {
display: block;
width: 40%;
margin: 1em auto;
}

table th {
  color: #222;
  padding: 8px 8px;
  font-size:100%;
  background: #efc435;
  background:-moz-linear-gradient(rgba(240,197,54,0.7), rgba(243,205,78,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(240,197,54,0.7)), to(rgba(243,205,78,0.9)));
  font-weight: bold;
  border-left:1px solid #333;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  line-height: 120%;
  text-align: center;
  text-shadow:0 0 0 rgba(133,133,133,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table tr td {
  padding: 8px 2px;
  font-size:90%;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  text-align: center;
}

.user_premium01 {
font-size:13px;
}

.user_300_01 {
font-size:13px;
}

.user_free01 {
font-size:13px;
}

}