@charset "utf-8";

/*******************************************************

 Last up 2011/10/19

********************************************************/



/*-----------------------------------------------------

Reset CSS

-------------------------------------------------------*/

body{
	color:#3F3F3F;
	font-size:12px;
	font-family:"? a", "MS Gothic", "Osaka", Osaka-mono, monospace;
	text-align:center;
	margin:0px;
	padding:0px;
	line-height:120%;
	letter-spacing:-0.5px;
}
#kakaku {
	font-size:75%;/* for IE6 */
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}

a{ color:#3F3F3F; text-decoration:none;display: block; }
a img{
	transition-duration: .4s;
}
a:hover{text-decoration:underline; }
a:hover img{
	opacity: 0.7;
}
.noline{ border:none!important; }

/*-----------------------------------------------------

All CSS

-------------------------------------------------------*/

#wrap{
	width:100%;
	margin:auto;
	text-align:left;
}

/* header */

#header{
	width:1000px;
	margin: 20px auto 0;
}

.header_area{
	width:1000px;
	height:115px;
    display: flex;
    align-items: center;
}

#header h1{
	width:612px;
    margin-right: auto;
}
.top_tel {
}
.hed_tel a{
	position:absolute;
	right:20px;
	top:5px;
}

#menu li {
  position: relative;
  float: left;
  margin: 0;
}
#menu li:hover {
  color: #fff;
}
#menu li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: -1px;
  width: 220px;
  z-index:100;
  color: #fff;
  background: #0D4E89;
  border:1px solid #ffffff;
}
#menu li ul li {
  width:220px;
  background: #074882;
  border-bottom:1px dotted #FFF;
}
#menu li ul li a {
  display: inline-block;
  width: 215px;
  color: #fff;
  padding:5px 0px 5px 5px;
}
#menu li ul li a:hover {
  background: #083051;
  color: #fff;
  text-decoration:none;
  width: 215px;
  adding:5px 0px 5px 5px;
}


/* contents */

#contents{
	width:1000px;
	margin:auto;
	padding-top:26px;
	overflow:hidden;
	zoom:1;
}

/* leftside */

#leftside{
	width:200px;
	float:left;
}

#leftside img{
	margin-bottom:5px;
}
.side_crbox .cr_in{
	border: 1px solid #999999;
	border-top: none;
    box-sizing: border-box;
    padding: 15px;	
}
.side_crbox .cr_in p{
	line-height: 1.4;
	font-size: 14px;
}
.side_crbox .cr_in iframe{
	width: 180px;
    margin: 0 3px 10px;
    text-align: center;
}
.side_optlist{
	margin-bottom: 15px;
}
.side_optlist_bottom {
    margin-top: 20px;
}
/* main */

#main{
	width:770px;
	float:right;
}
.main_newsbox{
	border: 1px solid #0057CF;
	border-top: none;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#main .main_newsbox h2 {
    padding: 0;
    background: none;
    margin: 0;
}
.main_newsbox ul{
	padding: 20px;
}
.main_newsbox ul li:nth-child(1){
	margin-bottom: 10px;
}
.main_newsbox ul li a{
	font-size: 14px;
}
.main_newsbox ul li a:hover{
	color: #333;
}
.main_picbox{
	margin:15px 0px;
	font-size:12px;
	line-height:19px;
}

.main_picbox p{ margin-top:5px; }

.main_bnbox{
	width:770px;
	margin:0px 0px 15px;
	padding:0px;
}
.top_head_text {
    margin-bottom: 24px;
}
.main_bnbox .main_pict {
    margin-bottom: 2px;
}
.main_bnbox-bottom {
    margin-bottom: 60px;
}

.main_bnbox ul{
	padding:0px;
    overflow:hidden;
	display: flex;	
	flex-wrap: wrap;
    _zoom:1;
}

*:first-child+html .main_bnbox ul{ /* IE7 */
	margin:0px -10px 0px 0px;
}
.main_bnbox li{
	list-style-type:none;
	width: 384px;
   	margin:0px 2px 2px 0px;
	padding:0px;
	display:inline;
}
.main_bnbox li:nth-child(2n){
	margin: 0 0 2px 0;
}
.main_bnbox li.bn4>ul{
	display: flex;
	flex-wrap: wrap;
}
.main_bnbox li.bn4>ul>li{
	width: 191px;
}
.main_bnbox li.flex {
    width: 191px;
    margin-right: 2px;
}
.main_bnbox li.flex-last {
    width: 191px;
    margin-right: 0;
}
.main_bnbox img {
    max-width: 100%;
    height: auto;
    vertical-align:bottom;
}

#image-navigation ul li{
	margin:0 0 5px;
}
#image-navigation ul li a {
  display:block;
  width: 145px;
  height:55px;
}
#image-navigation .navi {
  width: 145px;
  float:right;
}
#image-navigation .navi-image {
	width:620px;
	height:238px;
	overflow: hidden;
  	float:left;
}
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

