/*======================================
	global part
=======================================*/
/* YUI CSS */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
img{
max-width: 100%;
height: auto;
}



/*======================================
	Base (PC / Smartphone共通)
=======================================*/
html { overflow-y:scroll; }

.sub_title a:link { color: #ffff; text-decoration: none }/* まだ見ていない状態 */
.sub_title a:visited { color: #ffff; text-decoration: none }/* 既に見た状態 */
.sub_title a:active { color: #ff9600; text-decoration: none }/* カーソルがオーバーした状態 */
.sub_title a:hover {color:#ff9600; text-decoration: none;}/* マウスクリックされている状態 */

.midashi a:link { color: #484848; text-decoration: none }/* まだ見ていない状態 */
.midashi a:visited { color: #484848; text-decoration: none }/* 既に見た状態 */
.midashi a:active { color: #ff9600; text-decoration: none }/* カーソルがオーバーした状態 */
.midashi a:hover {color:#ff9600; text-decoration: none;}/* マウスクリックされている状態 */

.clear {
  clear:both;
  overflow:hidden;
  }

/*----------------------------------------- PC ------------------------------------------*/
@media screen and (min-width: 1021px){
  
#inbox{
  margin:30px 0px;
  width: 80%;
  overflow:hidden;
	clear:both;
}

.title{
  padding:15px 0px 15px 20px;
  font-size:20px;
  font-weight:bold;
}
  
.sub_title{
  position: relative;
  margin:1.3em 0 0.5em 0;
  padding:0.5em;
  font-size:18px;
  color:#FFF;
  text-align:left;
}
.sub_title:after{
  position: absolute;
	top: .5em;
	left:  0em;
	content: '';
	width: 4px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
}

.midashi{
  padding:0.3em 0.3em;
  margin-bottom:0.5em;
  font-size:15px;
}

/*----------	text  ----------*/
.item{
  margin-bottom:0.5em;
  padding:0.7em;
  font-size:15px;
}

p {
	font-size: 12px;
  line-height:19px;
	font-weight: normal;
	text-align:left;
}
.text_midashi{
  font-size:14px;
  line-height:26px;
  }

/*--- back ---*/
.back{
  padding:0.5em 1em;
  font-size:12px;
}


}
/*----------------------------------------- PC_end ------------------------------------------*/

/*----------------------------------------- Smartphone ------------------------------------------*/
@media screen and (max-width:767px){
  
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#inbox{
  margin:5%;
  width:90%;
  clear:both;
  overflow:hidden;
}

.title {
  padding:15px 3%;
  width:100%;
  font-size:154%;
  line-height:0.9;
}

.sub_title{
  position: relative;
  margin:1em 0 0.5em 0;
  padding:0.3em 0.5em;
  font-size:124%;
  color:#FFF;
  text-align:left;
}
.sub_title:after{
  position: absolute;
	top: .5em;
	left:  0em;
	content: '';
	width: 4px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
}

.midashi{
  padding:0.3em 0.3em;
  margin-bottom:0.5em;
  font-size:108%;
}

/*----------	text  ----------*/
.item{
  margin-bottom:0.4em;
  padding:0.5em;
  font-size:100%;
}

p {
	font-size: 93%;
  line-height:1.75;
	font-weight: normal;
	text-align:left;
}
.text_midashi{
  font-size:100%;
  line-height:1.5;
  }

/*--- back ---*/
.back{
  padding:0.3em 0.7em;
  font-size:93%;
}

}

/*----------------------------------------- Smartphone_end ------------------------------------------*/




/*======================================
	Contents
=======================================*/
/*--------- copy / title / midashi ----------*/

.title{
  background-color:#ff9600;
  color:#FFF;
  font-weight:bold;
  text-align:left;
}

.sub_title {
  position: relative;
  background-color:#484848;
  color:#FFF;
  text-align:left;
}
.sub_title:after{
  position: absolute;
	top: .5em;
	left:  0em;
	content: '';
	width: 4px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
  background-color: #ff9600;
}

.midashi{
  border-bottom:1px solid #9b9b9b;
  text-align:left;
}

/*----------	text  ----------*/
.item{
  border:solid 1px #ff9700;
  background-color:#FFF;
  color:#ff9700;
  font-weight:bold;
  text-align:left;
}
.text_midashi{
  color:#ff9700;
  font-weight:bold;
  }


/*----- hyo -----*/
table.about_wrapper{
	border:1px solid #c1c1c1;
	border-collapse: collapse;
	font-size:12px;
  line-height:16px;
}
.about_wrapper td{
  padding:0.8em;
}
.about_wrapper td.list,
.about_wrapper td.list_last{
  border-bottom:1px solid #c1c1c1;
  font-weight:bold;
  text-align:center;
}
.about_wrapper td.list{
  border-right:1px solid #c1c1c1;
}
.about_wrapper td.text_last{
  border-bottom:1px solid #c1c1c1;
}
.about_wrapper td.center{
  text-align:center;
}
.about_wrapper td.gray{
  background-color:#c9c9c9;
}

/*--- 送料 ---*/
.postage_wrapper{
  border-bottom:1px solid #9b9b9b;
  padding:0.5em 0;
  margin-bottom:0.5em;
}

/*--- back ---*/
.back{
  background-color:#292929;
  color:#FFF;
  text-align:right;
}





/*--- width ---*/
.w710{width:710px;}

.w20p{width:20%}
.w50p{width:50%}
.w100p{width:100%}

/*--- top ---*/
.top20{margin-top:20px;}
.top30{margin-top:30px;}

.top1em{margin-top:1em;}
.top2em{margin-top:2em;}

/*--- color ---*/
.red{color:#FF0004;}
.orange{color:#ff9600;}

.small{ font-size:10px;}