::-webkit-input-placeholder {
    color:    #CCC;
}
:-moz-placeholder {
    color:    #CCC;
}


@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}



body {
  padding-top: 80px;
  padding-bottom: 30px;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #666666;
  background-color: #ffffff; 
}


.fs10{
	font-size:10px;
	
}
.fs12{
	font-size:12px;
	
}
.fs13{
	font-size:14px;
	
}
p{
	margin-bottom:50px;
	font-size:14px;	
}
.docs p{
	margin-bottom:30px;
	font-size:14px;		
}
.docs h4, .docs h5{
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;	
}

h1,h2,h3,h4,h5{
  color: #666666;	
}
h2{
	font-size:24px;
}
h3{
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight:bold;
	font-size:16px;

}
.footer{
	margin-top:100px;
	padding:10px;
	text-align:center;
	font-size:10px;
	border-top:solid #ccc 1px;
	
}

.pdb15{
	padding-bottom:15px;	
}

label{
	font-weight:normal;	
}

td,th{
	font-size:14px;		
}

.form_desc{
	font-size:10px;
}
.section{
	margin-bottom:50px;
	width:100%;
}

span.err{
	color:#C00;
	font-size:14px;
	font-weight:bold;	
}
.waku_kiyaku{
	height:15em;
	border:1px solid #ccc;
	overflow:scroll;
	padding:10px;	
}
.waku_kiyaku p{
	font-size:12px;
	margin-bottom:2em;
}
.waku_kiyaku h4{
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:0px;
}
.waku_kiyaku table{
	border-top:#ccc solid 1px;
	border-left:#ccc solid 1px;
}
.waku_kiyaku td{
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	font-size:12px;
	padding:3px;
}
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.navbar-brand{
	margin-right:60px;
}

.navbar-nav{
	margin-top:7px;
	float:right;
}
.navbar .nav > li > a {
	font-size:12px;
}

.panel-title{
	font-size:100%;
	font-weight:bold;
	
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #EEEEEE;
  color:#999;

}

.nav-pills > li > a {
  border-radius: 5px;
  background-color: #EEEEEE;
  color:#999;
}

.nav-pills > li > a:hover{
  border-radius: 5px;
  background-color: #CCCCCC;
  color:#666666;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 5px 10px;
  font-size:12px;
}

.page-header {
  padding-bottom: 0px;
  margin: 10px 0 30px;
  border-bottom: 1px solid #eeeeee;
}
.h3_comment {
  margin: 0 0 20px;
}

/*ログイン*/
.select_login{
	width:50%;
	float:left;
	padding:2px;
	
}
.select_login button {

	width:100%;
	font-size:14px;
 
	font-weight:bold;
}
.select_login2{
	width:100%;
	float:left;
	padding:2px 20px;
	
}
.select_login2 button {

	width:100%;
	font-size:14px;
 
	font-weight:bold;
}


/*会員登録画面*/
#sinup th{
	font-weight:normal;
	width:30%;
}


.form-control_free {
  display: inline-block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control_zip {
  font-size: 18px;
  vertical-align:middle;
}


.col_main h3{
	border-bottom:#EEE 1px solid;
	padding-bottom:5px;	
}

.description{
	margin-bottom:30px;	
}


/*アイテムリスト*/
table#item_list th{
	text-align:center;
}
table#item_list td.box .title{
	font-weight:bold;
	font-size:14px;
	margin-bottom:3px;
}
table#item_list td.box .option{
	margin-top:5px;
	padding:3px;
	border-top:#CCC dotted 1px;
}
table#item_list td.item .title{
	font-size:14px;
	margin-bottom:3px;
}

table#item_list .info{
	font-size:10px;
	line-height:1.2em;
		
}
table#item_list td.to_cart{
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
table#item_list td.no{
	text-align: center;
	vertical-align: middle;
}
table#item_list td.kosu{
	text-align: center;
	vertical-align: middle;
}
table#item_list td.date{
	text-align: center;
	vertical-align: middle;
}
table#item_list td.price{
	text-align: right;
	vertical-align: middle;
}
table#item_list td.to_cart .btn{
	margin-top:5px;

}

table#item_list tr.total td{
	background:#EEE;
	text-align: right;
	font-weight:bold;	
}
table#item_list tr.total2 td{
	background:#DDD;
	text-align: right;
	font-weight:bold;	
}



