/*2015-*/
/*-----------------------------------------
調整
-----------------------------------------*/
body{ background:none;}
/*-----------------------------------------
color
-----------------------------------------*/
/*main link color*/
.detail .image_data .tab li{color:#246897;}
/*sub link color*/
header a:link,
header a:visited,
.top .top_pickup li a,
.detail .image_data .tab li.crnt{color:#232323;}
/*main blue bg*/
header .headbar{ background:#5197c9;}
/*main blue shadow*/
header .headbar{ border-bottom:2px solid #2576af;}
/*-----------------------------------------
button
-----------------------------------------*/
/*black btn*/
.black_btn,
header .headbar .search button,
.top .main_image form button,
.top .sp_sakura_image form button,
.top .sp_rentalposi_image form button,
.top .sp_heritage_image form button,
.top .sp_nenga_image form button,
.top .free_image form button,
header .login a{ background:#494949; border:0; border-bottom:3px solid #333;border-radius:4px; cursor:pointer;}
header .headbar .search button{ font-family:Verdana, Geneva, sans-serif;}
.black_btn,
header .headbar .search button a,
.top .main_image form a,
.top .sp_sakura_image form a,
.top .sp_rentalposi_image form a,
.top .sp_heritage_image form a,
.top .sp_nenga_image form a,
.top .free_image form a,
header .login a{ color:#fff; }
.black_btn:hover,
header .headbar .search button:hover,
.top .main_image form button:hover,
.top .sp_sakura_image form button:hover,
.top .sp_rentalposi_image form button:hover,
.top .sp_heritage_image form button:hover,
.top .sp_nenga_image form button:hover,
.top .free_image form button:hover,





header .login a:hover{ background:#666; border-bottom-color:#444;}
.black_btn{ padding: 5px 10px;}
/*blue btn*/
.blue_btn,
header .headbar .navi li a{ background:#5197c9; color:#fff; text-decoration:none; border-bottom:0px solid #2576af; cursor:pointer;}
.blue_btn:hover,
header .headbar .navi li a:hover{ background-color:rgba(255,255,255,.25);}
.blue_btn{ border:0; border-radius:4px;  padding: 5px 10px;border-bottom:3px solid #2576af;}
.blue_btn:hover{ background-color:#7bb0d5;}
/*green btn*/
.green_btn,
.detail .image_data .btn button{ border:0; border-radius:4px; cursor:pointer; background:#ff8c00; color:#fff; text-decoration:none; border-bottom:3px solid #ff6c00; cursor:pointer;}
.green_btn:hover,
.detail .image_data .btn button:hover{ background:#ffac00; border-bottom-color:#ff8c00;transition: background-color 0.3s;}
.green_btn{ border:0; border-bottom:3px solid #ff6c00;  padding: 8px 30px;}

/*-----------------------------------------
header
-----------------------------------------*/
header{ position:relative; min-width:1000px; text-align:left; background:#fff; font-size:16px; line-height:1;}
header+#container{ padding-top:15px;}
header a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
header input,select,button{vertical-align:middle; font-size:15px; padding:5px;/*border-radius:4px;*/}
header input[type=file]{ border:0; padding: 5px 0;}
header input[type=checkbox],
header input[type=radio] { position:relative; top:-2px; width:16px; height:16px; vertical-align: middle; margin-right:3px;}
header .siteid{ height:60px; padding-left:20px;}
header .siteid .headerid{ display:inline-block;margin-left:10px;font-size:13px;}
header .siteid .headerdesc{ display:inline-block;font-size:12px; position: absolute; top: 38px; left: 220px;}
header .info{ position:absolute; top:24px; left:220px; font-size:18px; font-weight:normal;}
header .info2{ position:absolute; top:21px; left:210px; font-size:18px; font-weight:normal;}
header .info3{ display:inline-block;font-size:18px; font-weight:normal;}
header .info4{ display:inline-block;font-size:20px; font-weight:normal;position: absolute; top: 22px; left: 220px;}
header .button-toggle{ display:none;}
header .headmenu{ position:absolute; top:25px; right:20px;}
header .headmenu li{ display:inline-block; float:left; margin-left:20px;}
header .headmenu .cart{ background-color:#FFF;}
header .headmenu .fav{ background-color:#FFF;}
header .headmenu a{ text-decoration:none;}
header .headmenu a:hover{ text-decoration:underline;}
header .headmenu li i{ margin-right:5px;}
header .headmenu li.lang{ font-size:12px; position:relative; top:0px;}
header .headmenu li.lang a{ text-decoration:underline;}
header .headmenu li.login{ position:relative; top:-7px;}
header .headmenu li.login a{ display:inline-block; padding: 6px 10px 4px; text-decoration:none;}
header .headmenu li.login span{ color:#999;}
header .headmenu li.login span a{ display:inline; padding:0; background:none; border:0; color:#1e71e2; text-decoration:underline; font-weight:bold; margin-right:10px;}
header .headbar{ height:29px; padding: 15px 20px 14px; position:relative;}
header .headbar .search{}
header .headbar .search .main{ max-width:360px;width:18%;  border:1px solid #3a7fb0; border-right:0; border-radius:4px; height:21px; padding:5px 10px; border-radius:4px 0 0 4px; font-size:17px;}
header .headbar .search  .minus{ width:42px;  border:1px solid #3a7fb0; border-right:0;  height:21px; padding:5px 10px; border-radius:0px 0 0 0px; font-size:16px;padding-left:18px;background-color:#FFF;}

header .headbar .search button{ width:64px; height:33px;  border-radius:0 4px 4px 0; vertical-align:middle; margin:0; padding-top:4px;position: absolute;}
header .headbar .navi{ position:absolute; top:0; right:0;}
header .headbar .navi li{ display:inline-block; border-left:1px solid #6fb4e5; float:left;}
header .headbar .navi li a{ display:inline-block; height:57px; line-height:60px; padding: 0 20px;}
header .headbar .lang a{ text-decoration:underline;}
header .headbar .head_next{ height:30px;width:20px;display:inline-block;display:inline-block;}
header .headbar .head_next:hover{ color:#ddd;}
/*-----------------------------------------
footer
-----------------------------------------*/
footer{ background:#333; min-width:1200px; color:#999;}

footer waku,
footer .waku{ display:inline-block; width:282px; text-align:left; vertical-align: top; margin-bottom:10px;margin-right:15px;}
footer .waku h3{ font-size:20px; font-weight:normal; margin-bottom:40px;}
footer .waku hr{ border-style:dotted;}
footer .waku .foottit{ font-size:16px; font-weight:normal; margin-bottom:10px;margin-top:20px;color:#ddd;}
footer .waku ul{ overflow:hidden;}
footer .waku ul li{ text-align:left;  margin: 0 10px 10px 0;}
footer .waku ul li .int{margin-left:17px;}

footer .waku .ore_btn:hover,
/*footer .waku .ore_btn a:hover{ background-color:rgba(255,255,255,.3);}*/
footer .waku .ore_btn{ background:#ff8c00 ;border:0; border-radius:4px;  padding: 5px 10px;border-bottom:3px solid #ff6c00;;margin-top:20px; margin-bottom:10px;}
footer .waku .ore_btn:hover{ background-color:#ff9c10;text-decoration:none;}
footer .waku .ore_btn{  width: 272px; height: 30px; display: inline-block; font-size: 18px; line-height: 32px;  color: #fff; text-align:center;text-decoration:none;}
footer .waku .ore_btn a{ color: #fff; text-align:center;text-decoration:none;}

footer .waku .whi_btn:hover,
footer .waku .whi_btn{ background:#898989 ;border:0; border-radius:4px;  padding: 5px 10px;border-bottom:3px solid #777;;margin-top:20px; margin-bottom:10px;}
footer .waku .whi_btn:hover{ background-color:#b5b5b5;text-decoration:none;}
footer .waku .whi_btn{  width: 272px; height: 30px; display: inline-block; font-size: 18px; line-height: 32px;  color: #fff; text-align:center;text-decoration:none;}
footer .waku .whi_btn a{ color: #e5e5e5; text-align:center;text-decoration:none;}



footer ul{ overflow:hidden;text-align:left; padding-top:10px; margin: 0 auto;}
footer ul+ul{ padding:10px 0 20px;}

footer li a:link,footer li a:visited{ color:#999; text-decoration:none; font-size:15px;}
footer li a:hover{ text-decoration:underline;}
footer .footerlogo{ display:block; text-align:center; margin:5px 0 20px;font-size:10px;text-decoration:none;}
footer .footerlogo a{ font-size:12px;text-decoration:none;color:#999;}
footer .social{ width:400px; margin: 0 auto; text-align:right; position:relative; left:300px; top:-60px; height:0; overflow:visible; font-size:24px;}
footer .social .fa-twitter{ color:#57a7ec;}
footer .social .fa-facebook-square{ color:#3e5ea7;}
footer .paytype{ width:400px; margin: 0 auto; text-align:left; position:relative; right:300px; top:-50px; height:0; overflow:visible; font-size:18px;}
footer .status{ text-align:center; margin-bottom:5px;}
footer .status dt,footer .status dd{ display:inline-block; font-size:14px;}
footer .status dd{ margin-right:15px;}
footer small{ background:#000; color:#666; display:block; font-size:11px; padding:5px 0; text-align:center;}





/*-----------------------------------------
top page
-----------------------------------------*/
.top .main_image form{ text-align:center; width:500px; position:absolute; top:90px; left:50%; margin-left:-250px; z-index:9999;}
.top .main_image form input[type="text"]{ width:350px;  border:1px solid #999; border-right:0; border-radius:4px; height:50px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:16px; background:rgba(255,255,255,.85);}
.top .main_image form button{width:100px; height:60px; border-radius:0 4px 4px 0; font-size:22px;vertical-align:middle;margin-bottom:3px;}
.top .main_image .banner{ overflow: hidden; width: 100%; height:230px; display: block;}
.top .main_text{ text-align:center; font-size:30px; margin-bottom:.5em;margin-top:20px;color:#666666;}

.top .main_text_2025{ text-align:center; font-size:30px; margin-bottom:.5em;color:#666666;}

.top .top_pickup{ text-align:center; padding:20px 0 40px; max-width:1000px; margin: 0 auto;}
.top .top_pickup li{ display:inline-block; margin: 0 20px 15px; width:140px;height:160px;overflow: hidden;}
.top .top_pickup li span{ font-size:16px;font-weight:normal;}
.top .top_pickup li a { color:#999; text-decoration:none;}
.top .top_pickup li a h4{ margin-bottom:10px; font-weight:normal;}
.top .top_pickup li img{ height:140px;}
.top .header_txt {font-size:15px; margin:15px;}
.top .top_subete { display:inline-block;border: 1px solid #dfdccf;  background: #eee; padding: 5px 20px; border-radius: 4px;text-decoration: none;width:914px;margin-bottom:25px;cursor:pointer;}

.top .point{ background:#f4f3ee; padding: 40px 0; font-size:14px;}
.top .point ul{ overflow:hidden; text-align:center;}
.top .point ul li{display:inline-block; width:220px; text-align:center; vertical-align:top;}
.top .point ul li img{ display:block; margin: 0 auto 10px; width:150px;height:150px;}
.top .sell{ background:#d7e9f6; padding: 40px 0;}
.top .sell h3{ font-size:20px; margin-bottom:20px;}
.top .sell ul{ overflow:hidden; margin-bottom:20px;}
.top .sell li{ font-size:14px; display:inline-block; background:url(img/ic_check.png) no-repeat left center; padding: 5px 15px 5px 30px;}
.top .sell .blue_btn{ width:600px; height:60px; display:inline-block; font-size:24px; line-height:62px; color:#fff;}
.top .sell .blue_btn i{ margin-right:10px;}
.top .rireki { display:inline-block;width:970px;}
.top .cat_nondis{display:none;}
.top .matome h3{ font-size:20px; margin-bottom:20px; font-weight:normal;text-align:center;}

.top .free{ padding: 20px 0;}
.top .free h3{ font-size:20px; margin-bottom:20px; margin-top:23px;font-weight:normal;color:#444;}
.top .free h3 a{color:#444;}
.top .free .free_list { text-align:center; padding:10px 0 30px; max-width:1200px; margin: 0 auto;}
.top .free .free_list li{ display:inline-block; margin: 0 0px 10px;width:290px;max-height:280px;overflow:hidden;}
.top .free .free_list li img{ max-width:285px;max-height:280px;}

.top .free .free_list li a { color:#999; text-decoration:none;}
.top .free_text{ text-align:center; font-size:18px; margin-bottom:.5em;}
.top .top_foot{ background:#f5f5f5; min-width:1200px; padding:30px 0 0; font-size:15px;}

.top .words{ display:inline-block; width:440px; text-align:left; vertical-align: top; margin-bottom:10px;}
.top .news h3,
.top .words h3{ font-size:16px; font-weight:normal; margin-bottom:20px;}
.top .words .maincat{ margin-bottom:1px;font-size:18px;padding:5px;text-shadow: 1px 1px 0px #eee;}
.top .words .bgimage{width:290px;height:200px;background-size:310px 200px;border: 0px solid #dfdccf;border-radius: 3px;vertical-align:bottom;display: table-cell;background-repeat: no-repeat;}
.top .news dl{ overflow:hidden; margin-bottom:20px; vertical-align:top;}
.top .news dl dt{ width:100px; display:inline-block;vertical-align:top; margin-bottom:10px;margin-top:10px;}
.top .news dl dd{ width:1190px; display:inline-block;vertical-align:top; margin-bottom:30px;line-height:1.5;}
.top .words ul{ overflow:hidden;}
.top .cat{ width:290px;margin-top:15px;margin:5px;}
.top .words ul li{ display: block; float:left; margin: 0 10px 10px 0;}
.top .words a{ border:1px solid #f0f0f0; background:#fff; padding:5px 20px; display:block; border-radius:4px; text-decoration:none;color:#444;}

.top .words .top2017{ overflow:hidden;margin-top:15px;}
.top .words .top2017 li{ display: inline-block; float:left; margin: 0 4px 5px 0;}
.top .words .top2017 li:hover {  background-color: #999999 !important;     /* ホバー時の背景色（淡いブルー） */  border-radius: 4px;}


.top .words .topli a { border:1px solid #dfdccf; background:#fff; padding:5px 10px; display:inline-block; border-radius:4px; text-decoration:none;}



.top .news { display:inline-block; width:1200px; text-align:left; vertical-align: top; margin-bottom:10px;}


.top .words a.sp{ border:0; padding: 6px 10px; background:#5197c9; color:#fff; }
.top .words a.sp:hover{ background-color:#7bb0d5;}
.top .top_foot .links{ background:#e8e6df; padding:40px 0; text-align:center;}
.top .top_foot .links li{ display:inline-block; padding: 0 10px; border-left:1px solid #aaa;}
.top .top_foot .links li:first-child{ border:0;}
.top .top_foot .links li a{ color:#333; text-decoration:none;}
.top .top_foot .links li a:hover{ text-decoration:underline;}

.top_oshirase_main {font-size:16px;display-block;margin-bottom:25px;margin-left:150px;}
.top_foot .top_oshirase_b {display:inline-block;width:80px;background:#fff;border-radius:4px;text-align:center;font-weight:normal;padding:3px;border: solid 1px #888;font-size:14px;}



/*-----------------------------------------
detail page
-----------------------------------------*/
/*--========================================--- 類似 -- -*/
#container_ruiji {   display: flex;  flex-wrap: wrap;	width:max-1200px;}
#dataContainer {   display: flex;  flex-wrap: wrap;	width:1200px;}
.ruimg {flex-grow: 1;  object-fit: cover;  height: 180px;  max-width:328px;    margin: 0.2rem;  border-radius: 4px;} 
.detail{ margin: 0 auto; max-width:1200px; overflow:hidden; padding:10px; margin-bottom:30px; text-align:left;}
.detail section {margin-top:10px;margin-bottom:10px;}
.detail section ul{ margin: 0;}
.detail h2 {letter-spacing: 1px;}
.detail .exp {font-size:15px;margin: 10px 0 10px 0;}
.detail .topic_path{width:100%; float:left; font-size:14px; padding-top:5px; margin-bottom:5px;}
.detail .topic_path li{  margin-right:3px;margin-bottom:3px;}
.detail .topic_path .irowake{ display:inline-block;background-color:#edf4fc;padding:3px;marign:1px;}
.detail .topic_path li:last-child{ }
.detail .topic_path li:last-child:after{ content:none;}

.detail .topic_path2{  font-size:14px; padding-top:5px; margin-bottom:5px;}
.detail .topic_path2 a{color:#333;}
.detail .topic_path2 li{  margin-right:2px;margin-bottom:3px;display:inline-block}
.detail .topic_path2 li:after{ content:">"; padding-left:5px;}
.detail .topic_path2 li:last-child:after{ content:none;}

.detail .socials{ width:10%; float:right; margin-bottom:10px; text-align:right;}
.detail .socials li{ display:inline-block; font-size:20px;}
.detail .socials .fa-twitter{ color:#55acee;}
.detail .socials .fa-facebook-square{ color:#3b5998;}

.detail .image_view{ float:left; max-width:716px;width:60%; text-align:center; font-size:15px; clear:both; margin-bottom:20px;}/*----yoko left----------*/

.detail .image_view .image{ padding:5px; background:#f6f6f6; margin-bottom:13px; text-align:center;}
.detail .image_view img{ max-height:630px; max-width:660px;  height: auto;  width: auto;} /*-------------------- main image size----------*/
.detail .image_view span{ padding:0 15px; display:inline-block;color:#111;}

.detail .image_view .tooltiphint{ display:inline-block;}
.detail .image_view .tooltiphint span{ color:#555555;padding:10px;}
.detail .image_view h3{ margin:5px; display:inline-block;    letter-spacing: 1px;}
.detail .image_view .actions{ padding: 8px 0;}
.detail .image_view .actions li{ padding: 0 10px; display:inline-block;}
.detail .image_view .actions li i{ color:#555; margin-right:5px; font-size:18px;}
.detail .image_data{ float:right;  width:39%;position:relative; top:-1px; margin-bottom:1px;margin-top:2px;}/*-=====================--yoko right----------*/
.detail .image_data .tab li{ display:inline-block; border:1px solid #ccc; border-bottom:0; border-radius: 4px 4px 0 0; width:150px; margin-right:5px; text-align:center; font-size:13px; height:30px; background:#fff; position:relative; top:1px; line-height:30px; cursor:pointer;}
.detail .image_data .tab li:hover{ text-decoration:underline;}
.detail .image_data .tab li.crnt{ cursor: default; border-bottom:1px solid #fff;}
.detail .image_data .tab li.crnt:hover{ text-decoration:none;}
.detail .image_data table{border-top:1px solid #ccc; width:100%;}

.detail .image_data table tr:hover{background: #f0f0f0;}

.detail .image_data table td{ border-bottom:1px solid #ccc; padding: 9px 0; vertical-align:middle;}
.detail .image_data table td.size span{ background:#d5d5d5; border:1px solid #ccc; padding:4px; width:20px; height:20px; line-height:20px; font-size:15px; display:inline-block; text-align:center;border-radius: 4px}
.detail .image_data table td.size .ext{ border-radius: 8px;width:18px; height:18px;margin-left:2px;}
.detail .image_data table td.size span.movie{ background:#ddd; border:1px solid #ccc; padding:3px; width:56px; height:20px; line-height:20px; font-size:12px; display:inline-block; text-align:center;}
.detail .image_data table td.w-h{ text-align:right; }
.detail .image_data table td.cartradio{ cursor: pointer; width:35px; text-align:center;}
.detail .image_data table td.volume{ font-size:13px; text-align:right; width:105px;}
.detail .image_data table td.printsize{ font-size:12px; text-align:right; }
.detail .image_data table td.price{ font-size:14px; text-align:right; width:86px;}
.detail .image_data table td.price2{ font-size:14px; text-align:right; width:86px;padding-right:5px;}
.detail .image_data table td.ex{ font-size:13px; text-align:right; width:130px;}
.detail .image_data table td.price-mov{ font-size:13px; text-align:right; width:95px;}
.detail .image_data table td.btn { text-align:right; width:210px;}
.detail .image_data table td.jpeg { text-align:right; width:60px;}
.detail .image_data table td.btn_free { text-align:right; width:160px; }
.detail .image_data table td.btn button{ padding:7px 12px;}
.detail .image_data table td.btn button i{margin-right:5px;}
.detail .image_data table td label{display: block; width:100%;height:100%;font-size:14px;}

.detail .image_data table td .blue_btn{font-size:14px;color:#fff;width:60px;float:right;}
.detail .image_data table td .blue_btn .md-btn{color:#fff;}
.detail .image_data .riyouhani{float:left;margin-top:10px;line-heigh:1.5;}
.detail .image_data .license{ text-align:right; font-size:13px; padding: 20px 0;}
.detail .image_data .license2{ text-align:right; font-size:22px; padding: 10px 3px 15px 3px;}
.detail .image_data .license2 span{ font-weight:bold; }
.detail .image_data .total{ text-align:right; font-size:13px; padding: 2px 0px 10px 10px;}
.detail .image_data dl{ font-size:14px; overflow:hidden; margin-bottom:1px;margin-top:5px;}
.detail .image_data dl dt{ clear:both; float:left; width:80px; margin-bottom:0.5em; line-height:1.5;}
.detail .image_data dl dd{ float:right; width:79%; margin-bottom:0.5em; line-height:1.5;text-align:left;}/*----yoko data right----------*/
.detail .image_data dl dd .alltag{ text-decoration:none;}

.detail .recent_check_list{ clear:both;margin-top:10px;}
.detail .recent_check_list .tit{ font-weight:normal; margin-bottom:10px; font-size:15px;color:#222;}
.detail .recent_check_list .a{ color:#222;}
.detail .recent_check_list ul{ overflow:hidden;}
.detail .recent_check_list ul li{display:inline-block; float:left; margin-right:6px;height:160px;width:auto;}
.detail .recent_check_list ul li a{ display: table-cell; vertical-align:middle;  height:114px; text-align:center; background:#f9f9f9;}
.detail .recent_check_list ul li img{ max-height:150px; max-width:240px;}


.detail .image_data .textArea {
  display: none;
  padding: 10px 10px 20px 25px;
  color: #666;
	font-size:14px;
} 

/*----------------------------------------------------------------------------------*/
.dfooter .detail_foot{ background:#f4f3ee;  padding:30px 0 0; font-size:14px;}
.dfooter .category,
.dfooter .words{ display:inline-block; max-width:750px; text-align:left; vertical-align: top; margin-bottom:25px;}
.dfooter .category h3,
.dfooter .words h3{ font-size:24px; font-weight:normal; margin-bottom:40px;}
.dfooter .category dl{ overflow:hidden; margin-bottom:15px; vertical-align:top; margin-left:20px;}
.dfooter .category dl dt{ width:max-495px; display:inline-block;vertical-align:top; margin-bottom:15px;}
.dfooter .category dl dd{ width:130px; display:inline-block;vertical-align:top; margin-bottom:15px;}
.dfooter .words ul{ overflow:hidden;}
.dfooter .words ul li{ display: inline-block; float:left; margin: 0 310px 10px 0;}

.dfooter .words .blue_btn{  min-width:220px; height: 40px; display: inline-block; font-size: 18px; line-height: 42px;    color: #fff; text-align:center;}
.dfooter .words .blue_btn a{ color: #fff; text-align:center;}
/*.dfooter .words a{ border:1px solid #dfdccf; background:#fff; padding:5px 20px; display:inline-block; border-radius:4px; text-decoration:none;}-*/
/*.dfooter .words a.sp{ border:0; padding: 6px 10px; background:#5197c9; color:#fff; }-*/
.dfooter .words a.sp:hover{ background-color:#7bb0d5;}
.dfooter .detail_foot .links{ background:#e8e6df; padding:40px 0; text-align:center;}
.dfooter .detail_foot .links li{ display:inline-block; padding: 0 10px; border-left:1px solid #aaa;}
.dfooter .detail_foot .links li:first-child{ border:0;}
.dfooter .detail_foot .links li a{ color:#333; text-decoration:none;}
.dfooter .detail_foot .links li a:hover{ text-decoration:underline;}


/*-----------------------------------------
page
-----------------------------------------*/
.page{ margin: 0 auto; max-width:1200px; overflow:hidden; padding-top:10px; margin-bottom:0px;font-size:15px;}
.page .topic_path{width:89%; float:left; font-size:15px; padding-top:5px; margin-bottom:20px;}
.page .topic_path li{ display:inline-block; }
.page .topic_path li:after{ content:">"; padding-left:10px;}
.page .topic_path li:last-child{ }
.page .topic_path li:last-child:after{ content:none;}
.page .socials{ width:10%; float:right; margin-bottom:20px; text-align:right;}
.page .socials li{ display:inline-block; font-size:20px;}
.page .socials .fa-twitter{ color:#55acee;}
.page .socials .fa-facebook-square{ color:#3b5998;}



.page h1{ font-size:28px; margin-bottom:.5em;}
.page h2{ font-size:26px; margin-bottom:.5em;}
.page h3{ font-size:20px; margin-bottom:.5em;}
.page h4{ font-size:16px; margin-bottom:.5em;margin-top:16px;}
.page p{ margin-bottom:1em; line-height:1.7;}
.page dl{ margin-bottom:1em;}
.page dt{ margin-bottom:.3em; font-weight:bold;}
.page dd{ margin-bottom:1em;}
.page li{ list-style:inside disc; margin-left:3px; margin-bottom:.5em;font-size:15px;padding: 3px 10px 3px 30px;}
.page table{ margin:1em 0 1.5em; border-collapse:collapse; font-size:15px;}
.page table.w100per{ width:100%;}
.page table.w80per{ width:80%;}
.page table.w60per{ width:60%;}
.page table th{ border:1px solid #eee; padding:10px; text-align:left; vertical-align:top; background:#f5f5f5; }
.page table th.w30per{ width:30%;}
.page table td{ border:1px solid #e5e5e5; padding:10px; text-align:left; vertical-align:top;}
.page table.no-style th,
.page table.no-style td{ border:0; padding:0; background: none;}

.page .sep{ border-bottom: 1px solid #eee; padding-bottom:.5em;}
.page .block{ background:#f5f5f5; padding: 15px; margin-bottom:1em;}
/*-----------------------------------------
 OZ add
-----------------------------------------*/

.page .sitemaptable table   { width:100%; }
.page .sitemaptable table td   { border:1px solid #efefef; background:#ffffff; padding:10px; text-align:left; vertical-align:top; }

.page input[type=text],input[type=password]{ border:1px solid #bbb;margin:3px; padding: 5px}
.page input[type=file]{ border:0; padding: 5px 0;}
.page input[type=checkbox],
.page input[type=radio] { position:relative; top:-2px; width:16px; height:16px; vertical-align: middle; margin-right:3px;}

.page .help_navi {overflow:hidden;}
.page .help_navi .help_list {float:left;width:50%;}
.page .help_navi .help_list a{color:#333;}
.page .help_navi .help_list_right{float:right;width:50%;}
.page .help_navi .help_list_right a{color:#333;}
.page .help_navi_bottom {clear:both;margin-top:20px;overflow:hidden;}
.page .help_navi_bottom .help_list {float:left;width:50%;}
.page .help_navi_bottom .help_list a{color:#333;}
.page .help_navi_bottom .help_list_right{float:right;width:50%;}
.page .help_navi_bottom .help_list_right a{color:#333;}
.page .margin20 {margin:20px;}
.page  i{ margin-right:5px;}
.page .help_list .aligncenter {text-align:center;}

.page .embedtext {border:1px solid #bbb; margin: 3px; padding:6px;font-size:16px;width:495px;height:140px;}
.page .embedtextbottom {border:1px solid #bbb; margin: 3px; padding:6px;font-size:16px;width:905px;height:140px;}

.fluid{ margin: 0 auto; width:98%; overflow:hidden; padding-top:20px; margin-bottom:0px; text-align:left;margin-left:10px;}
.fluid .topic_path{width:100%; float:left; font-size:16px; padding-top:5px; margin-bottom:10px;margin-left:17px;}
.fluid .topic_path li{ display:inline-block; margin-right:3px;}
.fluid .topic_path li:after{ content:">"; padding-left:10px;}
.fluid .topic_path li:last-child{ }
.fluid .topic_path li:last-child:after{ content:none;}
.fluid .socials{ width:6%; float:right; margin-bottom:20px; text-align:right;}
.fluid .socials li{ display:inline-block; font-size:20px;}
.fluid .socials .fa-twitter{ color:#55acee;}
.fluid .socials .fa-facebook-square{ color:#3b5998;}

.fluid .sumbnails{ width:6%; float:right; margin-bottom:20px; text-align:right;}
.fluid .sumbnails li{ display:inline-block; font-size:20px;}


.nlist {width:230px;padding:1px 2px 2px 2px;margin-right:1px;}
.catl {display:inline-block;background: #f9f9f9;margin-top:10px;}

.catl .catright  {float:right;margin:5px;width:820px;}
.catl .catright a {color:#333; margin:6px;font-size:16px;}
.catl .catright li {display:inline-block; margin:6px;padding:5px;font-size:16px;}
.catl .catleft {float:left;margin:10px;width:340px;}


.paging ul.pageNav02 {	margin: 20px 0 10px;	padding: 7px 6px 3px;	background: #fff;	border: 1px solid #fff;	text-align: center;	height: 29px;}

.paging ul.pageNav02 li {	display: inline;	margin: 0 2px;	padding: 0;}

.paging ul.pageNav02 li span,
.paging ul.pageNav02 li a {
	display: inline-block;
	margin-bottom: 3px;
	padding: 5px 13px;
	background: #add9f9;
	text-decoration: none;
	vertical-align: middle;
}
.paging ul.pageNav02 li  .pagingbtm{padding:13px 20px;font-size:16px;border-radius: 6px;width:420px;}

.paging ul.pageNav02 li a:hover {
	color: #000;
	background: #cde4f5;
	border-color: #00f;
}

.content{	position: relative;  /*  width: 640px;    height: 425px;    border: 1px solid #000000;		*/	background: #f8f8f8;

}

.content img {	position: absolute;	top: 0;	right: 0;	bottom: 0;	left: 0;	margin: auto;max-height:135px;max-width:545px;}
.photo{    width: 100%; height:134px;margin:1px;border-radius: 4px}
.photo208{    height: 208px;}

.favo{    position: absolute; bottom: 6px; right: 7px;width: 10px; height: 10px;  /*  background-color: #e0f4fc;*/        padding: 5px;    font-size: 8px;    text-align: center;}
.favo a:hover{color:#00F}
.favo i {color:#999}


/* 拡大画像の部分
---------------------*/
#tooltip{ 	position:absolute;	top: 0px;	left:0px;
	background:#fff;	border-radius:4px;	border:1px solid #aaa;	z-index:auto;	padding: 5px;	-moz-box-shadow: 0px 0px 10px #222;
	-webkit-box-shadow: 0px 0px 10px #222;
	box-shadow: 0px 0px 10px #222;
	display:none;
}
#tooltiptag{ 
	position:absolute;
	top: 0px;
	left:0px;
	background:#fff;
	
	z-index:auto;
	padding: 3px;
	-moz-box-shadow: 0px 0px 8px #fff;
	-webkit-box-shadow: 0px 0px 8px #fff;
	box-shadow: 0px 0px 8px #fff;
	display:none;
}
.tooltiphint span {
	display:none;
    position: absolute;; 
    border: 1px solid #63a5e2;
		text-align:left;
    width: 300px;
    color: #444;
    font-size: 12px;
    line-height: 1.6em;	
    padding: 20px;
	border-radius: 5px;
    margin: -10px 0 0 5px;
	font-weight:normal;
	background: rgba(255,255,255,1);
	-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	z-index:1;

}
.tooltiphint:hover span{
    display: inline;
}


/*-----------------------------------------
*****ikd ADD*****スライダー
-----------------------------------------*/
.banner { position: relative;}
.banner li { list-style: none; }
.banner ul li { float: left; }

/*-----------------------------------------
*****ikd ADD*****微調整
-----------------------------------------*/
.mpb0{ margin:0; padding:0; border:0;}
.mb0{ margin:0; border:0;}
.mp0{ margin:0; padding:0;}
.pb0{ padding:0; border:0;}
.m0{ margin:0;}
.p0{ padding:0;}
.b0{ border:0;}
.page dt.mgnbtm0{ margin-bottom:0;}
.page h4.mgnbtm0{ margin-bottom:0;margin-top:4px;display: inline;}
.page h4.block_tutorialblue{
background: #5197c9 none repeat scroll 0% 0%;
padding: 10px;
color:#F8F8F8;
border: 1px solid #5197c9;
}
.page table .w30per{ width:30%;}
.page table .w50per{ width:50%;}

.page .block_blue{ background:#5197c9; padding: 15px; margin-bottom:1em; color:#fff;border-radius:4px;}
.page .block_black{ background:#4b4b4b; padding: 15px; margin-bottom:1em; color:#fff;border-radius:4px;}

.page dl.staticPage{ margin-bottom:1em;}
.page dt.staticPage{ margin-bottom:0; font-weight:bold;}
.page dd.staticPage{ margin-bottom:1em;}

.page ul.staticPage .block{ background:#f5f5f5; padding: 15px; margin-bottom:1em;}
.page li.staticPage{ list-style:inside disc; margin-left:3px; margin-bottom:.5em;font-size:15px;padding: 3px 10px 3px 0px;}
.page li.staticPageNone{ list-style:none; margin-left:3px; margin-bottom:.5em;font-size:15px;padding: 3px 10px 3px 0px;}
.page li.staticPageSquare{ list-style-type:square; margin-left:3px; margin-bottom:.5em;font-size:15px;padding: 3px 10px 3px 0px;}

.page ol li{ list-style-type:decimal;}
.page ol li.staticPage{ list-style-type:decimal; margin-left:3px; margin-bottom:.5em;font-size:15px;padding: 3px 10px 15px 0px;}

.page table td.staticPage{ border:1px solid #ddd; padding:13px; text-align:left; vertical-align:top;}

.main1 table td.staticPage{ background: #FFF none repeat scroll 0% 0%;}

.lightbox {width:1200px;margin:auto;font-size:16px;text-align:left;}
#lightbox_list {width:1200px;text-align:left;}


.page span.helpLeft{ display:inline-block; width:400px; margin-left:10px; padding:5px; vertical-align: top;}
.page span.helpRight{ display: inline-block; width:100%; padding:5px; vertical-align: top;}



/*-----------------------------------------
 news.html *****ikd ADD*****
-----------------------------------------*/
.news_menu{ float:left; width: 180px;margin-top: 10px}
.news_menu ul{ border: 1px solid #ddd; border-bottom: 0;}
.news_menu ul li{ margin-left:0px; margin-bottom:0px; padding: 10px; border-bottom: 1px solid #ddd; cursor: pointer; list-style: outside none none;}
.news_menu ul li.active{ background:#eee; font-weight: bold;padding: 10px;font-size:18px;}
.news_menu ul li:hover{ background: #f5f5f5;}
.news_main{ float: right; width:960px;}
.news_main ul{ padding-top: 0px;}
.news_main li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;line-height:1.5;list-style-position: inside;padding-left: 3px;}
.news_main li img{margin: 10px 10px 0;}
.news_main li b{font-size:16px;}

/*-----------------------------------------
 upload *****oza ADD*****
-----------------------------------------*/
.upload_menu{ float:left; width: 250px;margin-top: 10px}
.upload_menu ul{ border: 1px solid #ddd; border-bottom: 0;}
.upload_menu ul li{ margin-left:0px; margin-bottom:0px; padding: 15px 10px 15px 10px; border-bottom: 1px solid #ddd; cursor: pointer; list-style: outside none none;}
.upload_menu ul li.active{ background:#ffefa3; font-weight: bold;padding: 15px 10px 15px 20px;font-size:15px;}
.upload_menu ul li:hover{ background: #ffefa3;}
.upload_main{ float: right; width:916px;}
.upload_main ul{ padding-top: 0px;}
.upload_main li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;line-height:1.5;list-style-position: inside;padding-left: 3px;}
.upload_main li img{margin: 10px 10px 0;}
.upload_main li b{font-size:16px;}



/*-----------------------------------------
 tips *****ikd ADD*****
-----------------------------------------*/
.tips_menu{ float:left; width: 340px;}
.tips_menu dl{}
.tips_menu dl dt{ border: 1px solid #5197c9; padding-left: 10px; background:#5197c9; color:#F8F8F8; margin-left:0px; margin-bottom:0px; padding: 10px; border-bottom:0;}
.tips_menu ul{ border: 1px solid #ddd; border-bottom: 0;}
.tips_menu ul li{ margin-left:0px; margin-bottom:0px; padding: 14px; border-bottom: 1px solid #ddd; cursor: pointer; list-style: outside none none;}
.tips_menu ul li.active{ background:#eee; font-weight: bold;font-size:16px;}
.tips_menu ul li:hover{ background: #f5f5f5;}

.tips_main{ float: right; width:840px;}
.tips_main ul{ padding-top: 0px;}
.tips_main li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.tips_main li img{margin: 10px 10px 0;}

/*-----------------------------------------
 tutorial *****ikd ADD*****
-----------------------------------------*/
.tutorial_menu{ float:left; width: 29%;}
.tutorial_menu dl{}
.tutorial_menu dl dt{ border: 1px solid #5197c9; padding-left: 10px; background:#5197c9; color:#F8F8F8; margin-left:0px; margin-bottom:0px; padding: 10px; border-bottom:0;}
.tutorial_menu ul{ border: 1px solid #ddd; border-bottom: 0;}
.tutorial_menu ul li{ margin-left:0px; margin-bottom:0px; padding: 12px; border-bottom: 1px solid #ddd; list-style: outside none none;}
.tutorial_menu ul li a:link{ color:#333; ; text-decoration:none;}
.tutorial_menu ul li a:visited{ color:#333; ; text-decoration:none;}
.tutorial_menu ul li a:hover{ color: #5c9bf1; text-decoration:none;}
.tutorial_menu ul li a:active{ font-weight: bold; color:#1e71e2; text-decoration:underline;}


.tutorial_main{ float: right; width:69%;}
.tutorial_main ul{ padding-top: 0px;margin-bottom:30px;}
.tutorial_main li{ list-style:inside disc; margin-left:3px; margin-bottom:0px;font-size:15px;padding: 3px 5px 1px 10px;}
.tutorial_main li img{margin: 10px 10px 0;}



/*-----------------------------------------
 mypage *****ozaki 2024
-----------------------------------------*/
.mypage_menu{ float:left; width: 280px;}
.mypage_menu dl{}
.mypage_menu dl dt{ border: 1px solid #5197c9; padding-left: 10px; background:#5197c9; color:#F8F8F8; margin-left:0px; margin-bottom:0px; padding: 10px; border-bottom:0;}
.mypage_menu ul{ border: 1px solid #ddd; border-bottom: 0;}
.mypage_menu ul li{ margin-left:0px; margin-bottom:0px; padding: 12px; border-bottom: 1px solid #ddd; list-style: outside none none;}
.mypage_menu ul li a:link{ color:#333; ; text-decoration:none;}
.mypage_menu ul li a:visited{ color:#333; ; text-decoration:none;}
.mypage_menu ul li a:hover{ color: #5c9bf1; text-decoration:none;}
.mypage_menu ul li a:active{ font-weight: bold; color:#1e71e2; text-decoration:underline;}


.mypage_main{ float: right; max-width:895px;}
.mypage_main ul{ padding-top: 0px;margin-bottom:40px;}
.mypage_main li{ list-style:inside disc; margin-left:3px; margin-bottom:0px;font-size:14px;padding: 3px 0px 1px 0px;}
.mypage_main li img{margin: 10px 10px 0;}
.mypage_main .oshirase {    background: #e4e4e4;    padding: 10px;    font-weight: bold;    border: 1px solid #ddd;    font-size: 16px;}


.imagedata table{width:100%;margin:0;}
.page .imagedata td {text-align:center;font-size:16px;}
.page .imagedata td a{color:#333;text-decoration:none;font-weight:bold}
.page .imagedata th {text-align:center;vertical-align:middle;font-weight:normal}
.page  .nibunkatsu  td {border:0;}
.page  .data1:hover {background-color: #e5e5e5}
.mypage_main .onmou a:hover {color:#999;}
.mypage_main .onmou a{color:#666}
.mypage_menu ul i{color:#999;}
.mypage_menu ul li{color:#666;text-decoration:none;}
.mypage_menu ul a{color:#666;text-decoration:none;}
.mypage_menu ul li:hover{background:#e9e9e9;font-weight:bold;}

.paging ul.pageNav03 {
	background: #fff;
	border: 0;
}

.paging ul.pageNav03 li {
	display: inline;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}


.paging ul.pageNav03 li.next{
	font-weight: normal;
	float:right;
}
.paging ul.pageNav03 li.back{
	font-weight: normal;
	float:left;
}

.paging ul.pageNav03 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #edf4fc;
	text-decoration: none;
	vertical-align: middle;
}

.paging ul.pageNav03 li a:hover {
	color: #000;
	background: #e0f4fc;
	border-color: #00f;
}




/*-----------------------------------------
special page *****ikd ADD*****
-----------------------------------------*/
.special{ margin: 0 auto; max-width:1200px; overflow:hidden; padding-top:10px; margin-bottom:25px; text-align:left; font-size:15px;line-height:1.7}
.special .topic_path li{ display:inline-block; margin-right:3px;}
.special .topic_path li:after{ content:">"; padding-left:10px;}
.special .topic_path li:last-child{ font-weight:bold;}
.special .topic_path li:last-child:after{ content:"";}
.special .socials{ width:30%; float:right; margin-bottom:25px; text-align:right;}
.special .socials li{ display:inline-block; font-size:20px;}
.special .socials .fa-twitter{ color:#55acee;}
.special .socials .fa-facebook-square{ color:#3b5998;}
.special h1{ font-size:30px; margin-bottom:.5em;}
.special h2{ font-size:25px; margin-bottom:.5em;}
.special h3{ font-size:20px; margin-bottom:.5em;}
.special h4{ font-size:15px; margin-bottom:.5em; padding-top:10px;}
.special p{ margin-bottom:1em; line-height:1.7;margin-top: 15px ;}

.top .sp_sakura_image{ position:relative; width:100%; height:230px; background:url(campaign/images/2015sakura-tokusyu-b.jpg); background-size:cover; background-position: right; margin-bottom:30px;}
.top .sp_sakura_image form{ text-align:center; width:500px; position:absolute; top:90px; left:50%; margin-left:-250px;}
.top .sp_sakura_image form input[type="text"]{ width:350px;  border:1px solid #999; border-right:0; border-radius:4px; height:51px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:18px; background:rgba(255,255,255,.85);}
.top .sp_sakura_image form button{width:100px; height:59px; border-radius:0 4px 4px 0; font-size:22px;vertical-align:middle;}

.top .sp_rentalposi_image{ position:relative; width:100%; height:230px; background:url(img/2015rentalposi-a.jpg); background-size:cover; background-position: left; margin-bottom:30px;}
.top .sp_rentalposi_image form{ text-align:center; width:500px; position:absolute; top:90px; left:50%; margin-left:-250px;}
.top .sp_rentalposi_image form input[type="text"]{ width:350px;  border:1px solid #999; border-right:0; border-radius:4px; height:51px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:18px; background:rgba(255,255,255,.85);}
.top .sp_rentalposi_image form button{width:100px; height:59px; border-radius:0 4px 4px 0; font-size:22px;vertical-align:middle;}

.top .sp_heritage_image{ position:relative; width:100%; height:230px; background:url(images/2015sekaiisan-tokusyu-b.jpg); background-size:cover; background-position: left; margin-bottom:30px;}
.top .sp_heritage_image form{ text-align:center; width:500px; position:absolute; top:90px; left:50%; margin-left:-250px;}
.top .sp_heritage_image form input[type="text"]{ width:350px;  border:1px solid #999; border-right:0; border-radius:4px; height:51px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:18px; background:rgba(255,255,255,.85);}
.top .sp_heritage_image form button{width:100px; height:59px; border-radius:0 4px 4px 0; font-size:22px;vertical-align:middle;}

.top .sp_nenga_image{ position:relative; width:100%; height:230px; background:url(images/2015nengajou-tokusyu-b.jpg); background-size:cover; background-position: left; margin-bottom:30px;}
.top .sp_nenga_image form{ text-align:center; width:500px; position:absolute; top:90px; left:50%; margin-left:-250px;}
.top .sp_nenga_image form input[type="text"]{ width:350px;  border:1px solid #999; border-right:0; border-radius:4px; height:51px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:18px; background:rgba(255,255,255,.85);}
.top .sp_nenga_image form button{width:100px; height:59px; border-radius:0 4px 4px 0; font-size:22px;vertical-align:middle;}


.region{ display:inline-block; max-width:1200px; text-align:center; vertical-align: top; margin-top:20px; font-size:18px;}
.region h3{ font-size:24px; font-weight:normal; margin-bottom:40px;}
.region ul{ overflow:hidden;}
.region ul li{ display: inline-block; float:center; margin: 0 10px 10px 0;}
.region a{ border:1px solid #dfdccf; background:#fff; padding:5px 20px; display:inline-block; border-radius:4px; text-decoration:none;}
.region a.sp{ border:0; padding: 6px 10px; background:#5197c9; color:#fff; }
.region a.sp:hover{ background-color:#7bb0d5;}

.special ul.pListLarge{
	overflow:hidden;
	border-bottom: 1px solid #ddd;
	}

.special ul.pListLarge li{	width: 235px;		float: left;	vertical-align: middle;	}

.special ul.pListLarge li table{	border-right: 1px solid #fff;	width: 220px;	height:220px;		background: #f5f5f5; 	text-align: center;
	}

.special ul.pListLarge li table img{
	max-width: 192px;
	max-height:192px;
	}


.top .point ul.nenga li {
	width: 230px;
	height:230px;
	padding:10px;
	padding-top:0;
	}
#nenga #search_detail{
	padding: 0;
	border: 0;
	text-align: left;

	}
	#nenga #search_detail span{
		display: block;
		height: 30px;
		line-height: 30px;
		font-weight: normal;
		padding-left: 10px;
		background:#5197c9;
		border: 1px solid #5197c9;
		border-radius: 3px;
		color:#F8F8F8;
		}
	#nenga #search_detail div{
		background: #fff;
		}

	#nenga #search_detail div ul li{
		width: 220px;
		height:220px;
		text-align: left;
		border: 0;
		padding: 10px 5px 10px 10px;
		}
		#nenga #search_detail li img{
			margin-top: 2px;
			}



/*-----------------------------------------
matome page maedaAdd
-----------------------------------------*/
.matome{ margin: 0 auto; width:1000px; overflow:hidden; padding-top:25px; margin-bottom:70px; text-align:left;}
.matome a{ color:#444;}
.matome .topic_path{width:100%;  font-size:14px; padding-top:5px; margin-bottom:25px;}
.matome .topic_path li{ display:inline-block; margin-right:3px;}
.matome .topic_path li:after{ content:">"; padding-left:10px;}
.matome .topic_path li:last-child{ font-weight:bold;}
.matome .topic_path li:last-child:after{ content:"";}
.matome .head .topic_path {clear:both;}
.matome .matome_pickup{ border-bottom:1px solid #eee;border-top:1px solid #eee; padding: 30px 0; margin-bottom:30px;}
.matome .matome_pickup ul{ overflow:hidden;}
.matome .matome_pickup ul li{ width:320px; margin-right:20px; float:left;}
.matome .matome_pickup ul li .imgarea{ height:213px; overflow:hidden; margin-bottom:10px; background:#f5f5f5; text-align:center;}
.matome .matome_pickup ul li:nth-child(3){ margin:0;}
.matome .matome_pickup ul li img{ max-width:320px;}
.matome .matome_pickup ul li h2{ font-size:16px; margin-bottom:5px;}
.matome .matome_pickup ul li p{ margin-bottom:5px;}
.matome .matome_pickup ul li p.desc{ color:#666;}
.matome .matome_pickup ul li .name { line-height:20px; font-size:11px;}
.matome .matome_pickup ul li .name img{ width:20px; margin-right:5px;}

.matome .matome_head{ overflow:hidden; border-bottom:1px solid #eee;border-top:1px solid #eee; padding: 30px 0; margin-bottom:30px;}
.matome .matome_head span{ float:left; margin-right:20px;}
.matome .matome_head span img{ max-width:200px;}
.matome .matome_head .head_block{ margin-left:220px;}
.matome .matome_head .head_block h1{ font-size:26px; font-weight:normal; margin-bottom:10px;}
.matome .matome_head .head_block .desc{ color:#666;}
.matome .matome_head .head_block .tags{ color:#999;}
.matome .matome_head .head_block .tags a{color:#666;}
.matome .matome_head .head_block .social_button .sb{ display:inline-block; vertical-align:top; margin-right:10px;}


.matome .matome_list,
.matome .matome_body{ float: left; width:659px; padding-right:20px; border-right:1px solid #eee; margin-right:20px; font-size:14px;}

.matome .matome_list ul{ overflow:hidden;}
.matome .matome_list ul li{ overflow:hidden;border-bottom:1px solid #eee; padding: 15px 0; margin-bottom:15px;}
.matome .matome_list ul li .imgarea { text-align:center; float:left; margin-right:10px; width:180px; background:#f5f5f5;}
.matome .matome_list ul li .imgarea img{ max-width:180px; max-height:180px;}
.matome .matome_list ul li .textblock{ margin-left:190px;}
.matome .matome_list ul li .textblock h2 a{ font-size:20px; font-weight: normal; text-decoration:none;}
.matome .matome_list ul li .textblock h2 a:hover{ text-decoration:underline;}
.matome .matome_list ul li .textblock p{ color:#666; font-size:12px;}

.matome .matome_body h2{ font-size:20px; padding-bottom:5px; border-bottom:1px solid #eee; margin-bottom:10px;}
.matome .matome_body p+h2{ padding-top:50px;}
.matome .matome_body p{ padding-top:5px;}

.matome .matome_side{ float:right; width:295px;}
.matome .matome_side .block{ margin-bottom:30px; border-bottom:1px solid #eee; }
.matome .matome_side .user{ overflow:hidden;}
.matome .matome_side .user img{ float:left; max-width:48px; margin-right:10px;}
.matome .matome_side .user .name{ margin-bottom:0px;}
.matome .matome_side .user .info{ font-size:11px; color:#999;  height: 30px;  overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}

.matome .matome_side h3{ font-size:16px; font-weight:normal; margin-bottom:10px; color:#999;}
.matome .matome_side ul li{ overflow:hidden; margin-bottom:15px;}
.matome .matome_side ul li img{ max-width:80px; float: left; margin-right:5px;}
.matome .matome_side ul li a{ text-decoration:none;}
.matome .matome_side ul li a:hover p{ text-decoration:underline;}
.matome .matome_side ul li a p{ margin-bottom:2px;}
.matome .matome_side ul li a span{ display:block; color:#999; text-decoration:none; font-size:10px;}
.matome .matome_side .ranking {counter-reset: my-badass-counter; }
.matome .matome_side .ranking li{position:relative;  z-index:100;}
.matome .matome_side .ranking li:before {position: absolute; content: counter(my-badass-counter); counter-increment: my-badass-counter;display:block;width:12px;height:12px; text-align:center; line-height:12px; background:#fff; font-size:10px; color:#999;}
.matome .matome_side .tags{ overflow:hidden;}
.matome .matome_side .tags li{ display: inline-block; float:left; margin: 0 10px 10px 0;}
.matome .matome_side .tags a{ border:1px solid #dfdccf; background:#fff; padding:5px 20px; display:inline-block; border-radius:4px; text-decoration:none;}
.matome .matome_side .tags a:hover{ background:#f5f5f5; color:#666;}
.matome .matome_side .tags a.sp{ border:0; padding: 6px 10px; background:#5197c9; color:#fff; }
.matome .matome_side .tags a.sp:hover{ background-color:#7bb0d5;}

/*-----------------------------------------
detail footer page tag ozakiAdd 
-----------------------------------------*/

.detail_prepaid{ text-align:center;  background:#fff6f1; padding:9px;  border-radius: 3px;font-size:20px;margin-top:40px;border: solid 2px #ffa16b;}
.detail_prepaid:hover{   background:#ffe9dc;}
.detail .detail_prepaid a{color:#ff7e2f;text-decoration:none;}
.detailtag{ margin: 0 auto; width:100%; overflow:hidden; padding-top:5px; margin-bottom:0px; text-align:left;}
.detailtag a{ color:#444;}

.detailtag .detailtag_side{ float:right; width:100%}
/*.detailtag .detailtag_side .block{ margin-bottom:20px; border-bottom:1px solid #eee; }*/

.detailtag .detailtag_side .tags{ overflow:hidden;}
.detailtag .detailtag_side .tags li{ display: inline-block; float:left; margin: 0 10px 10px 0; border: 1px solid #dfdccf;    background: #fff;    padding: 5px 20px; border-radius: 4px;  text-decoration: none;}
.detailtag .detailtag_side .tags li input.chkbox:checked ~ .tags li{ background-color:#ff6a00;}

.detailtag .detailtag_side .tags a{ border:1px solid #c0c0c0; background:#fff; padding:10px 30px; display:inline-block; border-radius:4px; text-decoration:none;margin:0px 6px 5px 0px;letter-spacing:1px;}
.detailtag .detailtag_side .tags a:hover{ background:#f0f0f0; color:#666;border:1px solid #777;font-weight:bold;}
.detailtag .detailtag_side .tags a.sp{ border:0; padding: 6px 10px; background:#5197c9; color:#fff; }
.detailtag .detailtag_side .tags a.sp:hover{ background-color:#7bb0d5;}


.login_half { float:left;width:50%;}
.login_half_right { float:right;width:50%;}

.login_nomember{width:500px;float:right;}


/*-----------------------------------------
lightbox footer page tag ozakiAdd 
-----------------------------------------*/

.lightbox_footer {width:1200px;margin:auto;padding:1px;font-size:16px;margin-top:20px;margin-bottom:25px;}


/*-----------------------------------------
非ログイン　モーダル
-----------------------------------------*/
#contents {
	margin: 0 auto;
	padding: 10px 0 50px 0;
	width: 100%;
}

#openlogin {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}
.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #555;
	opacity: 0.5;
	z-index: 5;
}

.modal_window {
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -200px;
	width: 450px;
	height: 290px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 10;
}

.modal_window div {
	margin-bottom: 20px;
	width: 450px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 16px;

	text-align: left;
	text-indent: 15px;
	background: #555;
}

.modal_window p {
	padding: 0 15px 15px 15px;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% {opacity:0;display:block;}
	100% {opacity:1;}
}

div#modal div:target {
	-webkit-animation-name: modalFadeIn; 
  	-webkit-animation-duration: 1s;
  	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
}

.md-btn-area {  margin-bottom:50px;
}
.md-btn {	cursor:pointer;	color:#1e71e2;}

.modal {  display: none;  position: absolute;	top: 50%;
	left: 50%;	margin: -150px 0 0 -200px;  max-width: 440px;
  height: 300px;  overflow-y: auto;  padding: 0px;
  border-radius: 5px;  background-color: #fff;  color: #555;
  text-align: left;  font-size: 16px;	border-style: solid;
	border-width: 1px;	border-color: 555;}

.modal p{	padding-left:20px ;	padding-right:10px ;	padding-top:12px ;}
.modal div{
	background-color: #555;  padding: 20px 5px 5px 5px;height:32px;color:#fff;
	text-align: center;
}

/* Close button */
.modal .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: #ccc;

	}
.modal .close:before,
.modal .close:after{
  position:absolute;
  top:4px;
  border:1px solid #fff;
  height:30px;
  content:"";
}
.modal .close:before {
  left:19px;

}
.modal .close:after {
  right:19px;

}

.modal .close span {
  display:none;
}
.bg-blur {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}


.modal2{display:none;}
.modalBody{position: fixed;left:40%; top:15%; z-index:1000; background: #555; max-width:520px;  max-height: 520px;  padding: 0px;
  border-radius: 4px;  background-color: #fff;  color: #555;  text-align: left;  font-size: 16px;	border-style: solid;
	border-width: 1px;	border-color: #555;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.modalBody .modalsp {padding:11px;}
.modalBody .modalsp .mblack{color:#eee;background: #333333; border: 0;text-decoration:none;padding:5px;  border-bottom: 3px solid #000;border-radius: 4px; cursor: pointer;}
.modalBody .modalsp .modaltitle{background-color: #eee; color: #333;text-align: center;font-size: 16px; padding: 5px;}
.modalBody .modalsp .leftimg{float:left;max-width:160px;}
.modalBody .modalsp .righttxt{float:right;width:320px;magin-top:12px;}
.modalBody .modalleft {float:left;}
.modalBody .login_modal_head {background-color:#777;color:#FFF;text-align:center;font-size:18px;padding:10px;}
.modalBody .close { float: right;    width: 20px;    background-color: #5d5b5b;    padding: 5px;    cursor: pointer;    border-radius: 33px;    font-size: 15px;    margin-right: 14px;    text-align: center;    color: #fff;    font-weight: bold;}
.modalBody .close:hover{ background-color:#ccc;}
.modalBody .proftxt {overflow: auto;  height: 250px;width:95%; text-align: left;clear:both;margin-top:15px;display:inline-block;}
.modalBody .profimg {  width:160px;height:160px;background-color:#eee;text-align:center;display: table-cell;vertical-align:middle;  border-radius: 2px;}
.modalBK{position: fixed; top: 0;z-index:999; height:100%; width:100%;background:#000; opacity: 0.6;filter: alpha(opacity=90);-moz-opacity:0.90;}

.modalBody a img {max-width:480px;max-height:410px;}


#sample2  {
  position:relative;
  color: #555;
}
#sample2 :hover {
  background: #ddd;
  color: #555;
}
.sample2-tooltips {
  display: none;
  position: absolute ;
  bottom: -10px;
  left:  10px;
  z-index: 999;
  padding: 0.3em 0.5em;
  color: #555;
  background: #ddd;
  border-radius: 0.5em;
}
.sample2-tooltips:after {
  width: 100%;
  content: "";
  display: block;
  position: rerative;
  left: 0.5em;
  top: -8px;
  border-top:8px solid transparent;
  border-left:8px solid #ddd;
}
#sample2 div:hover~.sample2-tooltips {
  display: block;
}
/*-----------------------------------------
free page *****ikd ADD*****
-----------------------------------------*/
.top .free_image{  height:250px; }

.top .free_image form{ text-align:center; width:520px; position:absolute; top:100px; left:47%; margin-left:-240px;}
.top .free_image form input[type="text"]{ width:450px;  border:1px solid #999; border-right:0; border-radius:4px; height:51px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:18px; background:rgba(255,255,255,.85);}
.top .free_image form button{width:100px; height:59px; border-radius:0 4px 4px 0; font-size:22px;vertical-align:middle;}





/* search select 2024
-------------------------- */


.cp_ipselect {  overflow: hidden;  width: 78px;  margin: 2em auto;  text-align: center;}
.cp_ipselect select {  width: 96px;  padding-right: 1em;  cursor: pointer;  text-indent: 0.01px;  text-overflow: ellipsis;  border: none;  outline: none;  background: transparent;  background-image: none;  box-shadow: none;  -webkit-appearance: none;  appearance: none;}
.cp_ipselect select::-ms-expand {    display: none;}
.cp_ipselect.cp_sl01 {  position: relative;  border: 2px solid #327a97;  border-radius: 6px;  background: #ffffff;}
.cp_ipselect.cp_sl01::before {  position: absolute;  top: 0.8em;  right: 0.5em;  width: 0;  height: 0;  padding: 0;  content: '';  border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-top: 6px solid #327a97;  pointer-events: none;}
.cp_ipselect.cp_sl01 select {  padding: 4px 38px 3px 10px;  color: black;}
/* modalyukkuri 
-------------------------- */

.modal-transition {  display: block;  opacity: 0;  transition: opacity 0.5s ease;}
.modal-visible {  opacity: 1;}


/* heder 2025
-------------------------- */
[v-cloak] {
  display: none;
}
.menu_okini {  position: absolute;         z-index: 9999;              background: #f9f9f9;  margin-top: 0px;  border: 1px solid #ccc;  width: 230px;  padding: 10px;  border-radius: 4px;  box-shadow: 2px 2px 5px rgba(0,0,0,0.1); }
.dropdown-menu {  z-index: 9999;  list-style: none;  padding: 0;  margin: 0;}
.dropdown-menu li {  z-index: 9999;  display: block !important;   float: none !important;       padding:9px;  margin-left:1px !important;transition: background-color 0.3s ease;}
.dropdown-menu li a{  text-decoration:none !important;}
.dropdown-menu li:last-child {  border-bottom: none;}
.dropdown-menu li:hover {  background-color: #eee; }
.dropdown-menu li i a:hover { color: #666;}
.dropdown-menu li i{margin-right:5px;}

.setting-button {  background-color: #fff;  color: #333;  border: 1px solid #fff;  padding: 1px 12px;  font-size: 16px;  border-radius: 4px;  cursor: pointer;  transition: background-color 0.3s ease;}
.setting-button:hover {  background-color: #eee;}
.oki_count {background-color: #C0C0C0; margin-left: 2px; padding: 2px 3px;border-radius: 2px; -webkit-border-radius: 6px; -moz-border-radius: 8px;font-size:12px;font-weight:bold;color:#ffffff;position:relative;top:-2px;}


.headbar-float {  position: fixed;  top: 0;  width: 100%;  padding: 12px;  z-index: 1000;  background: rgba(37, 118, 175, 0.9);  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);  opacity: 0;  transition: opacity 0.5s;  pointer-events: none;}
.headbar-float.visible {  opacity: 1;  pointer-events: auto;}
.headbar-float input{    max-width: 360px;    width: 33%;    border: 1px solid #3a7fb0;    border-right: 0;    border-radius: 4px;    height: 21px;    padding: 5px 10px;    border-radius: 4px 0 0 4px;    font-size: 17px;}
.headbar-float button{    width: 64px;    height: 33px;    border-radius: 0 4px 4px 0;    vertical-align: middle;    margin: 0;    padding-top: 4px;    position: absolute;    background: #494949;    border: 0;    border-bottom: 3px solid #333;    border-radius: 4px;    cursor: pointer;    }
.headbar-float button i{    color:#fff;    }
.headbar_sp{  display: none; }

.cart_count_login  {background-color: #ff6c00; margin: 0px; padding: 2px 3px 2px 3px;border-radius: 2px; -webkit-border-radius: 6px; -moz-border-radius: 8px;font-size:12px;font-weight:bold;color:#ffffff;position:relative;top:-1px;margin-left:-10px; }
.cart_count_nologin{background-color: #c0c0c0; margin: 0px; padding: 2px 3px 2px 3px;border-radius: 2px; -webkit-border-radius: 6px; -moz-border-radius: 8px;font-size:12px;font-weight:bold;color:#ffffff;position:relative;top:-1px; margin-left:2px; }


@media screen and (max-width: 1024px) {
  .m_prof_img {  width: 95px;  height: 95px;  border-radius: 50%;  object-fit: cover; margin-top:10px; }
  .paging ul.pageNav02 li a {padding :10px;}
  .mob_disp {display:none;}

  .headbar_sp {   display: block;       padding: 12px;   background: rgba(37, 118, 175, 0.9); text-align:left;     position: relative;    z-index: 1;}
  .headbar_sp input{    max-width: 360px;        border: 1px solid #3a7fb0;    border-right: 0;    border-radius: 4px;    height: 21px;    padding: 5px 10px;    border-radius: 4px 0 0 4px;    font-size: 17px;}
  .headbar_sp button{    width: 64px;    height: 33px;    border-radius: 0 4px 4px 0;    vertical-align: middle;    margin: 0;    padding-top: 4px;    position: absolute;    background: #494949;    border: 0;    border-bottom: 3px solid #333;    border-radius: 4px;    cursor: pointer;    }
  .headbar_sp button i{    color:#fff;    }
  .prof_text {  display: inline-block;  width: calc(100% - 152px);  min-height: 100px;  margin-left: 10px;padding-top:0px;padding-bottom:0px;border:0px;}
  .setting-button {    font-size: 15px;    padding: 10px 16px;    width: 100%;  }
  .menu_okini {    position: fixed !important;top: 80px !important;left: 0 !important; width: 80% !important;margin-left:10%;margin-right:10%; z-index: 9999 !important; background: #fff;    box-shadow: 0 2px 6px rgba(0,0,0,0.2);  }
  .cart_count_login {background-color: #ff6c00; margin: 0px; padding: 2px 3px 2px 3px;border-radius: 2px; -webkit-border-radius: 6px; -moz-border-radius: 8px;font-size:12px;font-weight:bold;color:#ffffff;position:relative;top:-1px;margin-left:2px; }

 }