/* aim ディスプレイ2*/


.d2_1item_box_mb {
		/* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    /*影*/
	    box-shadow: 4px 4px 7px 4px grey;
	    margin-bottom: 40px;
		padding: 1em;
}

.d2_fb1 {
	width: 50%;
}
.d2_fb2 {
	width: 50%;
	padding: .5em;
}

.m_l_30 {
	margin-left: 30px;
}

#ang_d_2_table th {
	border: 1px solid #000;
	background: #5ca0E9;
	color: #fff;
	font-size: .8em;
}

#ang_d_2_table td {
	border: 1px solid #000;
	text-align: center;
}
.aim_d2_td_1 {
	width: 200px;

}

.aim_d2_td_1_img img {
	max-width: 150px;
	max-height: 150px;
}

.aim_d2_tok {
    width: 200px;
    font-size: .8em;
}

.text-left {
    text-align: left;
}

.watch_dt2_d2{
        margin: 0 auto;
		width: 80%;
	    height: 40px;
	    line-height:40px;
	    font-weight: bold;
	    text-align:center;
	    background-color: #1078e8;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;

	}
.watch_dt_d2 {
        margin: 1em auto 0 auto;
	    width: 80%;
	    height:40px;
	    line-height:40px;
	    font-weight: bold;
	    text-align:center;
	    background-color: #5ca0e9;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    color: #fff;
}

.color_f {
    color: #fff;
}



