@charset "utf-8";

/* mod_thumbnail
--------------------------------------------*/
.mod_thumb{
 margin:0 0 0 0;
}
/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/


.thumbs{width: 740px;height: 100px;margin: 0 auto 10px;overflow: hidden;}
.thumbs ul{display:block;zoom: 1;}
.thumbs ul:after{content: "";display: block;clear: both;}
.thumbs li{
    width: calc((185px - 1px));
    height: 120px;
    float:left;
    background:none;
    margin: 0 1px 0 0;
    object-fit: contain;
    overflow: hidden;
}
.thumbs li a{
    display:block;
}
.thumbs li a:link    {}
.thumbs li a:visited {}
.thumbs li a:hover   {opacity:0.8;}
.thumbs li a:active  {opacity:0.8;}
/* IE用 ↓*/
.thumbs li a:hover img {filter:alpha(opacity=80);}
 
/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/
.mainimg{
    width: 740px;
    /* height: 450px; */
    margin: 0px auto 10px;
}
.mainimg img{width:100%;/* object-fit: cover; *//* width: 860px; */max-height: 100%;}

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


article.jirei			{/* width:1040px; */margin:0 auto 60px;display:block;zoom: 1;}
article.jirei:after 		{content: "";display: block;clear: both;}
article.jirei:last-child	{border:none;}

article.jirei > h3		{font-size: 20px;background:#006CB7;padding: 17px 20px;color:#FFF;margin: 0 0 30px 0;font-family: unset;}
article.jirei > div.mod_thumb	{width: 480px; float: right; margin-top: 2px;}
article.jirei > dl		{margin: 0 0 20px 0; padding: 0; font-size: 18px; float: left; width: 480px;}
article.jirei > dl > dt		{margin: 0; padding: 8px 0; width: 100px; float: left; clear: both; color: #E20202;}
article.jirei > dl > dd		{margin: 0; padding: 8px 0 8px 100px; border-bottom: 1px solid #CCC;}

article.jirei > div.comment	{margin: 0; padding: 0 20px 20px; background-color: #f5f5f5; border: 1px solid #ddd; width: 480px; float: left;}
article.jirei > div.comment >h4	{margin: 0; padding: 0 0 25px 0; color:#444; display:block; position:relative; font-size:1.1em;}
article.jirei > div.comment >h4:before {content:" "; display:inline-block; width:50px; height:50px; background: url( ../img/common/logomark2.png) no-repeat; background-size:contain; margin: 0 5px 0 0 !important;position: relative; top: 18px;}
article.jirei > div.comment >p	{margin: 0; }


/* ページャー */
.pager{
    margin-bottom: 80px;
    text-align:center}
 
a.page-numbers,
.pager .current{
    background-color: #edede3;
    border: solid 1px #aaaaaa;
    border-radius:5px;
    padding:5px 8px;
    margin:0 2px;}
 
.pager .current{
    background-color: #555;
    border: solid 1px #555;
    color: #ffffff;}
 
.pager a:hover{
    color: #ffffff;
    border: solid 1px #000000;
    background-color: #000000;}








nav .nav-single{display:none !important;}

/* 一覧へ戻るボタン */
.r2list_wrapper a {width: 300px; height: 50px; padding: 15px 0 0 0; margin: -30px auto 60px; text-align: center; font-size: 21px; color: #FFF; display: block; background: #00A0E9;}
.hi-icon-effect-x .hi-icon {background: rgba(0,160,233,1);-webkit-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;transition: background 0.2s, color 0.2s;background-color:rgb(0,160,233);border-color:rgb(0,128,196);border-width:1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border-style:solid;-moz-box-shadow:2px 2px 0px rgb(0,160,233);-webkit-box-shadow:2px 2px 0px rgb(0,160,233);box-shadow:2px 2px 0px rgb(0,160,233);}
.hi-icon-effect-x .hi-icon:after {top: -4px;left: -4px;padding: 4px 4px 6px 4px;box-shadow: 0 0 0 4px #00A0E9;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-webkit-transform: scale(.8);-moz-transition: -moz-transform 0.2s, opacity 0.2s;-moz-transform: scale(.8);-ms-transform: scale(.8);transition: transform 0.2s, opacity 0.2s;transform: scale(.8);opacity: 0;border-radius:3px;}
.hi-icon-effect-xa .hi-icon:hover {background: rgba(0,160,233,1);color: #FFF !important;}
.hi-icon-effect-xa .hi-icon:hover:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}



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

 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 767px) {
article.jirei{display:block;width: 100%;margin: 0px auto 0px;}
article.jirei > dl{width:100%; margin:0 auto 20px; float:none !important;}
article.jirei > .comment{width:calc(100% - 42px) !important; margin:20px auto !important; float:none !important;}
.mod_thumb{width:100% !important; float:none !important; margin:0 auto 20px;}
.thumbs{display:none;}
.mainimg{width:100%;}
.mainimg img{width:100%}
}


/*---------------------------------------------
 ** 個別指定 for タブレット
---------------------------------------------*/
 @media screen and (min-width: 768px) and (max-width: 1023px) {
article.jirei{display:block;/* width:calc(100% - 70px); */margin: 0 auto 110px;}
article.jirei > dl{width:480px; margin:0 auto 20px; float:none !important;}
article.jirei > .comment{width:440px !important; margin:20px auto !important; float:none !important;}
.mod_thumb{float:none !important; margin:0 auto 20px;}
}
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
article.jirei{display:block; width:calc(100% - 70px);margin: 0 auto 80px;}
article.jirei > dl{width:calc(100% - 500px);}
article.jirei > .comment{width:calc(100% - 540px) !important;}
.thumbs{width: 100%;}
.mainimg{width: 100%;}
}

/*-----------------------------------------------------	*/
/*  個別指定 for PC	*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 1280px) {


}