/** Shopify CDN: Minification failed

Line 28:12 Expected ":"
Line 138:5 Expected ":"
Line 158:0 Unexpected ".4to2retsu"
Line 161:0 Unexpected ".4to2retsu"
Line 168:0 Unexpected ".4to2retsu"
Line 335:0 Unexpected ".4to2retsu"
Line 343:0 Unexpected ".4to2retsu"
Line 348:0 Unexpected ".4to2retsu"
Line 358:0 Unexpected ".4to2retsu"
Line 361:0 Unexpected ".4to2retsu"
... and 7 more hidden warnings

**/
@charset "UTF-8";


/* ------------------------------------------------------------
	1. PC
   ------------------------------------------------------------ */
@media only screen and (min-width: 1020px) and (max-width: 2000px) {
.screensize { 
	display:none;
}
/* リンク */
.btn_rect{
　　　　 width: 35%;
	padding-top:2px;
	background-color: #7e7e7e;
	font-size: 14px;
	display: block;
	cursor: pointer;
	text-align: center;
}
.btn_rect a {
	color: #FFF;
}
.boxoya {
text-align: center;
}

.box {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 300px;
padding:10px 0;
background-color: #172098;
border: 1px #172098 solid;
} 
.box a {
	color: #FFF;
}
* {
margin:0;
padding:0;
}
/* creafix */
.column ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column ul li {
display:block;
float:left;
height:auto;
list-style-type:none;
text-align:center;
}
/* creafix */
.column4 ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column4 ul li {
display:block;
float:left;
height:auto;
list-style-type:none;
text-align:center;
}
/* creafix */
.column2 ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column2 ul li {
display:block;
float:left;
height:auto;
list-style-type:none;
text-align:center;
}
/* 2column */
.column2 ul li {
	width:50%;
}
/* 3column */
.column ul li {
width:32%;
}
.column ul li:nth-child(3n-1) {
margin:0 2%;
}
/* 4column */
.column4 ul li {
width:25%;
}
/* creafix */
.column5 ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column5 ul li {
display:block;
float:left;
height:auto;
list-style-type:none;
text-align:center;
}
/* 5column */
.column5 ul li {
width:20%;
}
/* アイコン */
.icon{
        width:100%;
border:#999797; 
solid 1px;
}
.l_icon{
        width: 15%;
	float:left;
text-align:center;
}
.r_prof{
        width: 85%;
	float:left;
}
.r_prof p{
	font-size: 0.9rem;
	padding:10px;
	line-height: 1.6;
}
.screensize { 
	display:none;
}

.4to2retsu li:nth-child(odd) {
  border-right: none;
}
.4to2retsu {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: none;
  border-collapse: collapse;
}
.4to2retsu li {
  float: none;
  display: table-cell;
  width: 100%;
  border-bottom: none;
  border: 1px solid #aaa;
}

.item{
        width:100%;
	margin-bottom: 30px;
}
.l_img{
        width: 50%;
	float:left;
}
.r_text{
        width: 50%;
	float:left;
}
.r_text p{
	font-size: 0.9rem;
	padding:5px;
	line-height: 1.6;
}
.clear { clear:both; }  

}

/* ------------------------------------------------------------
	2. TB
   ------------------------------------------------------------ */

