@charset "utf-8";
.ip320{
		display: none;
		
	}



#fragment-1 {
	background-image: url(../../v03/img/shadow_top.png),url(../../v03/img/shadow_bottom.png),url(../../v03/top/img/mv_01.jpg);
	background-repeat: repeat-x,repeat-x,no-repeat;
	height: 298px;
	width: 940px;
	background-position: left top,left bottom,left top;
}

#Frm01 {
	font-size: 14px;
	line-height: 26px;
	padding-top: 44px;
	padding-right: 600px;
	box-sizing:border-box;
	height: 100%;
}

.haitatsu {
	margin-top: 12px;
	margin-bottom: 20px;
	padding-bottom: 40px;
}
.haitatsutitle {
	background-color: #EE1C29;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 8px;
	color: #FFF;
}
.haitatsu ul li{
	display: inline;
	padding-right: 20px;
	line-height: 24px;
	white-space:nowrap;
}

.haitatsu ul{
	margin-left: 12px;
}

.haitatsucomment {
	padding: 12px;
	margin-top: 20px;
	border: 1px solid #C8C8C8;
	font-weight: bold;
	font-size: 14px;
}
.haitatsu h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-top: 16px;
	margin-bottom: 8px;
	background-color: #EDECEC;
	padding: 8px;
}

.haitatsu img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}


.jirei{
	text-align: center;
	font-size: 20px;
	color: #FFF;
	background-color: #D71920;
	line-height: 28px;
	font-weight: bold;
}

.haitatsutitle h2 {
	font-weight: bold;
	color: #FFF;
	background-color: #EE1C29;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
}


.display {
	background-image: url(../../event/03img/zoom.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-bottom: 20px;
}

.pic{cursor: zoom-in;}

.bx-viewport .pic{cursor: default;}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

#modal_window img{
	width: 82%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
	margin-bottom: 12px;
}


#modal_window .pic_link,#modal_window .pic_desc, #modal_window .pic_title:after{

	display: none;
}

#modal_window h4{
	font-size: 20px;
	margin-bottom: 16px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.bx-pager{
	display: none;	
}
#modal_close_btn {
	display: none;
}
.pic_title {
	font-size: 14px;
	margin-top: 4px;
	font-weight: bold;
}
.pic_link a {
	font-size: 12px;
}

.pic_desc {
	margin-bottom: 20px;
}

.pic_title:after {
	content: "";
 background: url("../03img/pic_zoom.png") no-repeat center;
	background-color: rgba(255,255,255,0.6);
 background-size:30px auto;
	display: block;
	position: absolute;
 width: 48px;
 height: 48px;
	right: 15px;
	font-weight: normal;
	padding-right: 2px;
	padding-left: 4px;
	color: #000;
	top: 0;
 cursor: zoom-in;
}

.col-sm-4 .pic_title:after {
 background-size:24px auto;
 width: 38px;
 height: 38px;
}

.bx-wrapper .bx-viewport .pic_title:before{content:none;}


.returnbtn {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	clear: both;
	margin-top: 40px;
	margin-bottom: 60px;
}
.returnbtn a {
	display: block;
	width: 440px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #D71920;
	background-color: #fff;
}

.returnbtn a:hover{
	background-color: #FDE8E9;
	
}


/*イベント・使い方から選ぶ ここから*/

#Tsukaikata{
margin-bottom: 52px;
}

#Tsukaikata h2{
color:#000;
background:#EDECEC;
font-size:40px;
padding: 10px;
}

#Tsukaikata h2 + p{
font-size:16px;
}

#Tsukaikata .wrap {
	display:flex;
}
#Tsukaikata .eb {
	width: 49%;
	margin-right:2%;
	border: 1px solid #fff;
	margin-top: 40px;
	margin-bottom: 20px;
}
#Tsukaikata .eb.mar {
	margin-right:0;
}
#Tsukaikata .eb a {
	display:block;
	text-decoration: none;
}
#Tsukaikata .eb:hover {
	border: 1px solid #D81921;
}
#Tsukaikata .eb h3 {
	font-size:18px;
	font-weight:normal;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #d90b19;
}
#Tsukaikata .eb img {
	width:100%;
	height:auto;
}
#Tsukaikata .eb p {
	font-size:15px;
	padding-right: 8px;
	padding-left: 8px;
	color: #666666;
	padding-bottom: 8px;
}

