@charset "utf-8";

/* ------------------------------------- /
/   contentsBox
/* ------------------------------------- */

body#news h2 {
	background: url(../news/img/h2.png) no-repeat center;
	height: 55px;
	margin: 0;
	text-indent: -9999px;
}

h3.news01 {
	background: url(../news/img/h3_01.gif);
}

h3.news02 {
	background: url(../news/img/h3_02.gif);
}

h3.news03 {
	background: url(../news/img/h3_03.gif);
}

h3.news04 {
	background: url(../news/img/h3_04.gif);
}

h3.news05 {
	background: url(../news/img/h3_05.gif);
}

h3.news06 {
	background: url(../news/img/h3_06.gif);
}

h3.news07 {
	background: url(../news/img/h3_07.gif);
}

h3.news08 {
	background: url(../news/img/h3_08.gif);
}

h3.news09 {
	background: url(../news/img/h3_09.gif);
}

h3.news10 {
	background: url(../news/img/h3_10.gif);
}

h3.news11 {
	background: url(../news/img/h3_11.gif);
}

h3.news12 {
	background: url(../news/img/h3_12.gif);
}

h3.news13 {
	background: url(../news/img/h3_13.gif);
}

h3.news14 {
	background: url(../news/img/h3_14.gif);
}

h3.news15 {
	background: url(../news/img/h3_15.gif);
}

h3.news16 {
	background: url(../news/img/h3_16.gif);
}

h3.news17 {
	background: url(../news/img/h3_17.gif);
}

h3.news18 {
	background: url(../news/img/h3_18.gif);
}

h3.news19 {
	background: url(../news/img/h3_19.gif);
}

h3.news20 {
	background: url(../news/img/h3_10.gif);
}

body#news p.date {
	border-bottom: dotted 2px #fedc00;
	margin: 0 0 20px 0;
}

div.box01 {
	background: #2dc5b0;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
}

div.box01 .ttl {
	padding-left: 0;
	background: none;
	border-bottom: dotted 2px #FFF;
	border-top: dotted 2px #FFF;
	border-left: none;
	border-right: none;
	box-shadow: none;
	border-radius: 0;
	margin-top: 0;
}

div.box01 .ttl span.atn {
	background: #F5E60E;
	color: #D50B0F;
	text-shadow: none;
	font-size: 1.4rem;
	padding: 0 5px;
}

div.box01 .ttl02 {
	padding-left: 0;
	background: none;
	border-bottom: dotted 2px #FFF;
	border-top: dotted 2px #FFF;
	border-left: none;
	border-right: none;
	box-shadow: none;
	border-radius: 0;
	margin-top: 30px;
}

div.box01 .ttl03 {
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: solid 1px #FFF;
	font-weight: bold;
}

div.box01 dl {
	margin-bottom: 0;
}

div.box01 dt {
	float: left;
	clear: left;
	width: 125px;
	background: url(../news/img/ico_maru.png) no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
}

div.box01 dt span {
	font-weight: normal;
}

div.box01 dd {
	padding-left: 125px;
	margin-bottom: 5px;
}

div.box01 dl.list02 dt {
	float: inherit;
	clear: inherit;
	width: auto;
	background: url(../news/img/ico_maru.png) no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
}

div.box01 dl.list02 dd {
	padding-left: 20px;
	margin-bottom: 5px;
}

div.box01 ul {
	margin-bottom: 0;
}

div.box01 ul li {
	background: url(../news/img/ico_maru.png) no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
}

div.box01 dl.list02 dd li {
	background: none;
	padding-left: 0;
	margin-left: 20px;
	list-style: disc;
}

body#news div.sideBox {
	margin-bottom: 70px;
}

div.box01 span.box {
	display: block;
	padding: 10px 25px 10px 5px;
	margin-bottom: 10px;
	background: #fffeed;
	border-radius: 5px;
}

div.box02 {
	background: #D8D8D8;
	border-radius: 5px;
	padding: 10px;
}

div.box02 h6 {
	margin: 0 0 5px 0;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: dotted 1px #ff91e0;
}

div.box02 dl {
	margin-bottom: 0;
}

div.box02 dt {
	float: left;
	clear: left;
	width: 50px;
}

div.box02 dd {
	padding-left: 50px;
}

body#news p.btnTry {
	margin-top: 10px;
	margin-left: 257px;
	text-indent: -9999px;
	display: block;
	width: 210px;
	height: 40px;
	background: url(../news/img/btn_try_on.png);
}

body#news p.btnTry a {
	display: block;
	width: 210px;
	height: 40px;
	background: url(../news/img/btn_try_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

body#news p.btnTry a:hover {
	opacity: 0;  
    filter: alpha(opacity=100); 
}

body#news p.btnTw {
	margin-top: 10px;
	margin-left: 257px;
	text-indent: -9999px;
	display: block;
	width: 210px;
	height: 40px;
	background: url(../news/img/btn_tw_on.png);
}

body#news p.btnTw a {
	display: block;
	width: 210px;
	height: 40px;
	background: url(../news/img/btn_tw_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

body#news p.btnTw a:hover {
	opacity: 0;  
    filter: alpha(opacity=100); 
}

body#news p.btnTry a:hover {
	opacity: 0;  
    filter: alpha(opacity=100); 
}

body#news p.btnTw02 {
	margin-top: 10px;
	margin-left: 257px;
	text-indent: -9999px;
	display: block;
	width: 210px;
	height: 40px;
	background: url(../news/img/btn_tw02_on.png);
}