.contbox{
	width:770px;
	overflow:hidden;
	zoom:1;	
}

.contbox .bnbox{
	width:605px;
	float:left;
}

.contbox .bnbox img{ margin-bottom:30px; }

.contbox .rightbox{
	width:150px;
	float:right;
	margin-right: 3px;
}

.contbox .rightbox img{ margin-bottom:10px; }
.contbox .rightbox p{ margin:10px 0px 20px; }



/*===================================================================
	clearfix
===================================================================*/
.clear:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html .clear{
	display: inline-block;
}

/* no ie mac \*/
* html .clear{
	height: 1%; 
}

.clear{
	display: block;
	position:relative;
}
/* */

/* clearfix for IE7*/
*:first-child+html .clear{
	zoom:1;
}



/* footer */

#footer{
	width:100%;
	padding:40px 0 0;
	background-color:#E1E1E1;
	color:#999;
	overflow:hidden;
	margin-top: 60px;	
	zoom:1;
}
#footer .title{
	text-align: center;
}
#footer .title h2{
	margin-bottom: 10px;
}
#footer .title .subtitle{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	letter-spacing: .5em;
}
#footer .title .ft-tel {
    margin-top: 30px;
}
#info {
	width: 1000px;
	margin:30px auto 61px;	
	overflow:hidden;
	color:#333;
	line-height:1.5;
	display: flex;	
}
/*カラム1*/
#fstClm {
	width:320px;
	margin-right: 20px;
}
#fstClm .Clm:first-of-type p.red{
	margin-top: 25px;
}
/*カラム2*/
#sndClm {
	width:320px;
	margin-right: 20px;	
	background-color: #fff;
}
#sndClm .Clm_in p span{
	font-size: 12px;
	color: #FF5452;
	font-weight: bold;
}
#sndClm .Clm_in p span strong{
	font-size: 16px;
	color: #FF5452;
	font-weight: bold;
}
#sndClm .Clm_in h5{
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #999;
	margin-bottom: 15px;
	padding: 3px 0;
}
#sndClm .Clm_in p.underline{
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
/*カラム3*/
#trdClm {
	width:320px;
}
#trdClm .Clm .Clm_in table{}
#trdClm .Clm .Clm_in table th{
	font-size: 14px;
	font-weight: bold;
	width: 71px;
	vertical-align: top;
	padding-right: 21px;
	text-align: justify;
	text-align-last: justify;
	white-space: nowrap;
}
#trdClm .Clm .Clm_in table td{
	font-size: 14px;
	display: block;
	margin-bottom: 9px;
	line-height: 1.6;
}
#info .Clm{
	background-color: #fff;
	margin-bottom: 15px;
}
#info .Clm_in{
	padding: 15px;
}
#info .Clm .Clm_in h4{
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px;
}
#info .Clm .Clm_in p.red{
	color: #FF5452;
}
#info .Clm .Clm_in .strong{
	color: #FF5452;
	font-size: 18px;
	text-align: center;
}
#info .Clm .Clm_in .strong span{
	font-size: 20px;
	font-weight: bold;
}
#info .Clm .Clm_in .strong strong{
	font-size: 26px;
	font-weight: bold;
}
#info .Clm .Clm_in ul li{
	font-size: 14px;
    padding-left: 1em!important;
    text-indent: -1em;
}
#info h3 {
}
#info p {
	font-size: 14px;
}
#footer a{ color:#fff; text-decoration:none; font-size: 14px;}
#footer a:hover{ color:#d9d9d9; }

#footer h3{
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
}
#footer .ft_menu{
	width: 100%;
	background-color: #333;
	padding: 11px 0 20px;
}
#footer .ft_menu .ft_inner{
	width: 1000px;
	margin: 0 auto;
}
#footer .ft_menu h3{
	margin-bottom: 15px;
}
.footbox .mainbox{
	width: 820px;
	display: flex;
	flex-wrap: wrap;
}
.footbox .mainbox ul li{
	padding-right: 44px;
}
.footbox:nth-child(1){
	float: left;
}
.footbox:nth-child(2){
	float: right;
}
.footbox li{
	margin-bottom:10px;
}
.footbox li a{
	background: url("../img/new/ft_before.png") left center no-repeat;
	padding-left: 12px;	
}
/*.footbox li a::before{
	content:url( "../img/new/ft_before.png");
}
*/.copyright{
	width:1000px;
	clear:both;
	padding:20px 0px 0;
	text-align:center;
	color: #fff;
	font-size: 11px;
}



#info td a {
	color:#00f;
	text-decoration:underline;
}
#info td a:hover {
	color:#00f;
	text-decoration:none;
}












