@charset "utf-8";
/* CSS Document */

body{margin:0;padding:0;background:#f9f9f9;color:#222222;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:80%;letter-spacing:0.15em;}
body{-webkit-text-size-adjust:none;}


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

}

h1,h2,h3,h4,h5,h6,p,ol,ul,dt,dd{font-size:100%;padding:0;}

h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0 0 1em;font-weight:normal;}
p{line-height:1.8em;margin:0 0 1.5em;}
/*ol,ul,dt,dd{line-height:1.7em;margin:0 0 1.5em;}*/
ol,ul,dt,dd{line-height:1.7em;}
table{line-height:1.7em;margin:0 0 1.5em;}

strong{font-weight:bold;}

img{max-width:100%;}

/* リスト通常使用 */
ul.normal{padding-left:10px;margin-left:10px;}
ul.normal li{margin-bottom:5px;}
ul.none{list-style:none;}

ol.normal{padding-left:15px;margin-left:15px;}
ol.normal li{margin-bottom:5px;}

dl{margin:0;padding:0;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}


a:link{text-decoration:underline;color:#222222;}
a:visited{text-decoration:underline;color:#222222;}
a:hover{text-decoration:none;color:#CB0B00;}


a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}
a:hover img{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

a.link{display:inline-block;background:url("../images/ico_arrow01.png") no-repeat 100% 50%;padding:0 15px 0 0;}


table{border-collapse:collappse;border-spacing:1px;font-size:90%;}
th,td{border:solid #cccccc 1px;padding:10px;vertical-align:middle;}
th{background:#ffffff;font-weight:bold;text-align:left;}
td{background:#ffffff;}

.nowrap{white-space:nowrap;}




@media screen and (max-width:640px){
th,td{padding:5px;}

.nowrap{white-space:normal;}
}



.sp{display:none;}

@media screen and (max-width:1024px){
.pc{display:none;}
.sp{display:block;}
img.sp{display:inline;}
}


/* header */
#header{padding:50px 0 0;float:left;}
/*#indx #header{width:960px;margin:0 auto;position:relative;z-index:1;padding:95px 0 0;float:none;}*/




@media screen and (min-width:1025px) {
	#indx #header {
	position:relative;
	z-index:1;
	background: #FFFFFF;
	background: rgba(255,255,255,0.9);
	width:100%;
	padding:0;
	float:none;
}

#indx #header #logo {
	padding-left:15px;
	padding-top:10px;
/*	padding-bottom:10px;*/
}

#indx #header #nav {
	position:absolute;
	top:18px;
	left:250px;
}

#indx #header #nav ul{
	text-align: center;
	font-size:14px;
  	margin: 0 auto;
 	padding: 0;
  	display: flex;
	}


#indx #header #nav li {
  position: relative;
  list-style: none;
  padding: 25px 10px 0 10px;
  text-align: center;
  font-size:13px;
  letter-spacing:0px;
}

#indx #header #nav ul li ul{
	display:none; /*アコーディオンの開閉閉じる*/
	list-style: none;
	position:absolute;
	top:50px;
	left:0;
	border:solid #C91210;border-width:0 0 0 2px;margin:15px 0 0;
	padding:0 10px 0 10px;
	letter-spacing:0.05em;
	background:#FFFFFF;
}


#indx #header #nav ul li ul li{
	position:relative;
	text-align:left;
	border: none;
	list-style: disc !important;
	padding: 0;
	margin: 0 0 0 10px;
	font-size:13px;
	/*width: 200%;*/
	border:dotted #333333;border-width:0 0 1px;padding:10px 0;
}

#indx #header #nav ul li ul li ul{
	display:none; /*アコーディオンの開閉閉じる*/
	list-style: none;
	position: relative;
	top:0;
	left:0;
	border: none;
}

#indx #header #nav ul li ul li ul li{
	position: relative;
	border: none;
	list-style: disc !important;
	padding: 0;
	margin: 0 0 0 10px;
}

