@charset "UTF-8";
/*===============================================
画面の横幅が641px以上
===============================================*/

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

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


.list_pic img{width:auto;max-height:100%;height:auto;max-width:100%;transition:0.3s;}
.list_pic a{transition:0.3s;}
.list_pic a:hover{border-color:#003893;}
.list_pic a:hover img{opacity:0.6;}
.list_pic.no a{pointer-events:none;}


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

.list1 ul li .sub_title,
.list2 .sub_title{padding:5px 0 0;font-size:14px;font-weight:bold;}
.list1 ul li .sub_copy,
.list2 .sub_copy{font-size:14px;padding:5px 0 0;}
.list1 .sub_title + .sub_copy,
.list2 .sub_title + .sub_copy{padding:0;}

/*横3列*/
.list1 ul{width:1100px;margin:0;padding:0;letter-spacing:-0.4em;text-align:left;font-size:0;}
.list1 ul li{width:360px;margin:0 10px 20px 0;text-align:left;display:inline-block;letter-spacing:normal!important;vertical-align:top;}
.list1 ul li:nth-child(3n){margin-right:0;}

.list1 ul li a{font-size:0;line-height:0;display:block;width:100%;height:100%;box-sizing:border-box;border:1px solid #dcdddd;}
.list1 ul li img{line-height:1px;vertical-align:top;}

.list1 ul li .list_pic{width:360px;height:270px;display:table-cell;vertical-align:middle;text-align:center;position:relative;}
.list1 ul li .list_pic img{max-width:360px;text-align:center;box-sizing:border-box;padding:5px;}

/*横1列*/
.list2{margin:0 auto 20px;text-align:left;}
.list2 .list_pic{text-align:center;margin-bottom:5px;border:1px solid #dcdddd;font-size:0;line-height:0;}

.list2 .list_pic img{width:auto;height:auto;max-width:1100px;text-align:center;box-sizing:border-box;padding:5px;}

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

/*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;}

.list1 ul li .sub_title,
.list2 .sub_title{padding:5px 0 0;font-size:12px;line-height:1.2;text-align:left;}
.list1 ul li .sub_copy,
.list2 .sub_copy{font-size:12px;line-height:1.2;padding:5px 0 0;}
.list1 .sub_title + .sub_copy,
.list2 .sub_title + .sub_copy{padding:0;}

/*横3列*/
.list1 ul{width:100%;}
.list1 ul li{width:100%;margin:0 auto 10% auto;text-align:left;letter-spacing:-0.4em;font-size:0;}
.list1 ul li .list_pic{font-size:12px;width:100%;margin:0 auto;display:block;border:none;box-sizing:border-box!important;}
.list1 ul li .list_pic img{width:auto;height:auto;max-width:100%;padding:0;}

/*横1列*/
.list2{width:100%;margin:0 auto 10%;padding:10px 0 0;}
.list2 .list_pic{text-align:center;margin-bottom:5px;box-sizing:border-box;border:none;}
.list2 .list_pic img{width:auto;height:auto;max-width:100%;padding:0;}

}