h1,h2,h3,h4,h6{
 border-style:solid;
 border-color:#0000c0;
 border-width:1px 1px 1px 1px;
 padding:3px;
 font-weight:bold;
}


H5 {
 border-style:solid;
 border-color:#0000c0;
 border-width:1px 1px 1px 1px;
 color:#000000;
 background-color:yellow;
}


H3{
left : 10% ;
border-bottom-color : Blue ;
border-bottom-width : 2px ;
}

.ShinGoM{
 font-family: "Shin Go Medium";
}

.ShinGoR{
 font-family: "Shin Go Regular";
}


.heading{
	font-weight:bold;
	font-size:100%;
/*
background-color : aqua ;
	padding:5px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:blue;
*/
}


.login_area{
	  border: 1px solid #aaa;
  width: 400px;
  text-align: center;

}


.container {
  margin: 0 auto;
  padding: 5px;
  width: 90%;
  background-color: #fff;
  column-count: 4;
  column-gap: 0;
}

.grid {
  padding: 10px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}



.bookcover {
	margin:5px;
	padding: 1px;
	background: black;
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0);
	box-shadow: 3px 3px 0px rgba(0, 0, 0);
	position: relative /* z-index を指定するので */
}



/* HTMLでの雑誌閲覧時 */
.TopObi {
 border-style:solid;
 border-color:blue;
 border-width:1px 1px 1px 1px;
 padding:3px;
 font-weight:bold;
	background:blue;
	color:white;
}

.subhead{
 font-weight:bold;
font-size: 100%;
  padding-left: 5%;
}

.headline{
 font-weight:bold;
font-size: 300%;
  padding-left: 5%;

}

.lede{
 font-weight:bold;
font-size: 105%;
  padding-left: 6%;
}

.text{
  padding-left: 5%;
  padding-right: 15%;

}

/* Mac UTF-8の文字化け防止CSSハック */
/*\*//*/
textarea, select, input {
font-family: Osaka, "ヒラギノ角ゴPro W3", "ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
}
/**/


/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;

  height: 50px;

  padding: 10px 12px;

  border: 2px solid transparent;
  border-radius: 4px;
  background-color: #e6e6fa;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

		.form-row {
		  width: 80%;
		}

		/* 入力欄にフォーカスされた時 */
		.StripeElement--focus {
		  border: 2px outset #263be0;
		}


    th,td {
        border: solid 1px;  /* 枠線指定 */
/*        padding: 5px;   */   /* 余白指定 */
    }
     
    table {
        border-collapse:  collapse; /* セルの線を重ねる */
    }

.kakomi {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 1px #000000;
}
.kakomi .kakomi-title {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -1px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #000000;
    color: #ffffff;
    font-weight: bold;
}
.kakomi p {
    margin: 0; 
    padding: 0;
}