.linkbt {
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #d90b19;
  width: 300px;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
  background-color: #f9f7f6;
  position: relative;
  margin-top: 28px;
}
.linkbt:hover {
	background-color: #fde8e9;
}
.linkbt a {
	text-decoration: none;
	display: block;
}
.linkbt a::after {
	content:"▶";
	top: 50%;
	right: 12px;
	margin-top: -10px;
	position:absolute;
}
/*イベント・使い方から選ぶ ここから*/


#Katsuyou{
margin-bottom: 52px;
}

#Katsuyou h2 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-top: 16px;
  margin-bottom: 8px;
  background-color: #EDECEC;
  padding: 8px;
}


#Katsuyou p{
margin-bottom: 10px;
}

#AreaJirei {
	margin-bottom: 40px;
	overflow: hidden;
	
}

#AreaHaitatsu {
	margin-top: 16px;
	margin-bottom: 40px;
	background-image: none;
	border: 1px solid #CCC;
	padding: 16px;
}

#AreaHaitatsu p {
	margin-top: 2%;
}
#AreaHaitatsu img+img{
	margin-top: 8px;
	float: right;
	margin-left: 8px;
}

.areatxt {
	display: block;
	position: absolute;
	top: 0px;
	width: 940px;
	left: 50%;
}

#AreaHaitatsu p a+img{
	vertical-align: bottom;
	margin-right: 20px;
	margin-bottom: 2px;
	}
.link_bottom {
 margin-right: auto;
 margin-left: auto;
 text-align: center;
 margin:100px auto;
}

.link_bottom a {
 font-size: 28px;
 text-decoration: underline;
 font-weight: bold;
 cursor: pointer;
 line-height: 1.6
}
.link_bottom a:hover {
 text-decoration:none;
}



@media screen and (max-width: 1099px) {
  #MbMv img{
  margin-top: 50px;
  }
  
#ContentsBox {
margin-top: 0;
}
}


@media screen and (max-width: 767px){

#Tsukaikata {
	overflow: hidden;
}

#Tsukaikata h2{
font-size:18px;
padding: 10px 5px;
}

#Tsukaikata h2 + p{
font-size:14px;
}

.wrap {
	display:inline;
}
#Tsukaikata .eb {
	width: 48%;
	margin-right:1%;
	border: 1px solid #fff;
	margin-top: 20px;
	margin-bottom: 0px;
	float: left;
	margin-left: 1%;
/*	height:350px;*/
}
#Tsukaikata .eb h3 {
	font-size: 16px;
}
#Tsukaikata .eb p {
	font-size: 14px;
}
}


@media screen and (max-width: 719px){
#MbMv img{
margin-top: 60px;
}
#ContentsBox {
margin-top: 0;
}

.haitatsu img {
	margin-left: auto;
	height: auto;
	width: 90%;
	margin-right: auto;
	display: block;
}

.display{
	
	visibility: hidden;
}

#MainContents h1{
	font-size: 16px;
	color:#fff;
	background-color: red;
	text-align: center;
	padding: 10px 5px;
	letter-spacing: -1px;
}	

	#TitleContents {
		display:none;	
	}

.jirei{
	text-align: center;
	font-size: 14px;
	color: #FFF;
	background-color: #D71920;
	line-height: 28px;
}

#modal_window .pic_title{
	font-size: 14px;
}

.pic{cursor: auto;}

.pic_title:after{
	display: none;
}

#AreaHaitatsu img+img{
	height: auto;
	width: 100%;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.link_bottom {
margin:50px auto;
}
.link_bottom a {
 font-size: 18px;
 }
}