@charset "utf-8";

#dvd{margin: 50px 0!important; height: 250px;}

figure{text-align: center;font-size: 16px; font-weight: 400;padding: 10px 0; line-height: 130%}
figure span{text-align: center;font-size: 13px;}
 .message {
      padding: 50px 0;
}

.f300{float: left;width: 330px; padding-right: 10px; margin-bottom: 30px;}
.f300:last-child {padding-right: 0px;}

.clear{clear: both;}
big{font-size: 120%;font-weight: bold;}
.t14{font-size: 14px!important;font-weight:normal!important;text-align: center;}
.t30_40{margin: 30px 0 30px;text-align: center;}


figcaption{font-size: 15px; line-height: 150%;margin-top: 10px;}
#backnumber{margin-bottom: 60px!important;padding-top: 30px;}

small{font-size: 75%;}
.in4{line-height: 130%!important;}
.fl{float: left;margin-left: 10px;}
.fr{width: 80px;}
.fr a{padding:5px 10px;text-decoration: none!important;
font-size: 14px;font-weight: normal;color: #fff;letter-spacing: 0em!important;
background: #ffab00;border-radius: 5px;text-align: center;}
.fr2 a{padding:5px 10px;text-decoration: none!important;
font-size: 15px;font-weight: normal;color: #fff;letter-spacing: 0em!important;
background: #ffab00;text-align: center;}

.main_txt h2{padding: 15px 0px;background:rgba(204,0,51,0.7);color:#ffff00;margin:15px auto;font-size: 22px;width: 70%!important; }

.move{width: 100%;margin-top: 10px;overflow: hidden;}
.move .box{float: left;width: 50%}
.move .box2{float: right;width: 50%}
.move iframe{width: 99%;height: 250px; margin-right: 10px;margin:0 auto;}



/*固定ボタン*/

#gInquiry {
    writing-mode: vertical-rl;
    font-size: 24px;
}

header #global #gInquiry{
    position: fixed;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 24px;
    z-index: 10;
}

header #global #gInquiry a{
    display: block;
    background: #A72126;
    color: #FFF;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
	padding: 40px 10px ;
border-radius: 10px 0 0 10px;
}
header #global #gInquiry i {
    transform: rotate(90deg);
}
/*#gInquiry ul li{margin: 30px 0 0!important;}*/


/* ================================================================
   テキスト系
================================================================ */
.mark{ position: relative;  display: inline-block;}
.mark:after {
  content: "";
  background: linear-gradient(transparent 50%, rgba(255, 255, 0) 50%);
  mix-blend-mode: multiply; width: 100%;  height: 100%;  position: absolute;  left: 0;
}

.red{	color: #f00;}
.red2{	color: #cc0033;}
.yellow{	color: #fc0;}
.green{	color: #060;}
.blue{	color: #039;}
.graytext{	color: #666;}
.white{color: #FFF;}

.bold{	font-weight: bold;}
.normal{	font-weight: normal;}

.txt14p{	font-size: 14px;}
.txt15p{	font-size: 15px;}
.txt16p{	font-size: 16px;}
.txt20p{	font-size: 20px;}

.txt50{	font-size: 50%;}
.txt80{	font-size: 80%;}
.txt90{	font-size: 90%;}
.txt120{ font-size: 120%;}
.txt150{ font-size: 150%;}
.txt180{ font-size: 180%;font-weight: bold!important;}
.b_glay{width: 100px;
    padding: 22px 15px;
    font-size: 14px;
    font-weight: 600;
    background: rgba(0,0,0,0.05);
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    line-height: 1.3;
    letter-spacing: 0.08em;
}}


/* ================================================================
   ポジション系
================================================================ */
.cut{	clear: both;	float: none;}
.block{	display: block;}
.auto{	width: auto;}
.clearfix{	zoom:1; } 
.clearfix:after{	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}
.cnt{ text-align:center; margin:0 auto;display:block;}

.width2em{ width: 2em;}
.width3em{ width: 3em;}
.width30{ width: 30px;}
.width50{ width: 50px;}
.width100{ width: 100px;}
.width150{ width: 150px;}
.width200{ width: 200px;}
.width250{ width: 250px;}
.width350{ width: 350px;}
.width450{ width: 450px;}
.width460{ width: 460px;}
.width470{ width: 470px;}
.width480{ width: 480px;}
.width490{ width: 490px;}
.width500{ width: 500px;}
.width550{ width: 550px;}

.mt-20{ margin-top: -20px!important;}
.mt-40{ margin-top: -40px!important;}
.mt-80{ margin-top: -80px!important;}
.mt-100{ margin-top: -100px!important;}
.mt-150{ margin-top: -150px!important;}
.mt-130{ margin-top: -130px!important;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt45{ margin-top: 45px;}
.mt50{ margin-top: 50px;}
.mt60{ margin-top: 60px;}
.mt70{ margin-top: 70px;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.mt100{ margin-top: 100px;}

.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}

.mb0{ margin-bottom: 0px;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb18{ margin-bottom: 18px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb50{ margin-bottom: 50px;}

.ml5{ margin-left: 5px;}
.ml8{ margin-left: 8px;}
.ml10{ margin-left: 10px;}
.ml11{ margin-left: 11px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml50{ margin-left: 50px!important;}
.ml90{ margin-left: 90px!important;}

.pt1em{ padding-top: 1em;}
.pt2em{ padding-top: 2em;}
.pb1em{ padding-bottom: 1em;}
.pb2em{ padding-bottom: 2em;}

.floatleft {float:left;}
.floatright {float:right;}

.t_left { text-align:left!important; }
.t_right { text-align:right!important; }


/*================================================================ */
@media screen and (max-width: 768px) {

.mt-20{ margin-top: 0px!important;}
.mt-40{ margin-top: 0px!important;}
.mt-80{ margin-top: 0px!important;}
.mt-100{ margin-top: 0px!important;}
.mt-150{ margin-top: 0px!important;}
.mt-130{ margin-top: 0px!important;}

.mt15{ margin-top: 0px;}
.mt20{ margin-top: 0px;}
.mt30{ margin-top: 0px;}
.mt40{ margin-top: 0px;}
.mt45{ margin-top: 0px;}
.mt50{ margin-top: 0px;}
.mt60{ margin-top: 0px;}
.mt70{ margin-top: 0px;}
.mt80{ margin-top: 0px;}
.mt90{ margin-top: 0px;}
.mt100{ margin-top: 0px;}
.mb18{ margin-bottom: 0px;}

.mark:after {
  
  background: none;
}	
.move .box {
    float: none; width: 100%;height: auto;overflow: hidden;}
.move .box2 {
    float: none; width: 100%;height: auto;overflow: hidden;}	
	.move iframe{width: 100%;margin-right: 0px;height:260px;}
	
.main_txt h2{padding: 5px 0px;margin:5px auto;font-size: 15px;width: 100%!important; }	
	
	
	
	
	
	
	
}



/* EOF */