.buy_cart_panel ul{
	padding: 0px;
	margin: -5px;
	list-style-type: none;
}
.buy_cart_panel li{
	border-bottom:#CCC dotted 1px;
	padding:5 0 5 0;
	
}
.buy_cart_panel li .option{
	font-size:10px;
	line-height:1.2em;
}
.buy_cart_panel li .price{
	text-align:right;
	font-weight:bold;
	
}
.buy_cart_panel li .price .del{
	display:inline-block;
	float:left;
	font-weight:normal;
	font-size:10px;
	padding-top:1px;
}
.buy_cart_panel li.total{
	text-align:center;
	border:none;	
}
.buy_cart_panel li.total .btn{
	margin-top:10px;
}



table.select_deliv tr{
	margin-bottom:5px;
}
table.select_deliv td{
	vertical-align:top;
	padding:5 5 5;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
	padding: 5px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top:none;
}

.alert_box{
	background-color:#C42D2F;
	color:#FFFFFF;
	font-weight:bold;
	padding:15px;

}

.alert_box a{
	text-decoration:underline;
	color:#FFFFFF;


}
/*利用手順関連-----------------------------------------------------------------------------*/

.attention .midashi h2{

	
}
.attention .service h4{
	background:#666;
	color:#FFF;
	font-weight:bold;
	padding:10px;
	
	
}
/*アンカー関連-----------------------------------------------------------------------------*/
a.anchor{
padding-top:100px;
margin-top:-100px
}
*[id]:before {
  display: block;
  content: " ";
  margin-top: -80px;
  height: 80px;
  visibility: hidden;
}

/*FAQ関連-----------------------------------------------------------------------------*/
.faq h3{
	font-size:18px;
	border-bottom:1px solid #EEE;
	margin-bottom:20px;
}
.faq h4{
	font-size:14px;
	margin-left:15px;
	font-weight:bold;
	
}
.faq .ans{
	margin-left:15px;
	margin-bottom:40px;
	background:#EEE;
	padding:10px;
	
}


/*テーブル関連-----------------------------------------------------------------------------*/
table.table_box{
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	
	
}

table.table_box td , table.table_box th{
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;	
	
	
}
table.table_box th{
	background:#EEE;
	text-align:center;
}


/*履歴関連-----------------------------------------------------------------------------*/
ul.month{
	list-style:none;
	margin:0;
	padding:0;
}
ul.month li{
	margin:0;
	padding:0;	
}



/*利用方法-----------------------------------------------------------------------------*/
.riyou p{
	margin-bottom:15px;
	
}
.riyou img{
	width:65%;
	margin:auto;
	display:block;
	
}



/*モバイル関連-----------------------------------------------------------------------------*/
.mob_menu{
	display:none;
}

.mob_only{
	display:none;
}

@media (max-width: 767px) {
	
	
body {	
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.428571429;
color: #666666;
background-color: #ffffff; 
}

h2{
	font-size:16px;
	color: #red;
}
h3{
	font-size:14px;	
}
h4{
	font-size:12px;	
}
.mob_none{
	display:none;
}
.mob_only{
	display:block;
}
.mob_menu{
	display:block;
}
.navbar .nav > li{
	/*border-bottom:#ccc solid 1px*/;	
}
.navbar .nav > li > a{
	padding:5 15 5 10;
	margin:0px;
	color:#666;
	font-size:18px;
}

td,th{
	font-size:12px;		
}
/*ログイン*/
.select_login{
	width:100%;
	float:left;
	padding:2px;
	
}
.select_login button {

	width:100%;
	font-size:14px;
 
	font-weight:bold;
}
.select_login2{
	width:100%;
	float:left;
	padding:2px;
	
}
.select_login2 button {

	width:100%;
	font-size:14px;
 
	font-weight:bold;
}
}

.account_set{
    padding: 0 20px;
}
.account_set ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.account_set ul li{
    margin-bottom: 20px;
    padding: 5px 0 10px;
    border-bottom: 1px #EEE solid;
    
}
.account_set .btn{
    background-color: crimson;
    padding: 5px 10px;
    border-radius: 5px;
    color: #FFF;
    font-weight: bold;
    float: right;
    margin-top: -10px;
}
.account_set .result{
    background-color: #27AF53;
    padding: 5px 10px;
    margin-bottom: 20px;
    color: #FFF;
}
.deco-radio { display: inline-block; font-size: 18px; }
.deco-radio:hover { cursor: pointer; }
.deco-radio input { display: none; }
.deco-radio input+.dummy {
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: text-top;
}

.deco-radio input:checked+.dummy:after {
    content: "";
    width: 70%;
    height: 70%;
    background-color: #666;
    border-radius: 50%;
}



/*おしらせ*/
.panel .news div{
  padding-bottom: 5px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 5px;
}
.panel .news div a{
  text-decoration: none;
}

.sp{
  display:block;
}
@media (min-width: 760px) {
    .sp {
        display: none;
    }
}
.pc{
  display:none;
}
@media (min-width: 760px) {
    .pc {
        display: block;
    }
}