body#news p.btnTw02 a {
	display: block;
	width: 210px;
	height: 40px;
	background: url(../news/img/btn_tw02_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

body#news p.btnTw02 a:hover {
	opacity: 0;  
    filter: alpha(opacity=100); 
}

body#news p.btnFes {
	margin-left: 222px;
	text-indent: -9999px;
	display: block;
	width: 280px;
	height: 60px;
	background: url(../news/img/btn_fes_on.png);
}

body#news p.btnFes a {
	display: block;
	width: 280px;
	height: 60px;
	background: url(../news/img/btn_fes_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

body#news p.btnFes a:hover {
	opacity: 0;  
    filter: alpha(opacity=100); 
}

div.goods {
	line-height: 140%;
}

div.goods p.itm {
	border: dotted 1px #999;
	padding: 5px;
}

div.goods p.name {
	background: #ff91e0;
	padding: 5px 0;
	border-radius: 5px;
	margin-bottom: 5px;
}

div.goods p.txt {
	font-size: 12px; font-size: 1.2rem;
}


@media screen and (max-width: 768px) { /* 767px以下の場合 */

/* ------------------------------------- /
/   contentsBox
/* ------------------------------------- */

body#news div.contentsBox {
	margin-top: 10px;
}

body#news h2 {
	background: url(../news/img/h2_s.png) no-repeat center;
	background-size: contain;
	height: 0;
	margin: 0;
	padding-top: 12.03%;
	text-indent: -9999px;
}

h3.news01 {
	background: url(../news/img/h3_01_s.gif);
}

h3.news02 {
	background: url(../news/img/h3_02_s.gif);
}

h3.news03 {
	background: url(../news/img/h3_03_s.gif);
}

h3.news04 {
	background: url(../news/img/h3_04_s.gif);
}

h3.news05 {
	background: url(../news/img/h3_05_s.gif);
}

h3.news06 {
	background: url(../news/img/h3_06_s.gif);
}

h3.news07 {
	background: url(../news/img/h3_07_s.gif);
}

h3.news08 {
	background: url(../news/img/h3_08_s.gif);
}

h3.news09 {
	background: url(../news/img/h3_09_s.gif);
}

h3.news10 {
	background: url(../news/img/h3_10_s.gif);
}

h3.news11 {
	background: url(../news/img/h3_11_s.gif);
}

h3.news12 {
	background: url(../news/img/h3_12_s.gif);
}

h3.news13 {
	background: url(../news/img/h3_13_s.gif);
}

h3.news14 {
	background: url(../news/img/h3_14_s.gif);
}

h3.news15 {
	background: url(../news/img/h3_15_s.gif);
}

h3.news16 {
	background: url(../news/img/h3_16_s.gif);
}

h3.news17 {
	background: url(../news/img/h3_17_s.gif);
}

h3.news18 {
	background: url(../news/img/h3_18_s.gif);
}

h3.news19 {
	background: url(../news/img/h3_19_s.gif);
}

h3.news20 {
	background: url(../news/img/h3_20_s.gif);
}

div.box01 dt {
	float: inherit;
	margin-bottom: 0;
}

div.box01 dd {
	padding-left: 20px;
	margin-bottom: 5px;
}

body#news div.sideBox {
	margin-bottom: 0;
}

body#news p.btnTry {
	margin: 0 10%;
	display: block;
	width: 80%;
	height: auto;
	background: none;
}

body#news p.btnTry a {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 19%;
	background: none;
	background: url(../news/img/btn_try_s.png) no-repeat;
	background-size: contain;
	-webkit-transition: none;  
	-moz-transition: none;  
	-o-transition: none;  
	transition: none; 
}

body#news p.btnTry a:hover {
	opacity: 100;  
    filter: alpha(opacity=100); 
}

body#news p.btnTw {
	margin: 0 10%;
	display: block;
	width: 80%;
	height: auto;
	background: none;
}

body#news p.btnTw a {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 19%;
	background: none;
	background: url(../news/img/btn_tw_s.png) no-repeat;
	background-size: contain;
	-webkit-transition: none;  
	-moz-transition: none;  
	-o-transition: none;  
	transition: none; 
}

body#news p.btnTw a:hover {
	opacity: 100;  
    filter: alpha(opacity=100); 
}

body#news p.btnTw02 {
	margin: 0 10%;
	display: block;
	width: 80%;
	height: auto;
	background: none;
}

body#news p.btnTw02 a {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 19%;
	background: none;
	background: url(../news/img/btn_tw02_s.png) no-repeat;
	background-size: contain;
	-webkit-transition: none;  
	-moz-transition: none;  
	-o-transition: none;  
	transition: none; 
}

body#news p.btnTw02 a:hover {
	opacity: 100;  
    filter: alpha(opacity=100); 
}

body#news p.btnFes {
	margin: 0 10%;
	display: block;
	width: 80%;
	height: auto;
	background: none;
}

body#news p.btnFes a {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 24.48%;
	background: none;
	background: url(../news/img/btn_fes_s.png) no-repeat;
	background-size: contain;
	-webkit-transition: none;  
	-moz-transition: none;  
	-o-transition: none;  
	transition: none; 
}

body#news p.btnFes a:hover {
	opacity: 100;  
    filter: alpha(opacity=100); 
}

div.box01 .ttl span.atn {
	display: block;
	text-align: center;
	padding: 2px 0;
	margin-top: 5px;
}

}