@media only screen and (min-width: 641px) and (max-width: 1019px){
.screensize { 
	display:none;
}
/* リンク */
.btn_rect{
　　　　width: 35%;
	padding-top:2px;
	background-color: #7e7e7e;
	font-size: 14px;
	display: block;
	cursor: pointer;
	text-align: center;
}
.btn_rect a {
	color: #FFF;
}
.boxoya {
text-align: center;
}

.box {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 300px;
padding:10px 0;
background-color: #172098;
border: 1px #172098 solid;
} 
.box a {
	color: #FFF;
}
.clear { clear:both; }  
* {
margin:0;
padding:0;
}
/* creafix */
.column ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column ul li {
display:block;
float:left;
height:auto;
list-style-type:none;
text-align:center;
}
/* creafix */
.column4 ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column4 ul li {
display:block;
float:left;
height:auto;
list-style-type:none;
text-align:center;
}
/* creafix */
.column2 ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column2 ul li {
display:block;
float:left;
height:auto;
list-style-type:none;
text-align:center;
}
/* 2column */
.column2 ul li {
	width:50%;
}
/* 3column */
.column ul li {
width:32%;
}
.column ul li:nth-child(3n-1) {
margin:0 2%;
}
/* 4column */
.column4 ul li {
width:25%;
}
/* creafix */
.column5 ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column5 ul li {
display:block;
float:left;
height:auto;
list-style-type:none;
text-align:center;
}
/* 5column */
.column5 ul li {
width:20%;
}

/* アイコン */
.icon{
        width:100%;
}
.l_icon{
        width: 15%;
	float:left;
}
.r_prof{
        width: 85%;
	float:left;
}
.r_prof p{
	font-size: 0.9rem;
	padding:10px;
	line-height: 1.6;
}
.screensize { 
	display:none;
}
.4to2retsu {
  margin: 0 0 30px;
  padding: 0;
  border-top: 1px solid #aaa;
  font-size: 13px;
  list-style-type: none;
}
/*clearfix*/
.4to2retsu:after {
  content: "";
  clear: both;
  display: block;
}
.4to2retsu li {
  float: left;
  width: 50%;
  text-align: center;
  border-bottom: 1px solid #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*奇数のli要素に適応*/
.4to2retsu li:nth-child(odd) {
  border-right: 1px solid #aaa;
}
.4to2retsu a {
  display: block;
  line-height: 44px;
  color: #000;
  text-decoration: none;
}
.4to2retsu a:hover {
  color: #000;
  background: #e6e6e6;
}

.main01{
	width:680px;
	height:700px;
	margin-bottom: 30px;
	background-image:url(/cdn/shop/files/creanews_1949_01.jpg);  
}  
.screensize { 
	display:none;
}
.main01_t{
	text-align: left;  
	padding-top: 10px; 
	font-size: 13px;
	color:#928178;
} 
.item{
        width:100%;
	margin-bottom: 30px;
}
.l_img{
        width: 50%;
	float:left;
}
.r_text{
        width: 50%;
	float:left;
}
.r_text p{
	font-size: 0.9rem;
	padding:5px;
	line-height: 1.6;
}
.clear { clear:both; }  

}

/* ------------------------------------------------------------
	3. SP
   ------------------------------------------------------------ */

@media only screen and (min-width: 0px) and (max-width: 640px) {
.screensize_sp {
	display:none;
}
.btn_rect{
　　　　width: 50%;
	padding-top:5px;
	background-color: #7e7e7e;
	font-size: 14px;
	display: block;
	cursor: pointer;
	text-align: center;
}
.btn_rect a {
	color: #FFF;
}
.boxoya {
text-align: center;
}

.box {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
padding:10px 0;
background-color: #172098;
border: 1px #172098 solid;
} 
.box a {
	color: #FFF;
}
/* creafix */
.column ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column ul li {
display:block;
height:auto;
list-style-type:none;
text-align:center;
}
/* creafix */
.column2 ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column2 ul li {
display:block;
float:left;
height:auto;
list-style-type:none;
text-align:center;
}

/* creafix */
.column4 ul:after {
content:"";
clear:both;
display:block;
}
/* column */
.column4 ul li {
display:block;
height:auto;
list-style-type:none;
text-align:center;
}

/* アイコン */
.icon{
        width:100%;
}
.l_icon{
        width: 30%;
	float:left;
}
.r_prof{
        width: 70%;
	float:left;
}
.r_prof p{
	font-size: 0.9rem;
	padding:7px;
	line-height: 1.6;
}
.screensize_sp {
	display:none;
}


.4to2retsu {
  margin: 0 0 30px;
  padding: 0;
  border-top: 1px solid #aaa;
  font-size: 13px;
  list-style-type: none;
}
/*clearfix*/
.4to2retsu:after {
  content: "";
  clear: both;
  display: block;
}
.4to2retsu li {
  float: left;
  width: 50%;
  text-align: center;
  border-bottom: 1px solid #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*奇数のli要素に適応*/
.4to2retsu li:nth-child(odd) {
  border-right: 1px solid #aaa;
}
.4to2retsu a {
  display: block;
  line-height: 44px;
  color: #000;
  text-decoration: none;
}
.4to2retsu a:hover {
  color: #000;
  background: #e6e6e6;
}

.screensize_sp {
	display:none;
}
.item{
        width:100%;
	margin-bottom: 30px;
}
.clear { clear:both; } 

}

/* ------------------------------------------------------------
	4. ALL
   ------------------------------------------------------------ */
    .subhead-jd{  
        border-left:16px solid #1e1c87;  
        border-bottom:2px solid #1e1c87;  
  font-weight: 550;
  font-size: 1.5em;
  padding-left:.4em;
  padding-bottom:.1em;
	margin-top:.5em;
	margin-bottom:1em;
    }  
    .subhead-hm{  
        border-left:16px solid #006837;  
        border-bottom:2px solid #006837;  
  font-weight: 550;
  font-size: 1.5em;
  padding-left:.4em;
  padding-bottom:.1em;
	margin-top:.5em;
	margin-bottom:1em;
    }  
    .subhead-tw{  
        border-left:16px solid #00d16f;  
        border-bottom:2px solid #00d16f;  
  font-weight: 550;
  font-size: 1.5em;
  padding-left:.4em;
  padding-bottom:.1em;
	margin-top:.5em;
	margin-bottom:1em;
    } 
    .subhead-tm{  
        border-left:16px solid #f5da25;  
        border-bottom:2px solid #f5da25;  
  font-weight: 550;
  font-size: 1.5em;
  padding-left:.4em;
  padding-bottom:.1em;
	margin-top:.5em;
	margin-bottom:1em;
    }  
    
    .selector01{  
        border-left:8px solid #1e1c87;  
        padding:.2em .8em;  
    }  
    .selector01hm1{  
        border-left:8px solid #2f2f2f;  
        padding:.2em .8em;  
    } 
    .selector01hm2{  
        border-left:8px solid #5f9aff;  
        padding:.2em .8em;  
    } 
    .selector02{  
        border-left:8px solid #ccc;  
        border-bottom:1px solid #ccc;  
        padding:.3em .8em;  
	margin-bottom:10px;
    }  
    .selector03{  
        border-left:8px solid #ccc;  
        border-bottom:1px dashed #ccc;  
        padding:.3em .8em;  
    }  
    .selector04{  
        background:#eee;  
        border-top:1px solid #ccc;  
        border-right:1px solid #ccc;  
        border-left:8px solid #1e1c87;  
        border-bottom:1px solid #ccc;  
        padding:.3em .9em;  
    }  
    .selector05{  
        background:#eee;  
        border-left:8px solid #ccc;  
        padding:.4em .9em;  
    }  
    .selector06{  
        background:#eee;  
        border-right:8px solid #ccc;  
        border-left:8px solid #ccc;  
        padding:.4em .9em;  
    }  
    .selector07{  
        background:#eee;  
        border-bottom:8px solid #ccc;  
        padding:.6em .9em .3em;  
    }  
    .selector08{  
        background:#eee;  
        border-left:8px double #ccc;  
        padding:.4em .9em;  
    }  
    .selector09{  
        border-top:1px solid #ccc;  
        border-bottom:1px solid #ccc;  
        padding:.3em .9em;  
    }  
    .selector10{  
        border-bottom:2px solid #ccc;  
        padding:.3em .8em;  
    }  
/* div囲い必要 */
    .selector11{  
        border:#ccc solid 1px;  
        display:block;  
        padding:.2em .3em  
    }  
    .selector11b{  
        border-left:#ccc solid 6px;  
        padding:.3em .3em .3em .8em 
    }  
/* div囲い必要 */
    .selector12{  
        border-left:5px solid #ccc;  
        padding:.6em .9em;  
    }  
    .selector12b{  
        display: block;  
        padding-top:.2em;  
        font-size:.8em;  
        color:#6d6d6d;  
    }  

.clear { clear:both; } 


/*----------------------------------------------------
    Table
----------------------------------------------------*/
section table   { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4;font-weight: normal; }
 
/*----------------------------------------------------
    .table01
----------------------------------------------------*/
.table01 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
.table01 { margin: 0 -10px; }
.table01 th,
.table01 td{
        width: 100%;
        display: block;
        border-top: none;
}
.table01 tr:first-child th   { border-top: 1px solid #ddd; }
}
/*----------------------------------------------------
    .table02
----------------------------------------------------*/
.table02 th  { width: 13%; }
.table02 td  { text-align: center; }
.table02 td:first-child  { text-align: left; }
@media only screen and (max-width: 800px) {
    .table02 {
        display: block;
        width: 100%;
        margin: 0 -10px;
    }
    .table02 thead{
        display: block;
        float: left;
        overflow-x:scroll;
    }
    .table02 tbody{
        display: block;
        width: auto;
        overflow-x: auto;
        white-space: nowrap;
    }
    .table02 th{
        display: block;
        width:auto;
    }
    .table02 tbody tr{
        display: inline-block;
        margin: 0 -3px;
    }
    .table02 td{
        display: block;
    }
}
/*----------------------------------------------------
    .table03
----------------------------------------------------*/
.table03 th, .table03 td  { width: 20%; text-align: left; }
@media only screen and (max-width: 480px) {
    .table03 { margin: 0 -10px; }
    .table03 tr {
        display:block;
        margin-bottom: 10px;
    }
    .table03 th {
        display:block;
        width: 100%;
    }
    .table03 td {
        display: list-item;
        width: 90%;
        margin-left: 10%;
        border:none;
    }
}