#indx #header #nav ul li ul li:last-child{border:none;}
}


#logo{margin:0 0 30px;line-height:1.5em;}
@media screen and (max-width:1024px){
#header{padding:80px 0 1px;float:none;background:#ffffff; position:relative; z-index:1;}
#indx #header{width:100%;padding:80px 0 1px;background:#ffffff;}

#logo{text-align:center;margin:0 0 1em;}
}

#nav{}
#nav ul{margin:0 0 25px;}
#nav ul li{margin:0 0 15px;z-index: 20;}
#nav ul li ul{border:solid #C91210;border-width:0 0 0 2px;margin:15px 0 0;padding:0 0 0 10px;display:none;letter-spacing:0.05em;}
#nav ul li ul li{width:160px;border:dotted #333333;border-width:0 0 1px;padding:10px 0;margin:0;}
#nav ul li ul li:last-child{border:none;}
#nav ul li ul li ul{border:none;margin:0;}
#nav ul li ul li ul li{width:130px;border:none;list-style:disc !important;padding:0;margin:0 0 0 10px;}

#nav ul li.cur a{color:#CB0B00;}
#nav ul li.cur ul li a{color:#222222;}
#nav ul li.cur ul{display:block;}
#nav ul li.cur ul li ul{display:none;}

#nav ul li a.more_menu{display:inline-block;padding:0 20px 0 0;background:url("../images/ico_menu_off.png") no-repeat 100% 50%;}
#nav ul li a.more_menu.on{color:#CB0B00;background:url("../images/ico_menu_on.png") no-repeat 100% 50%;}

#nav ul li ul li a.more_menu{ /*width:160px;*/display:inline-block;padding:0 20px 0 0;background:url("../images/ico_menu_off.png") no-repeat 100% 50%;}
#nav ul li ul li a.more_menu.on{color:#CB0B00;background:url("../images/ico_menu_on.png") no-repeat 100% 50%;}

#nav a{text-decoration:none;}

#lang{letter-spacing:0.2em;}
#lang li{margin:0 0 3px;padding:0 0 0 15px;font-size:90%;}
#lang li.cur{background:url("../images/ico_disc.png") no-repeat 0 50%;}

#lang a{text-decoration:none;}
#lang li.cur a{color:#CB0B00;}

#sp_menu{display: block;}
@media screen and (max-width:1024px){
#sp_menu{display:block;position:absolute;top:15px;left:20px;z-index:999;}
#sp_menu.on{position:fixed;}

#nav{position:fixed;top:0;left:-70%;width:70%;height:100%;background:url("../images/menu_bg.png");overflow-y:auto;padding:80px 15px 15px 20px;font-size:115%;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}
#nav.on{left:0;}

#nav a{color:#ffffff;}
#nav ul li.cur a{color:#ffffff;}
#nav ul li.cur ul li a{color:#ffffff;}

#nav ul li ul li{width:auto;border:dotted #ffffff;border-width:0 0 1px;}

#nav ul li a.more_menu{padding:0 20px 0 0;background:none;background:url("../images/ico_menu_off_sp.png") no-repeat 100% 50%;}
#nav ul li a.more_menu.on{color:#ffffff;background:none;}
#nav ul li ul li a.more_menu{background:url("../images/ico_menu_off_sp.png") no-repeat 100% 50%;}

#lang{position:absolute;top:0;right:2.5%;}
#lang li{margin:0 0 0 3px;padding:10px 0 0;display:inline-block;}
#lang li.cur{background:none;border:solid #CC1100;border-width:10px 0 0;}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 50px;
  height: 50px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #000;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 10px;
}
.menu-trigger span:nth-of-type(2) {
  bottom: 10px;
}

.menu-trigger.active span {
  background-color: #fff;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(12px) rotate(-45deg);
  transform: translateY(12px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(-12px) rotate(45deg);
  transform: translateY(-12px) rotate(45deg);
}
}
@media screen and (max-width:480px){	
#nav{padding:65px 15px 15px 20px;left:-55%;width:55%;}

.menu-trigger {
  width: 35px;
  height: 35px;
}
.menu-trigger span {
  height: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 7px;
}
.menu-trigger span:nth-of-type(2) {
  bottom: 7px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}

#lang li.cur{border:solid #CC1100;border-width:5px 0 0;}
}



