/* パンくずリスト*/

.breadcrumbs {width: 98%; margin: 10px auto 5px;}
.breadcrumbs ul {display: table;}
.breadcrumbs ul li {
margin: 0 8px 0 0;
font-size : 13px;font-size : 1.3rem;line-height : 1.5;
float: left;
}

.breadcrumbs ul li:first-child::before {
padding: 0 5px 0 0;
content: "";
font-size : 12px;font-size : 1.2rem;
color: #e48484;
}
.breadcrumbs ul li::before {
padding: 0 8px 0 0;
content: ">";
font-size : 13px;font-size : 1.3rem;
color: #e48484;
}
/* //パンくずリスト　*/


.title_area{
    border-bottom: 1px solid #ccc;

}

.title_block{width:100%; max-width:1000px;margin:0 auto;
padding:3px;

}

.page_navi_col{
font-size:14px; font-size:1.4rem; line-height:1.4;
text-align:right;margin-right:5px;padding:0;
}

.main_area {
border-top: solid 1px #e0e4e5;
    border-bottom: 1px solid #ccc;
        color: #6d6d6d;
    background-color: #f5f7f8;
padding:25px 2px;
margin-bottom:25px;
}


.post_cols {
width:100%;
max-width:1100px;
margin:0 auto;
    background-color: #f5f7f8;
   padding:0px 3px;

}

.post_main {
    background-color: #fcfffc;
   border-radius: 5px;
   border: 1px solid #92baa7;
    margin-bottom:20px;
    padding:15px 3px;
}

.posts_sub_area {
    background-color: #fcfffc;
    border-radius: 5px;
    border: 1px solid #92baa7;
    margin: 0px auto;
    padding:25px 3px;
}

.a_ques_block{
    border-bottom: 1px solid #c2dac7;
    padding:5px 3px;
width:98%;
	margin:0  auto 7px;

}

.a_ques_left_block{
padding:8px;
float:left;
width:19%;
max-width:50px;

}

.a_ques_rigth_block{
float:left;
width:80%;
}

.fleft{float:left;}


.ctg_name{    text-align:center;
font-size : 13px;
font-size : 1.3rem;
line-height : 1.3;
}
.res_cnt{    background-color: #1d9ac3;
padding:3px;
    border-radius: 5px;
    color:#fff;
    text-align:center;
}
.access_cnt{    text-align:center;padding:2px;}

h2.soudan_title{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
.no_date{font-size : 14px;
font-size : 1.4rem;
line-height : 1.3;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }

h2.atopic_soudan_title{
    }
.atopic_no_date{font-size : 14px;
font-size : 1.4rem;
line-height : 1.3;

    }



.alog_dataid{text-align:right;margin-right:5px;}
.alog_comment{margin:20px;font-size:15px; font-size:1.5rem; line-height:1.6;}
.alog_foot_blk{width:98%;margin:0 auto 35px;text-align:right;}
.alog_foot_res{margin-right:50px;}
.alog_foot_top{margin-right:5px;}


.button {
	display: inline-block;
	width: 150px;
	height: 50px;
	text-align: center;
	text-decoration: none;

	outline: none;
	
	background-color: #49a9d4;
	border: 2px solid #49a9d4;
	color: #fff;
	line-height: 50px;

margin-top:3px;
box-shadow:2px 2px #1a6ea0;
border-radius:5px;	
	
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}



/* 　↓入力フォーム　ここから　 */

#form-sec input,#form-sec select,
#form-sec textarea{
	font-size : 16px;
font-size : 1.6rem;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    padding: 12px 0.5em;

    width: 98%;
    max-width: 400px; /* レスポンシブの場合の対策 */
    box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    
}

.submit{
    border:1px solid #777;
    padding: 4px 10px;
    margin-top:25px;
    margin-bottom:35px;
    color: #fff;
    
          
    cursor: pointer;
    background: #53a2e2;
    border-radius: 5px;
     
    zoom: 1;
}




#form-sec input[type=checkbox]{
    box-sizing: border-box;
    max-width: 50px;
	margin: 0 5px 0 15px;
    xxwidth: %;
}

input[type="radio"],input[type="checkbox"] {
-moz-transform-origin: left center;
-moz-transform: scale( 1.5 , 1.5 );
-webkit-transform-origin: left center;
-webkit-transform: scale( 1.5 , 1.5 );
}


#form-sec textarea{
    width: 98%;
    max-width: 650px;
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}
#form-sec input[type=text]:focus,
#form-sec input[type=email]:focus,
#form-sec input[type=password]:focus,
#form-sec select:focus,
#form-sec textarea:focus {
  border-color:#83B6C2;
    outline:none;
    box-shadow:2px 2px 4px rgba(143,183,222,0.6),-2px -2px 4px rgba(143,183,222,0.6),inset 0 1px 2px rgba(0,0,0,0.2);
}
::-webkit-input-placeholder {
    color:#AFAFAF;
}
:-moz-placeholder {
    color:#AFAFAF;
}


/* --- 入力確認画面 --- */

.regi_title{font-size:15px; font-size:1.5rem; line-height:1.6;color:#3261c0; font-weight: bold;}
.regi_txt{font-size:14px; font-size:1.4rem; line-height:1.6;}



/* --- 見出し --- */
div.sub_menu_soudan{margin: 10px 0 40px;}

div.sub_menu_soudan h4,.posts_sub_area h4 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
background-color: #F6F0DD;
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
}


