@charset "UTF-8";

/*	#1d77d6	*/

body{
	color:#000000;
}


h1,h2,h3,h4,h5,h6, p, td, div{
	font-family: 'Calibri', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'sans-serif';
/*	font-family:"Times New Roman,times,serif,sans-serif"; 	*/
}


.wrapper{
	overflow : hidden ;
}



/********************/
/*　メイン　　　　  */
/********************/

#content{
	position: relative;
	margin: 0px auto;
	width: 1000px;
	background-color: #FFFFFF;
	padding: 0px 10px;
}


#main{
	margin-left: 210px;
	margin-right: 210px;
	background-color: #FFFFFF;
	padding: 10px 0;
}



td{
/*	border-top: 1px solid #C0C0C0;*/
	font-size:14px;

}

td div{
	margin: 3px 0px;
	font-size: 90%;
}



.clear{
	clear: both;
}


/********************/
/***** リスト ******/
/********************/

.List{
	list-style-type: decomal;
}

.List1{
	list-style-type: decomal-leading-zero;
	margin-left:10px;
}

.List2{
	list-style-type: disc;
	margin-left:10px;
}



table{
	width:95%;
	margin:30px auto;
	border:0;
}

td{
	padding:20px;
	text-align:left;
	font-size:16px;

}



a img .linkimg{
	background:none!important;
}

a:hover img.linkimg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}




/**** ビデオのレスポンシブ化 ***/
.video{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-top: 5px;
}


.video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
/**** ビデオのレスポンシブ化 ***/



.pager{
	/*display: inline-block;*/
	margin:0 auto;
	width:auto;
	display: inline-block;
	text-align: left;
}



.margintop20{
	margin-top: 20px;
}



.margintop30{
	margin-top: 30px;
}

.margintop40{
	margin-top: 40px;
}


.margin5{
	margin: 5px;
}


.margin10{
	margin: 10px;
}


.margin20{
	margin: 20px 0;
}


.margin30{
	margin: 30px;
}


.margin40{
	margin: 40px;
}



.margin-b10{
	margin:20px 0 0 0;
}


.margin-b10 p{
/*	margin:5px 0;*/
	margin:0;
}


.border-dotted{
	border-bottom: 1px dotted #C0C0C0;
}


nav{
/*	border-bottom:1px solid #C0C0C0;	*/
}


.PanList{
	font-size:80%;
	margin:5px 0px;
}


.footer-list-item{
	margin:10px;
}