/* */
#wrap{width:100%;}
.inner{padding:0 0 0 50px;}
#indx .inner{padding:0;}
@media screen and (max-width:1024px){
.inner{padding:0;}
}

/* TOP */
.section{width:100%;position:relative;}
#top_txt01{position:absolute;width:100%;bottom:155px;margin:0;text-align:center;}

#main_outer{}
@media screen and (max-width:1024px){
.section{height:auto;max-height:100%;}
#main_outer{position:relative;height:675px;}

#top_txt01{bottom:50px;}
#top_txt01 img{max-width:60%;}
}
@media screen and (max-width:640px){
#main_outer{height:535px;}
#top_txt01{bottom:30px;}
}
@media screen and (max-width:480px){
#main_outer{height:410px;}
}
@media screen and (max-width:380px){
#top_txt01{bottom:25px;}
#main_outer{height:370px;}
}

/* スライダー */
#mainimg{width:100%;height:100%;list-style:none;margin:0 0 30px;padding:0;position:absolute;top:0;overflow:hidden;z-index:0;}
#mainimg ul{width:100% !important;height:100%;margin:0;padding:0;}
#mainimg li{height:100%;margin:0;}
#mainimg li img{width:100%;opacity:0;}

/*#mainimg #main01{width:100% !important;height:100%;background:#ffffff url("../images/main_img01.jpg") no-repeat top right;background-size:auto 100%;}
#mainimg #main02{width:100% !important;height:100%;background:url("../images/main_img02.jpg") no-repeat top center;background-size:cover;}*/

#mainimg #main01,
#mainimg #main02,
#mainimg #main03,
#mainimg #main04,
#mainimg #main05{width:100% !important;height:100%;background-repeat:no-repeat;background-position:top right;background-size:cover;}

.bx-wrapper{width:100%;height:100%;position:relative;padding:0;overflow:hidden;}
.bx-viewport{height:100% !important;}
.bxslider{line-height:0;margin:0;}
.bx-controls-direction{display:none;}

.bx-wrapper .bx-pager{position:absolute;bottom:103px;z-index:99;width:100%;text-align:center;}
.bx-wrapper .bx-pager .bx-pager-item{display:inline-block;margin:0 1px;}