/* margin ---------- */
.mt_01{margin-top:1px !important;}
.mt_02{margin-top:2px !important;}
.mt_03{margin-top:3px !important;}
.mt_04{margin-top:4px !important;}
.mt_05{margin-top:5px !important;}
.mt_06{margin-top:6px !important;}
.mt_07{margin-top:7px !important;}
.mt_08{margin-top:8px !important;}
.mt_09{margin-top:9px !important;}
.mt_10{margin-top:10px !important;}
.mt_11{margin-top:11px !important;}
.mt_12{margin-top:12px !important;}
.mt_13{margin-top:13px !important;}
.mt_14{margin-top:14px !important;}
.mt_15{margin-top:15px !important;}
.mt_16{margin-top:16px !important;}
.mt_17{margin-top:17px !important;}
.mt_18{margin-top:18px !important;}
.mt_19{margin-top:19px !important;}
.mt_20{margin-top:20px !important;}
.mt_21{margin-top:21px !important;}
.mt_22{margin-top:22px !important;}
.mt_23{margin-top:23px !important;}
.mt_24{margin-top:24px !important;}
.mt_25{margin-top:25px !important;}
.mt_26{margin-top:26px !important;}
.mt_27{margin-top:27px !important;}
.mt_28{margin-top:28px !important;}
.mt_29{margin-top:29px !important;}
.mt_30{margin-top:30px !important;}
.mt_50{margin-top:50px !important;}

.mr_05{margin-right:5px !important;}
.mr_06{margin-right:6px !important;}
.mr_07{margin-right:7px !important;}
.mr_08{margin-right:8px !important;}
.mr_09{margin-right:9px !important;}
.mr_10{margin-right:10px !important;}
.mr_11{margin-right:11px !important;}
.mr_12{margin-right:12px !important;}
.mr_13{margin-right:13px !important;}
.mr_14{margin-right:14px !important;}
.mr_15{margin-right:15px !important;}
.mr_16{margin-right:16px !important;}
.mr_17{margin-right:17px !important;}
.mr_18{margin-right:18px !important;}
.mr_19{margin-right:19px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}


.ml_05{margin-left:5px !important;}
.ml_06{margin-left:6px !important;}
.ml_07{margin-left:7px !important;}
.ml_08{margin-left:8px !important;}
.ml_09{margin-left:9px !important;}
.ml_10{margin-left:10px !important;}
.ml_11{margin-left:11px !important;}
.ml_12{margin-left:12px !important;}
.ml_13{margin-left:13px !important;}
.ml_14{margin-left:5px !important;}
.ml_15{margin-left:15px !important;}
.ml_16{margin-left:16px !important;}
.ml_17{margin-left:17px !important;}
.ml_18{margin-left:18px !important;}
.ml_19{margin-left:18px !important;}
.ml_20{margin-left:20px !important;}
.ml_21{margin-left:21px !important;}
.ml_22{margin-left:22px !important;}
.ml_23{margin-left:23px !important;}
.ml_24{margin-left:24px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}