/* ******************************************* */

	.float_l {
		float: left;
	}

	.clear_b {
		clear: both;
	}
	.mb_m6 {
		margin-bottom: -6px;
	}

	.clear_b_h_50 {
		clear: both;
		height: 50px;
	}

	.ang_fade {
     	/*display: block;*/
      	opacity: 1;
      	animation-duration: 1.0s;
      	animation-name: sort-fade-in;
      	-moz-animation-duration: 1.0s;
      	-moz-animation-name: sort-fade-in;
      	-webkit-animation-duration: 1.0s;
      	-webkit-animation-name: sort-fade-in;
    }


    @keyframes sort-fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

    @-moz-keyframes sort-fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

    @-webkit-keyframes sort-fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }




	.ang_flex_div {
		display: flex;
	}

	.i_1 {
		color: #fff;
		margin-right: 7px;
		margin-bottom:6px;

		padding-left: 10px;
		padding-right: 10px;
		font-size: .8em;
		background-color: #5ca0e9;

		-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 10px;
	    float: left;
	}

	.ang_checkbox {

		font-size: 0.8em;
	}
	.ang_checkbox div {
		width: 33%;
	}

	article {
	    padding-bottom: 30px;
	}
	/* 公式 詳細リンク */
	.watch {
	    height: 70px;
	    position: relative;
	    clear: both;
	}

	.watch_dt2 {

		width: 40%;
	    height: 40px;
	    font-weight: bold;
	    text-align:center;
	    position:absolute;
	    top: 0;

	    bottom: -65px;
	    left: 1em;
	    margin-top:15px;
	    margin-bottom:20px;
	    background-color: #1078e8;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}
	.watch_dt2 p {
		color: #fff;
	}
	.watch_dt {

	    width:40%;
	    height:40px;
	    font-weight: bold;
	    text-align:center;
	    position:absolute;
	    top: 0;
	    right: 1em;
	    bottom: -65px;

	    margin-top:15px;
	    margin-bottom:20px;
	    background-color: #5ca0e9;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}

	.watch_dt p {
		color: #fff;
	}

	.watch_dt2_mb {

		width: 90%;
	    height: 40px;
	    font-weight: bold;
	    margin: 0 auto 15px auto;
	    text-align: center;
	    background-color: #1078e8;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}
	.watch_dt2_mb p {
		color: #fff;
	}
	.watch_dt_mb {

	    width: 90%;
	    height: 40px;
	    font-weight: bold;
	    text-align: center;
	    margin: 0 auto 15px auto;
	    background-color: #5ca0e9;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}

	.watch_dt_mb p {
		color: #fff;
	}

	.watch_mb p {
		font-size: 15px;
		line-height: 43px;
	}


	.watch p {
		font-size: 15px;
		font-weight:bold;

	    width:100%;
	    line-height:40px;
	    margin:auto;
	    padding:0  0;
	}
	.watch_dt2  p:hover {

	    color: #1078e8;
	    background-color: #fff;
	    border:1.5px  #1078e8 solid;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}

	.watch_dt p:hover {

	    color: #5ca0e9;
	    background-color: #fff;

	    border:1.5px #5ca0e9 solid;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}
	/*************************************************************/
	.item-box {
	    margin-top: 23px;
	    margin-bottom:10px;
	}

	.item-box:first-child { margin-top: 75px; }

	/* 検索フォームテーブル PC用*/

	.isba_pc {
		background: #fff;
	    padding: 20px 20px  35px  20px;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    /*影*/
	    box-shadow: 4px 4px 7px 4px grey;
	    margin-bottom: 15px;

	}
	.isba_pc_d2 {

	    padding: 20px 20px  35px  20px;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    /*影*/
	    box-shadow: 4px 4px 7px 4px grey;

	    margin-bottom: 5px;

	}


	/* 検索フォームテーブル スマホ用*/

	.item_search_box_ang {
	    background: #fff;
	    padding: 20px 20px  35px  20px;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    /*影*/
	    box-shadow: 4px 4px 7px 4px grey;

	    margin-bottom: 15px;

	}


	/*背景画像はHTMLに入力*/
	.item_search_box_ang2 {
	    background-color: #cdeff8;
	    /* 角丸の指定 */
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    padding-left:10px;
	    padding-top:17px;
	    padding-bottom: 1em;
	    /*影*/
	    box-shadow: 4px 4px 7px 4px grey;
	}

	/*	スマホ用 	*/
	#item_search_table  {
	         background-color: #cdeff8;
	         border-style: none;
	         width:95%;
	}

	#item_search_table  th {
	    color:  #000000;
	    background-color: #cdeff8;
	    width:35%;
	    text-align:left;
	    border-style: none;
	}
	#item_search_table  td{
		width: 60%;
	    background-color: #cdeff8;
	    border-style: none;
	    height: 0.5em;
	}

	#item_search_table select {
		font-size: 16px;
    	transform: scale( calc( 12 / 16 ) );
	    width:100%;
	    margin: 0 auto;
	    background-color: #fff;
	}

	.border_bottom {
		border-bottom: 1px solid #ccc;
	}
	#border_style_none {
	     border-style: none;
	}
	/*	PC用 	*/
	#is_table_pc  {
		background-color: #cdeff8;
	    width:95%;
	    box-shadow: 4px 4px 7px 4px grey;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    margin: 0 auto;
	    border-color: grey;
	    border-collapse: collapse;
    	border-spacing: 0;
	}

	#is_table_pc  th {
	    color: #000000;
	    background-color: #cdeff8;
	    border-bottom: 1px solid #aaa;
	    font-size: .8em;
	    width:30%;
	    text-align:center;
	    padding-top:10px;
	}
	#is_table_pc  td {
		width:65%;
	    background-color: #fff ;
	    height:0.5em;
	    border-bottom: 1px solid #aaa;
	}


	.border_b {
		border-bottom: #222 solid 1px;
	}

	#is_table_pc select {
		font-size: 16px;
    	transform: scale( calc( 12 / 16 ) );
	    width:100%;
	    margin: 0 auto;
	    background-color: #fff;
	}

	button.button8_ang {

	    font-size: 0.8em;
	    font-weight: bold;
	    width:80%;
		background-color: #5ca0E9;
		margin: 3em auto 5px auto;
	    display: block;
	    padding: 7px 30px;
	    color: #fff;
	    border-style: none;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}

	button.button8_ang:hover {
	    background-color:  #ef4056;
	}

	button.button8_d2_mb {

	    font-size: 0.8em;
	    font-weight: bold;
	    width:80%;
		background-color: #5ca0E9;
		margin: 10px auto 10px auto;
	    display: block;
	    padding: 4px 30px;
	    color: #fff;
	    border-style: none;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}

	button.button8_d2_mb:hover {
	    background-color:  #ef4056;
	}

	.ang_d2_more {
		font-size: 0.8em;
		font-weight: bold;
		width:80%;
		background:#fff;
		margin: 0 auto;
		text-align: center;
		-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;

	    padding: 4px 30px;
	}

	button.button8_ang_d2 {

	    font-size: 0.8em;
	    font-weight: bold;
	    width: 100%;
		background-color: #5ca0E9;
		margin: -3px auto -20px auto;
	    display: block;
	    padding: 7px 30px;
	    color: #fff;
	    border-style: none;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}

	button.button8_ang_d2:hover {
	    background-color:  #ef4056;
	}


	#search_ang:before {
	    content: url( ../img/search_icon.png );

	    margin: 5px;
	    position: relative;
	    top: 3px;
	}

	.button7 {
			color: #5ca0e9;
	    	background-color: transparent;
	        border: none;
	        cursor: pointer;
	        outline: none;
	        padding: 0;
	        appearance: none;
	}

	/*	PC用 	*/
	#is_table_pc_2  {
		/*background-color: #cdeff8;*/
		background-color: #fff;
	    /* border: #222 solid 1px; */
	    width: 100%;
	    box-shadow: 4px 4px 7px 4px grey;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}

	#is_table_pc_2  th {
	    color: #000000;
	    background-color: #cdeff8;
	    border-bottom: 1px solid #aaa;
	    font-size: .8em;
	    /*width:30%;*/
	    text-align:center;
	    padding-top:10px;
	}
	#is_table_pc_2  td {
		/*width:65%;*/
	    background-color: #fff ;
	    height:0.5em;
	    border-bottom: 1px solid #aaa;
	}




	.ddbox {
		background: #fff;
	    box-shadow: 1px 1px 5px 0px gray;
	    /* 角丸の指定 */
	    -moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    border-radius: 20px;

	    /*padding:5px 1px 1px 9px;*/
	    padding:5px 10px 1px 10px;
	}

	/* 検索結果 アイテム詳細情報テーブル item_info table*/

	.ddbox .item_info {
		width: 99%;
		margin-top: 1em;
		text-align: center;
	}
	.ddbox table.item_info th {
		color: #000;
		background-color: #cdeaf8;
		border: 1px solid #555555;
	}
	.ddbox table.item_info td {
		width: 33%;
		border: 1px solid #555555;
		min-height: 50px;
		color : #383838;
	}



	a:link {
	    text-decoration:none;
	    box-shadow: none;
	}
	a:visited {
	    text-decoration:none;
	    box-shadow: none;
	}
	a:hover {
	    text-decoration:none;
	    box-shadow: none;
	}

	.ang_label_1 {
		color: #000;
		font-weight: bold;
	}

	.display_result_1 {
		background: #fff;
		border: 1px solid #555;
		width: 320px;
		padding: 1em;

	}

	table.item_img_etc {
	    border-style:none;
	    margin-top: 9px;
	}

	/*特定のテーマ用*/
	table tr:nth-of-type(2n+1) {
	    background-color: rgba(255,255,255,0);
	}

	table.item_img_etc td {
	     border-style:none;
	}

	.ddbox table tr td,
	.ddbox table tr td {
		border-style:none;
	}

	.mb_item_div1{
		float:left;

	}
	.mb_item_div1   p{
		margin-left:5px;
	}

	.item_img {
	    width:180px;
	}
	.item_img img {
	    width:100%;
	    position:relative;
	     /* 角丸の指定 */
	    -moz-border-radius: 200px;
	    -webkit-border-radius: 200px;
	    border-radius: 200px;
	}

	#iibr_2 {
		width: 75px;
	}

	@media screen and (max-width:400px){
		.item_img{
	    	width:100px;
		}
	}

	.flag_and_name {
		margin-bottom: 3em;

	}

	.star_img img{
		width:100px;
		margin-bottom: -5px;
	}

	.tech_flag {
		height: 39px;
		line-height: 39px;
	    font-size:0.8em;
	    padding-left: 10px;
	    padding-right: 10px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    font-weight:bold;
		color: #fff;
	    background-color:  #5ca0e9;
		float: left;
	}

	.tech_flag_m {
		font-size:0.8em;
	    padding-left: 10px;
	    padding-right: 10px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    font-weight:bold;
		color: #fff;
	    background-color:  #5ca0e9;
	    display: inline-block;
	}

	.item_h3{
	    color: #000;
	    font-size: 1.2em;
	    font-weight: bold;
	    margin-left: 10px;
	    margin-bottom: 0;
	    float: left;
	}

	.item_h3_m {
		color: #000;
	    font-size: 1.2em;
	    font-weight: bold;
	    margin-bottom: 0;
	}

	#eval{
	    color: #000;
	    font-weight: bold;
	}
	#item_contents {
		margin-top:7px;
		font-size:.85em;
	    color: #000;
	}

	.item_contents {
		color : #383838;
		margin-top: 18px;
	}


	/*検索結果という文字列*/

	#ang_result {
		margin-top:20px;
	}

	#search-results {
	    color:#000;
	    font-size:.9em;
	    font-weight:bold;
	    padding-top:15px;

	    margin-bottom:-55px;
	}
	#search-results  p{
	    margin-bottom:0;
	}

	#items_result_1 {
		margin-top:4.5em;
	}
