/* css */


body#index {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	position:relative;
	background:;
}
body#detail {
	width: 100%;
	margin: 0px;
	padding: 5px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	position:relative;
	background:;
}
body#index div#wrapper{
	width: 100%;
	max-width: ;/*980px*/
	margin: 0px auto;
	padding-bottom:20px;
	background:;
}

img {
	text-align: center;
	margin: 0 ;
	padding:0;
}

p{
	line-height:150%;
}


a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: ;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
/*---------- common?@style -----------*/
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.coopgreen{color:#73a681;}
.coopbrown{color:#7e6b5a;}
.caption{font-size: 12px; line-height:0;}
.bigbolder{
    font-size: 16pt;
    font-weight: 800;   }
.mt30{margin-top:30px;}

#copyright{
	width: 100%;
	display:block;
	font-size: 14px;
	text-align:center;
	margin:20px 0 0 0;
}

.larger{font-size:larger;}
.smaller{font-size:smaller;}
.bolder{font-weight:bolder;}
.lighter{font-weight:lighter;}
/*---------- clearfix -----------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.width100{width:100%;}
.width80{width:80%;}
.width50{width:50%;}
.width30{width:30%;}

.mtb10{margin:10px 0;}

/*----top------------*/

.top {
    font-size: 2vw;
    font-style: normal;
    font-weight: 800;
    text-align:center;

}
.balloon2-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 5vw;
  background: #FFF;
  border: solid 3px #a9955b;
  box-sizing: border-box;
	border-radius: 10px;
}

.balloon2-left::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 13px solid #FFF;
  z-index: 2;
}

.balloon2-left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #a9955b;
  z-index: 1;
}

.balloon2-left p,.balloon2-right p {
  margin: 0;
  padding: 0;
}

.balloon2-left img,.balloon2-right img {
  border:solid 1px #ccc;
}

.balloon2-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 0px 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 5vw;
  background: #FFF;
  border: solid 3px #a9955b;
  box-sizing: border-box;
	border-radius: 10px;
}

.balloon2-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 13px solid #FFF;
  z-index: 2;
}

.balloon2-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #a9955b;
  z-index: 1;
}


.fukidashiBox {
  margin:0;
  display: flex;
  align-items: center;
}


.cara{
	width:25%;
}

/*----mokuji------------*/
.mokuji{
	width: 90%;
	max-width: ;/*980px*/
	margin: 0px auto;
	background:#fff;
	border-radius: 10px;
}
.mokuji2{
	width: 90%;
	max-width: ;/*980px*/
	margin: 20px auto;
	border:dotted 1px #cdd66b;
	border-radius: 10px;
}
.mokujiDetail{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom:dotted 1px #cdd66b;
}
.icon{
	width:12vw;
	border:solid 0.5vw #a9955b;
	border-radius: 50%;
	margin:10px;
}
.item2{
	flex-grow: 3; 
}


.volmark{
	width:12vw;
	padding:0px 5px;
	margin:5px 0 0 0;
	background:#3c9eb7;
	border-radius: 5vw;
	text-align:center;
	color:white;
	font-size: 4vw;
	font-weight: bold;
}
.vol1ttl{
  font-size: 4.5vw;
}
.arrow{
    font-size: 6vw;
    font-weight: 800;
	color:orange;
	margin:0 10px;
}

#copyright{
}
#copyright img{
	vertical-align: middle;
}