.bx-pager.bx-default-pager a{background:#000000;text-indent:-9999px;display:block;width:40px;height:5px;}
.bx-pager.bx-default-pager a.active{background:#CC1100;}

@media screen and (max-width:1024px){
#mainimg{margin:0 0 30px;position:relative;height:480px;}
#mainimg #main01,
#mainimg #main02,
#mainimg #main03,
#mainimg #main04,
#mainimg #main05{background-repeat:no-repeat;background-position:top center;background-size:cover;height:100% !important;}
	
	.bx-wrapper .bx-pager{position:absolute;bottom:20px;z-index:99;width:100%;text-align:center;}
}

@media screen and (max-width:480px){
#mainimg{margin:0 0 30px;position:relative;height:280px;}
#mainimg #main01,
#mainimg #main02,
#mainimg #main03,
#mainimg #main04,
#mainimg #main05{background-repeat:no-repeat;background-position:top center;background-size:cover;height:100% !important;}
}
@media screen and (max-width:640px){
	.bx-wrapper .bx-pager{bottom:10px;}
}
@media screen and (max-width:480px){
.bx-wrapper .bx-pager{bottom:5px;}
}

/* */
#r_cont{width:820px;float:left;margin:0 0 0 45px;}

#r_cont .cont{background:#ffffff;padding:0 0 1px;margin:0 0 15px;}
#r_cont .cont .in{padding:0 50px 1px;letter-spacing:0.05em;}
#r_cont .cont .info{text-align:center;margin:0 0 30px;}

@media screen and (max-width:1024px){
#r_cont{width:100%;float:none;margin:0 auto;}
#r_cont .cont .in{padding:0 2.5% 1px;}
}

.page_h{padding:30px 20px;font-size:125%;color:#000000;margin:0;}
.cate_h{padding:10px 20px;font-size:150%;color:#000000;border:solid #000000;border-width:3px 0 1px;margin:0 0 10px;}
.cate_h span{display:inline-block;font-size:45%;margin-left:10px;vertical-align:middle;}

.ex_h{font-size:130%;border:solid #000000;border-width:0 0 1px;margin:0 0 25px;}
.ex_h span{display:inline-block;border:solid #000000;border-width:0 0 3px;padding:0 0 5px;position:relative;top:3px;}

.prod_name{font-size:205%;margin:0 0 10px;}
.prod_name_e{font-size:80%;margin:0 0 20px;letter-spacing:0.15em;}

ul.products_list li{float:left;
width:30%;
margin-right:5%;
height:320px;
text-align:center;
font-size:0.9em;
}


@media screen and (max-width:1024px){
	ul.products_list li{float:left;
width:30%;
margin-right:5%;
height:280px;
text-align:center;
font-size:0.9em;
}
}

@media screen and (max-width:380px){
	ul.products_list li{float:left;
width:44%;
margin:0 3%;
height:240px !important;
text-align:center;
font-size:0.9em;
}
}

ul.products_list li a:link{text-decoration:none;
}

ul.products_list .name{
	font-size:1.1em;
	font-weight:bold;}


ul.products_list li:nth-child(3n){
	margin-right:0%;
}

.price{font-size:170%;margin:0 0 20px;}
.price span{font-size:75%;}

.main_pic{margin:0 0 20px;
	text-align:center;}



@media screen and (max-width:1024px){
.page_h{padding:15px 2.5%;text-align:center;font-size:170%;}
.cate_h{padding:10px 2.5%;text-align:center;}
.cate_h span{display:none;}

.prod_name{margin:0 0 20px;}
.prod_name_e{display:none;}

.buy img{max-width:60%;}
}
@media screen and (max-width:480px){
.page_h{font-size:150%;}
.cate_h{font-size:135%;}
.prod_name{font-size:175%;}

.price{font-size:150%;}
.price span{font-size:75%;}
}

.dot_box{border:dotted 1px #bbbbbb;padding:10px;}

.pic_tbl{display:table;width:auto;margin:0 auto 20px;}
.pic_tbl li{display:table-cell;text-align:center;}

.mov{float:left;width:300px;margin:0 20px 20px 0;}
.mov .wrap{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%;
    overflow:hidden;
    margin-bottom:50px;
}
.mov .wrap iframe{
	width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}

@media screen and (max-width:640px){
.mov{float:none;width:100%;margin:0 0 20px;}
.mov .wrap{margin:0;}
}


/* */
#h_nav{padding:15px 0;display:table;width:100%;}

#pan{display:table-cell;font-size:90%;}
#pan li{display:inline-block;margin:0 3px 0 0;}
#pan li a:after{content:url("../images/ico_arrow01.png");margin-left:8px;}

#h_comp{display:table-cell;text-align:right;}

@media screen and (max-width:1024px){
#h_nav{display:none;}
}

/* */

#topcontrol{width:50px;z-index:997;}
#footer{width:1050px;padding:15px 0;margin:0 0 0 50px;}
#indx #footer{width:100%;margin:0;position: absolute;bottom:0;/*height:100px;*//*background-color:#f9f9f9;*/background: rgba(255,255,255,0.9);}
/*※バナー挿入のためheightをなしに*/

#copy{text-align:right;margin:0;}
#indx #copy{text-align:center;}

.ticker{
    margin:0 auto 10px;
    padding:0;
    width:100%;
    text-align:center;
    position:relative;
	letter-spacing:0.05em;
}
 
.ticker ul{width:100%;position:relative;font-size:90%;}
.ticker ul li{width:100%;display:none;}
.ticker a{text-decoration:none;display:inline-block;}
.ticker span{display:inline-block;margin-right:10px;}
.ticker span:first-child{background:url("../images/ico_disc.png") no-repeat 0 6px;padding:0 0 0 15px;}
.ticker span:last-child{margin-right:0px;}

@media screen and (max-width:1024px){
#footer{width:100%;padding:0 2.5%;margin:0;height:40px;background-color:transparent;position: relative;}
	#indx #footer{width:100%;margin:0;position: relative;bottom:0;height:70px;background-color:#f9f9f9;}
#copy{text-align:center;}

.ticker{text-align:center;}
	.ticker li{margin-bottom:20px;}
	.ticker span{display:inline-block;margin-right:10px;text-align: left;}
	#indx #copy{padding-top:20px;}
}

.entry_list li{border-bottom:1px dotted #ccc;padding-bottom:15px;margin:15px 0 0;font-size:1.2em;list-style:none;}
.entry_list li a{text-decoration:none; }
.entry_list li span{color:#CB0B00;font-size:0.9em;font-weight:bold;margin-right:10px;}
.entry_list a{color:#333;}

/* policy ---------------------------
--------------------------------------------------------- */

.policy h3{color:#CB0B00;font-size:1.8em;text-align:center;margin-top:30px;}

.movie{
	marign-bottom:20px;
}


.moive_block{
width:350px;
float:left;
margin:0 20px  20px 0;
line-height:200%;
text-align:center;
}
.moive_block:nth-child(2) {
	margin-right:0;}
	

.movie dt{
font-size:1.4em;
margin-bottom:0px;
}


.movie ul{margin:0 0 20px 20px;
}

.movie li{
list-style:disc !important;
width:350px;
float:left;
}

.movie #notice{
clear:both;
font-size:0.9em;
line-height:150%;
background-color:#eee;
width:100%;
padding:10px;
text-align:left;
}

/* howto ---------------------------
--------------------------------------------------------- */

.howto h3{color:#CB0B00;font-size:1.8em;text-align:center;margin-top:30px;}


.howto .point{width:560px;margin:0 auto;}

.howto .point li{background:url(../images/point.jpg) no-repeat;padding-left:62px;font-size:1.1em;
line-height:1.5;
margin-bottom:10px;
}

.howto #notice{
clear:both;
font-size:0.9em;
line-height:150%;
background-color:#eee;
width:100%;
padding:10px;
text-align:left;
}

/* privacy policy ---------------------------
--------------------------------------------------------- */

.privacy{margin:30px 0;}

.privacy li{
	list-style:disc !important;
	margin-left:10px;
	margin-bottom:10px;
}

/*------------------------------------------------
   pagenation
------------------------------------------------*/

.links{text-align:center; clear: both;margin-top: 20px;}
.links a{display:inline-block;padding:4px 7px;line-height:100%;border:1px solid #333;color:#000 !important;text-decoration:none !important;margin:0 3px;}
.links a.arrow{display:inline-block;padding:5px 8px;line-height:100%;margin:0 3px;border:none !important;color:#CB0B00 !important;}
.links .current{display:inline-block;padding:5px 8px;background-color:#CB0B00;line-height:100%;color:#fff;margin:0 3px;}


/*------------------------------------------------
   汎用
------------------------------------------------*/
.top-banner{
	display: flex;
	flex-wrap:wrap;
}
.top-banner li {
	width: calc(100%/3);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	text-align:center;
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}



.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}
.vb{vertical-align:bottom !important;}

.tx_slarge{font-size:115% !important;}
.tx_large{font-size:120% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:90% !important;}
.tx_midium{font-size:100% !important;}
.tx_xsmall{font-size:75% !important;}

.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}

.txt_under{text-decoration:underline !important;}
.txt_strike{text-decoration:line-through !important;}

.inblock{display:inline-block !important;}
.ls_w{letter-spacing:0.2em;}
.ls_m{letter-spacing:0.1em;}

.relative{position:relative !important;}

.lh0{line-height:0em !important;}
.lh1{line-height:1em !important;}
.lh13{line-height:1.3em !important;}
.lh15{line-height:1.5em !important;}
.lh2{line-height:2em !important;}

ul.note{list-style:none !important;}
ul.note li{text-indent:-1em !important;padding-left:1em !important;}
ul.note li:before{content:"※";}

.note01{padding-left:1em !important;text-indent:-1em !important;}
.note02{padding-left:2em !important;text-indent:-2em !important;}
.note03{padding-left:3em !important;text-indent:-3em !important;}
.note04{padding-left:4em !important;text-indent:-4em !important;}
.note05{padding-left:5em !important;text-indent:-5em !important;}
.note06{padding-left:6em !important;text-indent:-6em !important;}
.note07{padding-left:7em !important;text-indent:-7em !important;}
.note08{padding-left:8em !important;text-indent:-8em !important;}
.note09{padding-left:9em !important;text-indent:-9em !important;}
.note10{padding-left:10em !important;text-indent:-10em !important;}
.note11{padding-left:11em !important;text-indent:-11em !important;}
.note12{padding-left:12em !important;text-indent:-12em !important;}

.red{color:#CB0B00 !important;}
.white{color:#ffffff !important;}
.black{color:#333333 !important;}

.w_full{width:100% !important;}
.wauto{width:auto !important;}

.w100{width:100px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w320{width:320px !important;}
.w360{width:360px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}
.w800{width:800px !important;}

.w03em{width:3em !important;}
.w04em{width:4em !important;}
.w05em{width:5em !important;}
.w06em{width:6em !important;}
.w07em{width:7em !important;}
.w08em{width:8em !important;}
.w09em{width:9em !important;}
.w10em{width:10em !important;}
.w11em{width:11em !important;}
.w12em{width:12em !important;}
.w13em{width:13em !important;}
.w14em{width:14em !important;}
.w15em{width:15em !important;}
.w16em{width:16em !important;}
.w17em{width:17em !important;}
.w18em{width:18em !important;}
.w19em{width:19em !important;}
.w20em{width:20em !important;}
.w21em{width:21em !important;}
.w22em{width:22em !important;}
.w23em{width:23em !important;}
.w24em{width:24em !important;}
.w25em{width:25em !important;}
.w26em{width:26em !important;}
.w27em{width:27em !important;}
.w28em{width:28em !important;}
.w29em{width:29em !important;}
.w30em{width:30em !important;}

.bdr{border:solid 1px #dddddd !important;}
.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0 !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0 !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px !important;}

.mauto{margin:auto !important;}

.mt0{margin-top:0px !important;}
.mt01{margin-top:1px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0px !important;}
.mr01{margin-right:1px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr15{padding-left:15px !important;padding-right:15px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}
.plr30{padding-left:30px !important;padding-right:30px !important;}
.plr40{padding-left:40px !important;padding-right:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block !important;}
.hide{display:none !important;}

.bdb {border-bottom:1px solid #000000;}
.bdt {border-top:1px solid #000000;}

/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}/* clearfixここまで */
/* 汎用ここまで */

/* book ---------------------------
--------------------------------------------------------- */


.book{
	text-align:center;
}

.nikkojirushi_book ul{list-style: none !important;}
.nikkojirushi_book li{list-style: none !important;float:left;margin:0 3% 20px;width:27%}
.nikkojirushi_book2 li{list-style: none !important;float:left;margin:0 3% 20px;width:27%}

@media screen and (max-width:1024px){
	.nikkojirushi_book li{list-style: none !important;float:left;margin:0 5% 20px;width:40%;}
	.nikkojirushi_book2 li{list-style: none !important;float:none;margin:0 auto;width:70%; padding-bottom:20px;}
	
}

.book-gallery a:hover img,
.book-gallery a:focus img,
.book-gallery a:active img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}