/*
	@media screen and (min-width:767px){
		#search-results{
	    	margin-left:100px;
		}
	}
*/


	.no_item{
		color:#000000;
		padding-top:100px;
		text-align:center;
	}

	.wei300{
		font-weight: bold;
	}

	#tech_hit {
		color: #5ca0e9;
		font-size: 1.5em;
		font-weight: bold;
	}

	#hit_hr{
		margin-top:  0;
		border-top:  3px  #000000 solid;
	}




	/**************simple_small*/
	.simple_small{
	    width:100%;
	    white-space:nowrap;
	}
	.simple_small  select{
	    width:100px;
	}

	@media screen and (max-width:400px){
		.simple_small  span:nth-child(odd){
			width:7opx;
		}
		.simple_small  select{
	    	width:70px;
			}
		}
	.simple_small   p{
		font-size:0.7em;
	    float:left;
	    height:2.1em;
	    margin:0 auto;
	    padding:  0;
	}
	.simple_small   p:nth-child(even){
		margin-left:6px;
	}
	.simple_small select{
		font-size:0.7em;
	}


	@media screen and (min-width:400px){
		.simple_small   p:not(:nth-child(1)){
			margin-left:6px;
	}
	}

	/*************************口コミ*/
	.kuchikomi {
		clear:both;
		color: #000;
		background-color: #cdeaf8;
		font-weight: 700;
		min-height:35px;
		text-align:center;
		-moz-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;

	    margin-top:11px;
	    margin-right: 7px;
	    padding-top: 4px;

	    box-shadow: 1px 1px 3px 1px gray;
	}

	.kuchikomi2 {

	    border-radius: 0 0 5px 5px;
	    min-height:70px;
	    box-shadow: 1px 1px 3px 1px gray;
	    margin-top: 0px;
	    margin-right: 7px;
	}
	.kuchikomi2  div {
		display: table-cell;
		height:70px;
		vertical-align:middle
	}
	.kuchikomi2 img {
		margin-bottom: 0;
	}
	.kuchikomi2  p:nth-child(2){
		paddig-left:1em;
		 font-size:.8em;
	}



	.kuchiImg {
		width:80px;
		height: 80px;
	}

	.ddbox .kuchikomiText {
		color : #383838;
		width:87%;
	    padding-top: 5px;
	    padding-bottom: 0;
	}

	@media screen and ( max-width:766px ){
			.kuchikomiText {
			width: 74%;
	    	padding-top: 5px;
		}

	}