.mb_05{margin-bottom:5px !important;}
.mb_06{margin-bottom:6px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_12{margin-bottom:12px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_50{margin-bottom:50px !important;}


.pt_01 {padding-top: 1px !important;}
.pt_02 {padding-top: 2px !important;}
.pt_03 {padding-top: 3px !important;}
.pt_04 {padding-top: 4px !important;}
.pt_05 {padding-top: 5px !important;}
.pt_06 {padding-top: 6px !important;}
.pt_07 {padding-top: 7px !important;}
.pt_08 {padding-top: 8px !important;}
.pt_09 {padding-top: 9px !important;}
.pt_10 {padding-top: 10px !important;}
.pt_12 {padding-top: 12px !important;}
.pt_13 {padding-top: 13px !important;}
.pt_14 {padding-top: 14px !important;}
.pt_15 {padding-top: 15px !important;}
.pt_18 {padding-top: 18px !important;}
.pt_20 {padding-top: 20px !important;}
.pt_21 {padding-top: 21px !important;}
.pt_22 {padding-top: 22px !important;}
.pt_23 {padding-top: 23px !important;}
.pt_25 {padding-top: 25px !important;}
.pt_27 {padding-top: 27px !important;}
.pt_30 {padding-top: 30px !important;}
.pt_40 {padding-top: 40px !important;}
.pt_50 {padding-top: 50px !important;}


.pl_01 {padding-left: 1px !important;}
.pl_02 {padding-left: 2px !important;}

.pl_03 {padding-left: 3px !important;}
.pl_04 {padding-left: 4px !important;}
.pl_05 {padding-left: 5px !important;}
.pl_06 {padding-left: 6px !important;}
.pl_07 {padding-left: 7px !important;}
.pl_08 {padding-left: 8px !important;}
.pl_09 {padding-left: 9px !important;}
.pl_10 {padding-left: 10px !important;}
.pl_12 {padding-left: 12px !important;}
.pl_13 {padding-left: 13px !important;}
.pl_14 {padding-left: 14px !important;}
.pl_15 {padding-left: 15px !important;}
.pl_16 {padding-left: 16px !important;}
.pl_17 {padding-left: 17px !important;}
.pl_18 {padding-left: 18px !important;}
.pl_19 {padding-left: 19px !important;}
.pl_20 {padding-left: 20px !important;}
.pl_23 {padding-left: 23px !important;}
.pl_25 {padding-left: 25px !important;}
.pl_27 {padding-left: 27px !important;}
.pl_30 {padding-left: 30px !important;}
.pl_32 {padding-left: 32px !important;}


.pb_01 {padding-bottom: 1px !important;}
.pb_02 {padding-bottom: 2px !important;}
.pb_03 {padding-bottom: 3px !important;}
.pb_04 {padding-bottom: 4px !important;}
.pb_05 {padding-bottom: 5px !important;}
.pb_06 {padding-bottom: 6px !important;}
.pb_07 {padding-bottom: 7px !important;}
.pb_09 {padding-bottom: 9px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_11 {padding-bottom: 11px !important;}
.pb_12 {padding-bottom: 12px !important;}
.pb_13 {padding-bottom: 13px !important;}
.pb_14 {padding-bottom: 14px !important;}
.pb_15 {padding-bottom: 15px !important;}
.pb_16 {padding-bottom: 16px !important;}
.pb_17 {padding-bottom: 17px !important;}
.pb_18 {padding-bottom: 18px !important;}
.pb_20 {padding-bottom: 20px !important;}
.pb_25 {padding-bottom: 25px !important;}
.pb_27 {padding-bottom: 27px !important;}
.pb_30 {padding-bottom: 30px !important;}
.pb_35 {padding-bottom: 35px !important;}
.pb_40 {padding-bottom: 40px !important;}
.pb_50 {padding-bottom: 50px !important;}

/**/

.ta_c { text-align:center;}

/**/

#header {
	position:relative;
}
#subNav {
	width:385px;
	height:77px;
	position:absolute;
	top:34px;
	left:220px;
}
#subNav li {
	width:77px;
	height:77px;
	float:left;
	padding:0;
}
#inshop {
	position:absolute;
	top:39px;
	left:615px;
}

/*　ニュースタイル　20210215　*/
.hd_nav_container {
    width: 1000px;
    margin: 26px auto 0;
}
.hd_nav_list_area {
    display: flex;
    justify-content: space-between;
}
.hd_nav_list {
    width: 166px;
    text-align: center;
    border-right: solid 1px #BBCDF0;
    box-sizing: border-box;
}
.hd_nav_list:first-child {
    border-left: solid 1px #BBCDF0;
}
.hd_nav_list a {
    font-size: 18px;
    font-weight: bold;
    color: #2C64D2;
    display: block;
    padding: 17px 0;
}
.side_crbox {
    margin-bottom: 8px;
}
.side_bottom_list_box {
    margin-bottom: 8px;
}
#leftside .side_bottom_list_tit img {
    margin-bottom: 0;
}
.side_bottom_list {
    border-left: solid 1px #2C64D2;
    border-right: solid 1px #2C64D2;
    border-bottom: solid 1px #2C64D2;
}
.side_bottom_list a {
    font-size: 14px;
    display: block;
    padding: 15px 10px;
    position: relative;
}
.side_bottom_list a:hover {
    color: #2C64D2;
}
.side_bottom_list a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #779be2;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) translateX(0);
    -webkit- transform: translateY(-50%) translateX(0);
}
.side_movie_box {
    height: 135px;
    margin-bottom: 8px;
}
.side_movie_box:last-child {
    margin-bottom: 0;
}
.side_movie_box iframe {
    width: 100%;
    height: 100%;
}
.shipping_container {
    padding: 12px;
    background-color: #FF8C8C;
    border-radius: 5px;
}
.main_bnbox_tit {
    text-align: center;
    margin-bottom: 12px;
}
.shipping_list_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.shipping_list {
    width: 32.8%;
}
.shipping_list:nth-child(1),
.shipping_list:nth-child(2),
.shipping_list:nth-child(3) {
    margin-bottom: 5px;
}
.shipping_list a {
    display: block;
}
.main_bnbox .main_banner_list_area {
    display: flex;
    justify-content: space-between;
}
.main_bnbox .main_banner_list {
    width: 24.3%;
    margin: 0;
}
.main_bnbox .main_banner_list a {
    display: block;
}

/*　フローティングバナー　*/
.ft_floating_container {
    position: fixed;
    bottom: 0;
    right: 0;
}
.ft_floating_list:first-child {
    margin-bottom: 10px;
}