A:link {color:#588cfc; text-decoration: underline; font-family:"Times New Roman,times,serif"; }
A:visited {color:#588cfc; text-decoration: none; font-family:"Times New Roman,times,serif"; }
A:active {color:#588cfc; text-decoration: none; font-family:"Times New Roman,times,serif"; }
A:hover {color:#588cfc; text-decoration: none; font-family:"Times New Roman,times,serif";}



footer A:link {font-weight:bold; color:#8C8989; text-decoration: none; font-family:"Times New Roman,times,serif"; }
footer A:visited {font-weight:bold; color:#8C8989; text-decoration: underline; font-family:"Times New Roman,times,serif"; }
footer A:active {font-weight:bold; color:#FA8258; text-decoration: underline; font-family:"Times New Roman,times,serif"; }
footer A:hover {font-weight:bold; color:#FA8258; text-decoration: underline; font-family:"Times New Roman,times,serif";}

.paging li A:link {color:#FFFFFF; text-decoration: none;}
.paging li A:visited {color:#FFFFFF; text-decoration: none;}
.paging li A:active {color:#FFFFFF; text-decoration: none;}
.paging li A:hover {color:#FFFFFF; text-decoration: none;}




.paging {
  overflow: auto;
	margin-top:50px;
}

.paging ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none;
}

.paging ul li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}


.paging ul li a {
  margin: 0 6px 0 0;
  padding: 3px 6px 6px 6px;
  display: block;
  float: left;
  width: auto;
  color: #ffffff;
/*  background-color: #336699;*/
/*  border:1px solid #336699;*/
  background-color: #FF8530;
  border:1px solid #FF8530;
}

.paging ul li em{
  margin: 0 6px 0 0;
  padding: 3px 6px 6px 6px;
  display: block;
  float: left;
  width: auto;
  color: #FF8530;
  background-color: #FFFFFF;
  border:1px solid #FF8530;
}

.centered {
  position: relative;
  overflow: hidden;
}

.centered ul {
  position: relative;
  left: 50%;
  float: left;
}

.centered ul li {
  position: relative;
  left: -50%;
  float: left;
}


.centered {
  position: relative;
  overflow: hidden;
}

.centered ul {
  position: relative;
  left: 50%;
  float: left;
}

.centered ul li {
  position: relative;
  left: -50%;
  float: left;
}



/*** 記事一覧時、画像比率に左右されないよう設定 ***/
.ListData{
	position: relative;
	width: 100%;
	max-height: 169px;
	overflow: hidden;
}

.ListData:before {
    content:"";
    display: block;
    padding-top: 70%; /* 高さを幅の75%に固定 */
}

.ListImg {
	position: absolute;
	top: 0;
	left: 2px;
	bottom: 0;
	right: 0;
	width:100%;
	margin:0 auto;
}

.ListImg2 {
	position: absolute;
	top: 0;
	left: 5px;
	bottom: 0;
	right: 0;
	width:100%;
	margin:0 auto;
}
/*** 記事一覧時、画像比率に左右されないよう設定 ***/



.nav-link{
	font-size:15px;
	font-weight:bold;
}


/*
.TopTitle{
	padding:4px;
	border-bottom: 5px solid #CCCCCC;
	padding-bottom: 8px; position: relative;
	padding-left: 0px;
	margin-bottom:10px;
}


.TopTitle:after{
	content: ".";
	line-height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -5px;
	left: 0px;
	width: 25%;
	border-bottom: 5px solid #1d77d6;
}
*/
.TopTitle{
	padding: 0px 10px;
	border-left: 7px solid #1d77d6;
	margin:10px 0 10px 0;
}


.IndexField h6{
	border-left: 4px solid #C0C0C0;
	padding-left: 5px;
	text-align: left;
}



.socialbar_area{
	margin: 10px 0 100px 0;
}

/*** facebook ***/
.side_bar_facebook{
	display:block;
	margin:3px 0;
	background-color: #315096;
	color: #FFFFFF;
	background-image: url(/img/touka_facebook_icon.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
}


.side_bar_facebook a{
	display:block;
	padding: 8px 35px;
}

.side_bar_facebook a:hover {
	background-color: #7D9CC0;
	background-image: url(/img/touka_facebook_icon.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
}
/*** facebook ***/

/*** twitter ***/
.side_bar_twitter{
	display:block;
	margin:3px 0;
	background-color: #55ACEE;
	color: #FFFFFF;
	background-image: url(/img/touka_twitter_icon.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
}

.side_bar_twitter a{
	display:block;
	padding: 8px 35px;
}

.side_bar_twitter a:hover {
	background-color: #80D6F6;
	background-image: url(/img/touka_twitter_icon.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
}
/*** twitter ***/

/*** instagram ***/
.side_bar_instagram{
	margin:3px 0;
	background-color: #517fa4;
	color: #FFFFFF;
	background-image: url(/img/touka_unstagram_icon.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
}

.side_bar_instagram a{
	display:block;
	padding: 8px 35px;
}

.side_bar_instagram a:hover {
	background-color: #669ecc;
	background-image: url(/img/touka_unstagram_icon.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
}
/*** instagram ***/

.socialbar_area  A:link {color:#FFFFFF; text-decoration: none;}
.socialbar_area  A:visited {color:#FFFFFF; text-decoration: none;}
.socialbar_area  A:active {color:#FFFFFF; text-decoration: none;}
.socialbar_area  A:hover {color:#FFFFFF; text-decoration: none;}



.absoluteIMG {
	position: absolute;
	/*bottom: 80px;*/
	color: #fff;
	background: rgba(0,0,0,.2);
	padding: 0.2em 0;
	left: 0px;
	bottom: 10px;


}
.absoluteIMG p {
	margin: 0;
	padding: 0 0.8em;
	font-size: 100%;
	text-align: left;
}



.IndexField p{
	font-size:90%;
}



.fontsize85{
	font-size:85%;
}
.fontsize90{
	font-size:90%;
}
.fontsize95{
	font-size:95%;
}
.fontsize100{
	font-size:100%;
}
.fontsize110{
	font-size:110%;
}
.fontsize115{
	font-size:115%;
}
.fontsize120{
	font-size:120%;
}




.image-round1{
  display: inline-block;
  width: 60px;
  height: 60px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.image-round1 .img{
  position: absolute;
  top: -100%;
  bottom: -100%;
  margin: auto;
}



.navi-menu{
	margin-buttom:10px; 
/*	border-bottom: 3px solid #17B8D0;	musubuと同色*/
	border-bottom: 5px solid #1d77d6;
}



/*TOPページ他、タブメニュー*/
.nav-tabs-outer{
    overflow-x:scroll;
}

.nav-tabs-outer .nav-tabs li{
    display: block;
    width: 100px;
}

.nav-tabs-outer .nav-tabs li a{
	margin-top:10px;
	transition-property:all;
    transition-duration: 0.25s;
    transition-timing-function:ease-out;
}

.nav-tabs-outer .nav-tabs li.active a{
	margin-top:0;
	padding: 15px 0;
	background: #0088cc;
	color: #fff;
}


p{
	margin:10px;
/*	font-size:14px;	*/
}



.mypage{
	margin:10px 0 20px 0;
}


.mypage h2{
	font-size:20px;
}

.mypage h5{
	font-size:14px;
}



.form-shadow{
/*	box-shadow: 0 0 8px gray;	*/
}

input {
	border:solid 1px #808080;
}

input:focus {
	border:solid 1px #1d77d6;
	box-shadow: 0 0 8px #1d77d6;
}

input[type="text"], input[type="password"]{
	height:36px;
}

.shadow{
	border:solid 1px #808080;
}

.shadow:focus {
	border:solid 1px #1d77d6;
	border:solid 1px #1d77d6;
	box-shadow: 0 0 8px #1d77d6;
}


.container A:link {color:#1d77d6; text-decoration: none; font-family:"Times New Roman,times,serif"; }
.container A:visited {color:#1d77d6; text-decoration: underline; font-family:"Times New Roman,times,serif"; }
.container A:active {color:#1d77d6; text-decoration: underline; font-family:"Times New Roman,times,serif"; }
.container A:hover {color:#1d77d6; text-decoration: underline; font-family:"Times New Roman,times,serif";}




.ListShopTitle h3{
	font-size:20px;
	margin:20px 10px 10px 10px;
	border-radius: 4px;
/*	background-color:#dbedff;
	background-color:#1d77d6;
	color: #FFFFFF;	*/
	padding:5px;
	font-weight: bold;
}


.ListShopTitle h4{
	font-size:16px;
/*	margin: 0 10px;	*/
	margin: 0;
	font-weight: bold;
}

.ListShopTitle p{
	font-size:13px;
	margin:10px;
}




.markW{
	margin: 5px 0;
	background-image: url(/images/yajirushi/mark_wb.png);
	background-repeat: no-repeat;
	padding-left:20px;
}

.markB{
	margin: 5px 0;
	background-image: url(/images/yajirushi/mark_b.png);
	background-repeat: no-repeat;
	padding-left:20px;
}

.markR{
	margin: 5px 0;
	background-image: url(/images/yajirushi/mark_r.png);
	background-repeat: no-repeat;
	padding-left:20px;
}

.mark-B{
	margin: 5px 0;
	background-image: url(/images/yajirushi/ecalic002_011.png);
	background-repeat: no-repeat;
	padding-left:20px;
}

.ft11{
	font-size:11px;
}

.ft13{
	font-size:13px;
}

.ft14{
	font-size:14px;
}


.bp1{
	background-position: 0 1px;
}

.bp2{
	background-position: 0 3px;
}

.bp3{
	background-position: 0 3px;
}

.bp4{
	background-position: 0 4px;
}


.markB-list{
	list-style-image: url(/images/yajirushi/mark_b.png);
}


h2{
	font-size: 20px;
}

.subtitle{
	padding:4px;
	border-bottom: 3px solid #CCCCCC;
	padding-bottom: 8px; position: relative;
	padding-left: 10px;
}


.subtitle:after{
	content: ".";
	line-height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -3px;
	left: 0px;
	width: 35%;
	border-bottom: 3px solid #1d77d6;
}



ul.SubCategoryList {
	width: 100%;
/*	border:1px solid red;	*/
	padding:10px 10px 0 10px;
	font-size:0px;
	margin-bottom: 10px;
}

ul.SubCategoryList li {
	margin:10px 20px 0 0px;
/*	border:1px solid black;	*/
	display: inline-block;
	text-align: left;
	font-size:14px;

	background-image: url(/images/yajirushi/ecalic002_034.png);
	background-repeat: no-repeat;
	padding-left: 20px;

	background-position: 5px 7px;
}


ul.SubCategoryList li a {
	display: block;
}



.ListShopTitle h3  A:link {color:#FFFFFF; text-decoration: none;}
.ListShopTitle h3  A:visited {color:#FFFFFF; text-decoration: none;}
.ListShopTitle h3  A:active {color:#FFFFFF; text-decoration: underline;}
.ListShopTitle h3  A:hover {color:#FFFFFF; text-decoration: underline;}
/*	013ADF	*/


.ShopData{
	margin:10px 20px 0 20px;
}

.ShopData h1{
	font-size:24px;
}


.ShopData h3{
/*	font-size:18px;
	border-radius: 4px;
	background-color:#dbedff;
	background-color:#1d77d6;
	padding:5px;
	font-weight: bold;
	color: #FFFFFF;	*/
}





.main-area{
	padding-bottom:50px;
}

.main-area h1{
	margin:10px 0;
	font-size:24px;
/*	padding-left: 6px;	*/
/*	border-left: 6px solid #1d77d6;	*/
}

.main-area h2{

	margin:10px 0;
	font-size:20px;
	padding:8px 5px;
	border-radius: 4px;
/*	background-color:#dbedff;	*/
	background-color:#1d77d6;
	color: #FFFFFF;
	font-weight: bold;
}

.main-area h3{
/*	margin:10px 0;
	font-size:20px;
	padding:8px 5px;
	border-radius: 4px;
	background-color:#1d77d6;
	color: #FFFFFF;
	font-weight: bold;
*/
}

.main-area p{
	margin:10px 0;
}





.lineno{

}


.lineno h1{
	margin:10px 0;
	color:#145BBB;
	font-size:18px;
	font-weight:bold;
}

.lineno h2{
	margin:10px 0;
	font-size:24px;
/*	border-bottom:3px solid #1d77d6;	*/
}

.lineno h3{
	font-size:18px;
	margin:20px 0 10px 0;
/*	border-radius: 4px;
	background-color:#1d77d6;
	color: #FFFFFF;	*/
	padding:5px;
}

.lineno p{
	margin:10px 0;
}

.lineno img{
	border:0;
	width:100%;
	margin-bottom:10px;
}


.index h3{
	font-size:18px;
	margin:0 0 10px 0;
	padding:0px
}


.headerTop h2{
	margin:0 0 5px 0;
	padding:0;
	font-size:11px;
}




.HeadLine{
	border-bottom: 1px solid #ddd;

}


.infomation{
	margin:10px 20px 0 20px;
}

.infomation h1{
	font-size:20px;
}






.FloatLeft{
	float:left;
	padding: 2px 5px;
}

.FloatRight{
	float:right;
}

.FloatRight  A:link {color:#FFFFFF; text-decoration: none;}
.FloatRight  A:visited {color:#FFFFFF; text-decoration: none;}
.FloatRight  A:active {color:#FFFFFF; text-decoration: underline;}
.FloatRight  A:hover {color:#FFFFFF; text-decoration: underline;}




.info-modoru{
	border-top:1px solid #ddd;
	margin:30px 20px;
	padding-top:15px;
	text-align:center;
}


.mt-0{
	margin-top:0;
}

.mt-10{
	margin-top:10px;
}

.mt-20{
	margin-top:20px;
}

.mt-30{
	margin-top:30px;
}

.mt-40{
	margin-top:40px;
}

.mt-50{
	margin-top:50px;
}

.mt-100{
	margin-top:100px;
}



.mr-10{
	margin:10px;
}

.mr-20{
	margin:10px 20px 10px 10px;
}

.mr-30{
	margin:10px 30px 10px 10px;
}

.ml-10{
	margin-left:10px;
}

.ml-20{
	margin-left:20px;
}


.mb-10{
	margin-bottom:10px;
}

.mb-20{
	margin-bottom:20px;
}

.mb-30{
	margin-bottom:30px;
}

.mb-40{
	margin-bottom:40px;
}

.mb-50{
	margin-bottom:50px;
}

.mb-100{
	margin-bottom:100px;
}


.pb-30{
	padding-bottom:30px;
}


.fs-13{
	font-size:13px;
}

.fs-14{
	font-size:14px;
}


.text-right{
	texr-align:right;
}


.headline-title{
	border-radius: 5px;
	background-color: #1d77d6;
	padding:2px 5px;
	color:#FFFFFF;
}



.topimg img{
	width:100%;
}




.blog-footer{
	background-image: url(/images/back-image2.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.blog-footer ul{
	list-style-image: url(/images/yajirushi/ecalic002_015.png);
	font-size:14px;
	font-weight: normal;
}

.blog-footer li{
	text-align:left;
}





.footer-menu{
/*	background-color:#FFFFFF;	*/
}


.footer-menu h4{
	font-size:14px;
	border-radius: 4px;
/*	background-color:#1DA1F2;	*/
	background-color:#DBDBDB;
	padding: 5px 10px;
	color: #151515;
	text-align: left;
	font-weight:bold;
}

.footer-menu .row p{
	font-size:14px;
	text-align: left;
	color: #151515;
}



.button {
	display: inline-block;
/*	width: 200px;
	height: 54px;	*/
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
/*	line-height: 54px;	*/
	outline: none;
	font-size:14px;
	font-weight:bold;
	border-radius:20px;
}
.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 {
	border:1px solid #EF9701;
	background-color:#EF9701;
	color: #FFFFFF;
}
.button:hover {
	border:1px solid #EF9701;
	background-color:#FFFFFF;
	color:#000000;
}

.contact-button  A:link {color:#FFFFFF; text-decoration: none;}
.contact-button  A:visited {color:#FFFFFF; text-decoration: none;}
.contact-button  A:active {color:#000000; text-decoration: none;}
.contact-button  A:hover {color:#000000; text-decoration: none;}





.side-category{
	font-size:80%;

}

.ShopSideTitle{
	padding: 3px 5px;
	border-radius: 4px;
	background-color: #d6e9fc;
	color: #000000;
/*	font-weight: bold;	*/
}

.SideTitle{
	padding: 3px 5px;
	border-radius: 4px;
	background-color: #1d77d6;
	color: #FFFFFF;
	font-weight: bold;
}



/*
.ShopSideTitle  A:link {color:#000000; text-decoration: none;}
.ShopSideTitle  A:visited {color:#000000; text-decoration: none;}
.ShopSideTitle  A:active {color:#000000; text-decoration: none;}
.ShopSideTitle  A:hover {color:#000000; text-decoration: underline;}
*/



.category-name{
	background-image:url(/images/menu/bgimg.png);
	background-repeat:repeat-x;
	height:21px;
	border-top:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	font-size:16px;
	font-weight:bold;
	padding:5px 12px;
	color:#FFFFFF;
	margin:0;
}




/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}






.clearfix:after{
	content: "";
	clear: both;
	display: block;
}