/* --- サブ（サイド）新規登録ボタン --- */
ul.sub_newregi > li a{ text-decoration:underline;background-image: linear-gradient(to bottom,  #fefefe, #eee);
				margin:5px 7px 20px;padding:10px;display:block!important; border-radius:6px; border:1px solid #386693;}
ul.sub_newregi > ul li a:hover	{color:#fff; text-decoration:underline;background:#dd0000;}
ul.sub_newregi li{
	letter-spacing: 5px;
    vertical-align:middle;
    text-align:center;
}

/* --- サブ（サイド）リスト --- */
div.sub_menu_soudan ol {
margin: 0;
padding: 0 0 5px; /* サブ（サイド）リストのパディング（上、左右、下） */
border-top: 1px #c0c0c0 dotted; /* サブ（サイド）リストの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
div.sub_menu_soudan li {
background-repeat: no-repeat;
border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
}

div.sub_menu_soudan li a{
display:block;
	padding-left:10px;
    background-position: 0 center;
    background-repeat: no-repeat;

}


div.sub_menu_soudan li.my_menu {
padding: 9px 0; /* 項目のパディング（上右下左） */
}

div.sub_menu_soudan li.my_menu_sub {
padding: 9px 0 9px 30px; /* 項目のパディング（上右下左） */
}

div.sub_menu_soudan li  i {margin-right:10px;}
.mes{font-size:160%; line-height:1.9;}


h3.alog_res {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
	font-size:18px; font-size:1.8rem; line-height:1.4;
	margin-bottom:15px;
	width:95%;
	margin:5px;
}
h3.alog_res::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 0px solid #ccc;
}

.alog_res_numname{font-size:15px; font-size:1.5rem; line-height:1.4;}



h3.tit_rg {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
	font-size:18px; font-size:1.8rem; line-height:1.4;
	margin-bottom:15px;
	width:95%;
	margin:5px 5px 15px 5px;
}
h3.tit_rg::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}



section.form-section{
	margin:20px 2px;
}

section.form-section p {
    margin-bottom: 20px;
    text-align: left;
}

/*　サイド　*/

.sub_ttitle {
    width: 98%;
   margin: 0 0 8px;
   padding: 8px 0;
font-size : 18px;
font-size : 1.8rem;line-height : 1.6;
    font-weight: bold;
    border-bottom: 2px solid #CB4A4A;
}
.list-side-menu{margin-bottom:30px;}
.list-side-menu li{     border-bottom: 1px solid #e0e0e0;
padding:10px 0 10px 25px; 
}
.list-side-menu li:before {
    position: absolute;
    content: "\025b7";
    margin-left: -25px;
   color: #8c50aa;
}


ul.dogoo_topics{display:table;
    width:95%;
    padding: 5px;}

div.topics_img_col {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px 0 0;
    width:80px;
}
.dogoo_topics li{
    border-bottom: 1px solid #e0e0e0;
    width:100%;
    padding:3px 0;
    margin:3px 0;
    
}

.dogoo_topics p {
    display: table-cell;
    vertical-align: middle;
    	font-size: 15px;
	font-size: 1.5rem;
    margin-top: 8px;
    	font-weight: normal;
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
}

.dogoo_topics a{text-decoration: none;color: #333333;}
.dogoo_topics a:link{text-decoration: none;}
.dogoo_topics a:visited{text-decoration: none;}
.dogoo_topics a:hover{text-decoration: underline;color: #0033cc;}
.dogoo_topics a:active{text-decoration: underline;color: #0033cc;}

.topics_img_col img{border-radius:8px;}



/*　//サイド　*/




/* --- 検索窓ここから --- */
dl.search_blk{
	position:relative;
	margin:5px 5px 10px;
}
dl.search_blk dt{
	margin-right:105px;
	padding:8px;
	background-color:#fff;
	border:1px solid #aaa;
	border-radius:5px;

}
dl.search_blk dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;

}
dl.search_blk dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search_blk dd button{
	display:block;
	width:100px;
	height:42px;
	color:#fff;
	line-height:40px;
	text-align:center;
	background-color:#53a2e2;
	border:none;
	xxborder:1px solid #53a2e2;
	border-radius:5px;
	cursor: pointer;

}
/* --- 検索窓ここまで --- */


#lst_atncom{
font-size:13px; font-size:1.3rem; line-height:1.6;
width:90%;max-width:500px;margin:10px auto;
}

/* レスポンシブ　web デザイン　*/
/* 5-1 0px - 767px
-----------------------------------------*/

@media screen and (min-width: 0px) and (max-width: 479px) {
.doble_blk_1{width:89%;}
.doble_blk_2{float:right; width:10%;}


.post_main {margin:0 auto 20px;float:none;}
.posts_sub {margin:0 auto 20px;padding:0;float:none;}
.a_ques_left_block {width:10%;}

.res_cnt,.access_cnt{font-size : 11px;font-size : 1.1rem;line-height : 1.2;}
.button {	width: 120px;	height: 35px;	line-height: 35px;}
.posts_sub_area {}
.alog_comment{margin:10px 1%;}

}
@media screen and (min-width: 480px) and (max-width: 767px) {
.doble_blk_1{width:84%;}
.doble_blk_2{float:right; width:15%; max-width:70px;}

.post_main {width:98%;margin:0 auto 20px;float:none;}
.posts_sub {width:98%;margin:0 auto 20px;padding:0;float:none;}
.button {	width: 150px;	height: 50px;	line-height: 50px;}
.posts_sub_area {width:100%;padding:15px 0px;}
.alog_comment{margin:20px 2%;}

}
/* レスポンシブ　web デザイン　*/
/* 5-2 768px - 
-----------------------------------------*/
@media all and (min-width: 768px) {
.doble_blk_1{width:80%;}
.doble_blk_2{float:right; width:18%; max-width:70px;}

.post_main {width:66%;float:left;margin-left:3px;}
.posts_sub {width:32%;float:right;}
.button {	width: 150px;	height: 50px;	line-height: 50px;}
.posts_sub_area {width:96%;}
.alog_comment{margin:20px 3%;}

}