@charset "utf-8";

/* link */
a:link.rinkset,a:visited.rinkset { color:#333; text-decoration:underline;font-weight:bold;}
a:hover.rinkset,a:active.rinkset { color:#ff4272;text-decoration:none;overflow: hidden;outline: none;}
a:link.rinkbuy,a:visited.rinkbuy { color:#fff; text-decoration:none;}
a:hover.rinkbuy,a:active.rinkbuy { color:#fff;text-decoration:underline;overflow: hidden;outline: none;background-color:#ff7c06; border-color:#ff7c06;}

/* back */
#wall{background-color:#fff;overflow-x:hidden;height:auto;}
#wrapper{
background-image: url("images/back.jpg");
background-repeat: repeat;
background-attachment: fixed;
background-position: right bottom;
	}
#wrapper2{
background-image: url("images/back2.jpg");
background-repeat: repeat;
background-attachment: fixed;
background-position: right bottom;
	}

/* 終了用 */	
.fin {/*親div*/
  position: relative;/*相対配置*/
  }
.fin::before{
	/* 透過した黒を重ねる */
	background-color: rgba(0,0,0,0.5);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
.fin p {
 position: absolute;
  color: white;
  font-weight:600;
  font-size:2.0em;
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }


/* 高さ調整 */
.inbox-1{margin-top:10px;}
.inbox-2{margin-top:20px;}
.inbox-3{margin-top:30px;}
.inbox-4{margin-bottom:20px;}
.inbox-5{margin-top:30px;margin-bottom:20px;}
.inbox-6{margin-bottom:30px;}

/* list */
.inList,.inList2 {padding-left:0em;}
.inList > li {list-style:none;
	list-style-type:none;
	line-height:1.6;margin-left:1.2em;text-indent:-1.2em;
  }
.inList2 > li {line-height:1.6;margin-left:1.2em;text-indent:-0.1em;}
.inList > li::before {
    content: '※';
    margin-right:5px;
}

/* box */
.cont-box1{width:98%; max-width:980px; margin: 0 auto;padding:15px;}
.cont-box2{width:100%; max-width:960px; margin: 0 auto;padding:5px;background-color:#fff;border-radius:5px;}
.cont-box3{width:98%; max-width:900px; margin: 0 auto; color:#333;padding-bottom: 10px;margin-top:20px;}
.cont-box4{width:95%; max-width:800px; margin: 0 auto; padding:5px 10px 0px 0px; line-height:1.61;}

/* flexbox */
.parent{
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
align-content: stretch;/* 高さ均一にしている*/
flex: 1;flex-wrap :wrap;
}
.parent > .child-1{width: 100%;}
.parent > .child-2{flex:1;}
.parent > .child-3{flex:2;}

.parent > .child-11{width:33.333%;}
.parent > .child-22{flex:1;}
.parent > .child-33{flex:2;}
.parent > .child-55{width:33.33%;margin:10px;}

.all {margin-top:10px;margin-bottom:20px;}



.parent2 {
  display: flex;
  flex-wrap: wrap;
}
.child-4 {
width: 33.33%;
  width: calc(100% / 3);
  border: solid 1px;
  box-sizing: border-box;
}

.child-44 {
width: 33.33%;
  width: calc(100% / 3);
  border: solid 1px;
  box-sizing: border-box;
}
.img-responsive2 {
       width: 100%;   /* ※A */
   max-width:1000px;  /* ※B */
   min-width:320px;  /* ※C */
   flex-shrink: 0;
}

/* info */
.bg {color: #fff;
  padding: 1px;
  margin-bottom:10px;
  background-color: #2b3a7c;
  border: 1px solid #2b3a7c;
  border-radius:10px;font-size:1.6rem;
}
.bg2 {color: #fff;
  padding: 1px;
  margin-bottom:10px;
  background-color:#3a0706;
  border: 1px solid #3a0706;
  border-radius:10px;font-size:1.6rem;
}
.boxinfo1{margin-bottom:20px; margin-top:0px; padding: 5px;border-bottom:1px solid #dddddd;}
/* sub */
h2.tt{width:100%; max-width:900px; margin: 0 auto; color: #333;
font-size: 1.8em;font-weight:400; text-shadow: 1px 1px 3px #666; padding-bottom: 10px;
border-bottom: solid 2px #2b3a7c;}
h4.sub1 {color:#fff;font-weight:600;
  position: relative;
  padding: 0.6em;
  background: #59170d;
}
h4.sub1:first-letter {
font-size: 2em;font-weight:600;
color: #f0cf73;
}
h4.sub1:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #59170d;
width: 0;
height: 0;
}
h4.sub2{margin:5px;padding:10px;color:#2b3a7c; font-size:1.5em;font-weight:600;border-bottom: solid 2px #2b3a7c;}

/* txt */
.wtxt1{font-size:1.0rem;font-weight:600;}
.wtxt2{font-size:1.2rem;font-weight:600;}
.wtxt3{font-size:1.4rem;font-weight:600;}
.wtxt3red{font-size:1.4rem;font-weight:600;color:#c70505;}
.wtxt4{font-size:1.6rem;font-weight:600;}
.wtxt4red{font-size:1.6rem;font-weight:600;color:#c70505;}
.wtxt5{font-size:1.8rem;font-weight:600;}
.wtxt5red{font-size:1.8rem;font-weight:600;color:#c70505;}
.wtxt6{font-size:2.0rem;font-weight:600;}
.wtxt7{font-size:1.4rem;line-height:1.4em;}
.wtxtct{margin-left:1em;text-indent:-1em;}
table{width:100%;}

.dl-table {width:98%; max-width:900px; margin: 0 auto; 
    padding: 0;margin-top:5px;
    background: #b7c3f7;
    border: 1px solid #b7c3f7; 
}

.dl-child {  /**  dlに入れ子dlをするときのclass  **/
    margin: 0;
}

dl.dl-table dt, 
dl.dl-table dd {
    margin: 0;
    box-sizing: border-box;
}

dl.dl-table dt {width:20%;
    padding: 5px;
    background: inherit;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #b7c3f7;
    border-left: 0;float: left ; clear: left ;
}

dl.dl-table dd {margin-left:20%;
    padding: 6px;
    border-bottom: 1px solid #b7c3f7;
    background: #fff;
}
 
dl.dl-table dd:last-of-type {
    border-bottom: 0;
}
.carousel-control2.left {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control2.right {
  right: 0;
  left: auto;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control2:hover,
.carousel-control2:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control2 .icon-prev,
.carousel-control2 .icon-next,
.carousel-control2 .glyphicon-chevron-left,
.carousel-control2 .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control2 .icon-prev,
.carousel-control2 .glyphicon-chevron-left {
  left: 50%;
  margin-left: -20px;
}
.carousel-control2 .icon-next,
.carousel-control2 .glyphicon-chevron-right {
  right: 50%;
  margin-right: -20px;
}
.carousel-control2 .icon-prev,
.carousel-control2 .icon-next {  background-color:rgba(0,0,0,0.5);
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
label.boxche{padding:5px;border-radius:5px;border: solid 1px #e0e0e0;margin-top:10px;background-color:#ffffff;}
boxline1{margin-bottom:15px;border-bottom:1px solid #dddddd;}
.btn-primary3 {background-color:#4c5785; border-color:#7d85a4; color: #fff; border-radius: 25px; margin-bottom: 15px;}
.btn-primary3:hover,
.btn-primary3:focus,
.btn-primary3.focus,
.btn-primary3t:active,
.btn-primary3.active,
.open > .dropdown-toggle.btn-default {
  color: #f9f9b2;
  background-color: #7d8ed5;
  border-color: #7d85a4;
}
.btn-primary3:active,
.btn-primary3.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-primary3.disabled,
.btn-primary3[disabled],
fieldset[disabled] .btn-default,
.btn-primary3.disabled:hover,
.btn-primary3[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-primary3.disabled:focus,
.btn-primary3[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-primary3.disabled.focus,
.btn-primary3[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-primary3.disabled:active,
.btn-primary3[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-primary3.disabled.active,
.btn-primary3[disabled].active,
fieldset[disabled] .btn-primary3.active {
  background-color: #d3744c;
  border-color: #ccc;
}
.thumbnail{margin:5px;
		background-position:center top;
		background-attachment:fixed;
		background-color:#fff;
		border: 1px solid #c1c1c1;
			box-shadow: 2px 2px 10px #c1c1c1;
	-webkit-box-shadow: 2px 2px 10px #c1c1c1;
	-moz-box-shadow: 2px 2px 10px #c1c1c1;

	}
/* ▼表示領域が639px以上の場合 */
@media screen and (min-width:639px) {
img.grp1simage,.sp { display: none; }  /* miniを非表示 */
img.grp1image,.pc { display: block; } /* bigを表示 */
}
/* ▼表示領域が640px未満の場合 */
@media screen and (max-width:640px) {
img.grp1simage,.sp { display: block; } /* miniを表示 */
img.grp1image,.pc  { display: none; }  /* bigを非表示 */
div.bgmini{ display: block;} /* miniを表示 */
.pcsp3{font-size:1rem;}

/* txt */
.wtxt6{font-size:1.4rem;font-weight:600;line-height:1.1em;}
.wtxt7{font-size:1.2rem;line-height:1.6em;}
h2.tt{font-size:2.0rem;}

}
/* ▼表示領域が700px未満の場合 */
@media screen and (max-width: 700px) {
.parent {flex-direction: column;}/* 横幅が700px以下になったら横並びから縦並びに変更*/
.parent > .child-11{width:100%;}
}

/* ▼表示領域が992px以上の場合 */
@media screen and (min-width:701px) {
.parent > .child-11{width:50%;}
}
/* ▼表示領域が992px以上の場合 */
@media screen and (min-width:992px) {
.parent > .child-11{width:33.333%;}
}