@charset "UTF-8";

/*-------------------------
__location_style
-------------------------*/



/*===============================================
画面の横幅が641px以上
===============================================*/

/*-------------------------
__page_style
-------------------------*/

#content{width:1100px;margin:0 auto 25px;line-height:1.5;}

/*共通*/

.list_pic img{width:auto;height:auto;max-width:100%;max-height:100%;}
.list_pic a:hover img{opacity:0.6;}

.list1,
.list2{padding:10px 0 0;}

.list1 ul li .sub_title,
.list2 .sub_title{margin:15px 0 5px;font-size:14px;font-weight:700;}
.list1 ul li .sub_copy,
.list2 .sub_copy{font-size:14px;}

/*横3列*/
.list1 ul{width:1100px;margin:0;padding:0;overflow:hidden;letter-spacing:-0.4em;text-align:left;}
.list1 ul li{display:inline-block;letter-spacing:normal;vertical-align:top;width:360px;margin:0 10px 20px 0;text-align:left;}
.list1 ul li:nth-child(3n){margin-right:0;}
.list1 ul li a{line-height:1px;border:1px solid #dcdddd;display:block;}
.list1 ul li img{max-width:358px;/*IE11用*/text-align:center;/*max-width:360px;border:1px solid #dcdddd;*/box-sizing:border-box;padding:5px;max-height:271px;}

.list1 ul li .list_pic{width:360px;overflow:hidden;display:table-cell;vertical-align:middle;text-align:center;position:relative;margin:0 auto;}
/*横1列*/
.list2{margin:0 auto 20px;text-align:left;}
.list2 .list_pic{text-align:center;padding:10px;margin-bottom:20px;}



/*===============================================
●smart.css  画面の横幅が736pxまで
===============================================*/

/*Nexusで7ブレイクポイント*/
@media screen and (min-width:0px) and (max-width:736px) {
body{min-width:100%!important;}
.topic_path ul{width:100%!important;}
}

/*Nexusで7ブレイクポイント*/
@media screen and (min-width:0px) and (max-width:736px) {

/*-------------------------
__page_style
-------------------------*/

/*#header .header_text .header_subcopy{display:none;}*/
/*#header .clearfix{padding:10px 0 0;}*/
#content{width:100%;padding:0 10px;box-sizing:border-box;margin:0 auto;}

/*共通*/
.list_pic{height:auto!important;margin:0 auto;}

.list1 ul li .sub_title,
.list2 .sub_title{margin:5px 0 3px;font-size:12px;line-height:1.2;}
.list1 ul li .sub_copy,
.list2 .sub_copy{font-size:12px;line-height:1.2;}

/*横3列*/
.list1 ul{width:100%;}
.list1 ul li{width:100%;margin:0 0 10% 0;}
.list1 ul li a{border:0;}
.list1 ul li .list_pic{width:100%;display:block;}
.list1 ul li .list_pic img{width:auto;height:auto;max-width:100%;padding:0;}

/*横1列*/
.list2{width:100%;margin:0 auto 10%;}
.list2 .list_pic{padding:3%;}

}