/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 12px;
	line-height: 22px;
}

html {
	height:100%;	
}

body {
	height:100%;
	color:#323232;
	background-color:#ffffff;
	font-family:"Hiragino Kaku Gothic Pro", "�q���M�m�p�S Pro W3", "Osaka", Osaka, "���C���I", Meiryo, Verdana, "�l�r �o�S�V�b�N", "MS P Gothic", san-serif;
}

.iten_info {
    margin: 0 10px 35px 10px;
    border: #de0028 2px solid;
    padding: 10px;
    display: table;
    box-sizing: border-box;
}
.iten_info p.txt {
	word-break: break-word;
}

.spnone {
	display:none;
}

.page_tit{
	font-size: 16px;
}

/* font
===============================================================*/
a { 
	color:#323232;
	text-decoration:none;
}
 
a:visited {
	color:#323232;
	text-decoration:none;
}

a:hover {
	color:#323232;
	text-decoration: underline; 
}

a:active {
	color:#323232;
	text-decoration: underline; 
}

.


/* Contents
===============================================================*/
div#AllBox{	
}

div#Wrapper{
}

div#Contents {
/*	padding:83px 0 0 0;*/
	padding:90px 0 0 0;
}

#detail div.moving {
	/*padding:82px 0 0 0 !important;*/
	padding:118px 0 0 0 !important;
}

div#Main {
	
}

div#SideBar {
		
}


/* HeaderBox
===============================================================*/
div#HeaderBox {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:20;
	padding:47px 0 0 0;
}

div#HeaderBox .header_in {
	width:100%;
	background-color:#ffffff;
	border-bottom:#636363 1px solid;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

div#HeaderBox .header_in .logo img {
	width:130px;
}

div#HeaderBox .header_in .menu {
	position:absolute;
	top:0;
	right:0;
}

div#HeaderBox .header_in .menu img {
	width:54px;
}


/* Navigation
===============================================================*/
div#Navigation {
	display:none;
	width:100%;
	padding:0 0 100px 0;
	background-color:#ffffff;
	overflow:auto;
}

div#Navigation p.close {
	position:absolute;
	top:0;
	right:0;
	z-index:20;
}

div#Navigation p.close img {
	width:54px;
}

div#Navigation ul li {
	border-bottom:#e5e5e5 1px solid;
	background:url(../images/top_n/ar01.png) no-repeat 25px 50%;
	background-size:5px 7px;
}

div#Navigation ul li a {
	display:block;
	font-size:13px;
	padding:15px 40px;
}

div#Navigation ul li span {
	padding:0 17px 0 0;
	background:url(../images/top_n/ar02.png) no-repeat right 50%;
	background-size:12px 12px;
}


div#Navigation ul.t li {
	border-bottom:#ffffff 1px solid;
	background:url(../images/top_n/ar01.png) #f1f1f1 no-repeat 25px 50%;
	background-size:5px 7px;
}

div#Navigation ul.t li span {
/*	padding:0 17px 0 0; */
	background:url(../images/top_n/ar02.png) #f1f1f1 no-repeat right 50%;
	background-size:12px 12px;
}

div#Navigation ul.l {
	padding:0 0 50px 0;
}

div#Navigation ul.l li {
	border-bottom:#ffffff 1px solid;
	background:url(../images/top_n/ar01.png) #e9e9e9 no-repeat 25px 50%;
	background-size:5px 7px;
}

#HeaderBox .bn_cm a{
	background:#ffffff;
	display:block;
	padding:10px 0;
	text-align:center;
	font-size:16px;
	border-bottom:#636363 1px solid;
}
#HeaderBox .bn_cm a span{
	color:#de0028;
}

/* topics
===============================================================*/
div.header_wrapper div.topics {
	display:none;
	width:100%;
	height:500px;
	overflow:auto;
	background:url(../images/common/img_a_01.png) repeat 0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:2;
}

div.header_wrapper div.topics p.close {
	width:121px;
	height:35px;
	text-indent:-9999px;
	position:fixed;
	top:0;
	right:80px;
	z-index:10;
}

div.header_wrapper div.topics p.close a {
	display:block;
	width:121px;
	height:35px;
	background:url(../images/common/nav.gif) no-repeat 0 -35px;
	background-size:201px 70px;
}


div.header_wrapper div.topics .img_wrapper {
	padding:50px 15px 40px 15px;
	clear:both;
	position:relative;
}

div.header_wrapper div.topics .img_wrapper .slides {
	text-align:center;
}

/* Control Nav */
.flex-control-nav {width:100% !important;}


div.header_wrapper div.topics .info {
	padding:0 15px;
	background-color:#ffffff;
}

div.header_wrapper div.topics .info .inner {
	border-top:#bfbfbf 1px solid;
	border-bottom:#bfbfbf 1px solid;
	padding:13px 0 11px 0;
}

div.header_wrapper div.topics .info .inner p.btn a {
	display:block;
	width:104px;
	height:17px;
	text-indent:-9999px;
	background:url(../images/common/img_btn_01.gif) no-repeat 0 0;
	background-size:104px 17px;
}

.main_img li.n0 {
	position:absolute;
	bottom:36px;
	left:21px;
}

.main_img li.n1 {
	position:absolute;
	bottom:28px;
	left:30px;
}

.main_img li.n2 {
	position:absolute;
	bottom:20px;
	left:39px;
}

.main_img li.n3 {
	position:absolute;
	bottom:14px;
	left:49px;
}

.main_img li.n4 {
	position:absolute;
	bottom:8px;
	left:60px;
}

.main_img li.n5 {
	position:absolute;
	bottom:4px;
	left:71px;
}

div.header_wrapper div.topics .sub_slides {
	padding:15px 0 5px 10px;
	background-color:#ffffff;
}

div.header_wrapper div.topics .sub_slides li {
	display:inline-block;
	padding:0 9px 10px 0;
	position:relative;
}

div.header_wrapper div.topics .sub_slides li span.date {
	display:block;
	font-size:8px;
	width:65px;
	color:#ff5a6e;
	text-align:center;
	position:absolute;
	top:45px;
	left:0;
}


/* FooterBox_k
===============================================================*/
div#FooterBox_k {
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
}




div#FooterBox_k ul {
	width:69px;
	float:right;
}

div#FooterBox_k .sweets ul {
	width:96px;
	float:right;
}

div#FooterBox_k ul li {
	width:20px;
	padding:5px 12px 12px 0;
	float:left;
}


div#FooterBox_k .footer_wrapper ul li.pinterest {
	width:20px;
	height:20px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div#FooterBox_k .footer_wrapper ul li.pinterest a {
	display:block !important;
	width:20px !important;
	height:20px !important;
	background:url(../images/common/img_ic_03.png) no-repeat 0 0;
	background-size:20px 20px !important;
}

div#FooterBox_k ul li.facebook a {
	display:block;
	width:20px;
	height:20px;
	line-height:1px;
	font-size:1px;
	text-indent:-9999px;
	background:url(../images/common/img_ic_03.png) no-repeat 0 0;
	background-size:20px 20px;
}

div#FooterBox_k ul li.twitter a {
	display:block;
	width:20px;
	height:20px;
	line-height:1px;
	font-size:1px;
	text-indent:-9999px;
	background:url(../images/common/img_ic_04.png) no-repeat 0 0;
	background-size:20px 20px;
}

div#FooterBox_k p {
	font-size:10px;
	padding:5px 0 0 12px;
}


/* FooterBox
===============================================================*/
div#FooterBox .f_bg {
	background-color:#333333;
	padding:0 0 15px 0;
}


div#FooterBox .f_banner {

    text-align: center;
    margin:20px 13px 30px;

}
div#FooterBox .f_banner img{
	width:100%;
	height:auto;
	}


div#FooterBox .pagetop a {
	display:block;
	background-color:#de0029;
	text-align:center;
	margin:0 0 15px 0;
}

div#FooterBox ul.list {
	margin:0 0 15px 0;
}

div#FooterBox ul.list li a {
	display:block;
	font-size:13px;
	padding:9px 30px;
	color:#ffffff;
	background:url(../images/top_n/ar03.jpg) no-repeat 15px 50%;
	background-size:5px 7px;
}

div#FooterBox ul.list li a span {
	padding:0 17px 0 0;
	background:url(../images/top_n/ar04.jpg) no-repeat right 50%;
	background-size:12px 12px;
}

div#FooterBox p.sns {
	text-align:center;
	padding:0 0 17px 0;
}

div#FooterBox p.sns a {
	display:inline-block;
	margin:0 15px;
}

div#FooterBox .copy {
	text-align:center;
	color:#ffffff;
	font-size:10px;
}

div#FooterBox .slink {
	text-align:center;
	font-size:10px;
	padding:0 0 10px 0;
}

div#FooterBox .slink a {
	color:#7c7c7c;
}


/* tenpo banner
===============================================================*/
div.tenpo {
	position:fixed;
	top:50%;
	right:0;
	z-index:20;
	text-align: center;
	background-color: #de0029;
	transform: translateY(-50%);
}

div.tenpo img {
	width:40px;
}