body {
	background:#ebebeb;
	display: block;
    margin: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN W3", "HiraKakuProN-W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Verdana, sans-serif;
}

/******ヘッダー部分*******/

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

.header{
	background-color:#fff;
}

.header_a{
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	float:left;
	width:initial;
}

.header_b{
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5%;
	float:right;
	width:initial;
}
    
a{
	color:#515151;
	font-size:20px;
	text-decoration: none;
}

div.title a{
	font-size:30px;
}

.img_logo,.title,.header_b_1,.header_b_2{
	float: left;
}

.header_b_1,.header_b_2{
	padding-top:12px;
	padding-left:20px;
}

.app{
	background:#ff7bac;
	color:#ffffff;
	font-weight: normal;
	padding:7px; 
	border-radius: 4px;
	font-size:15px;
}

.title{
	padding-left:20px;
	padding-top:8px;
}

/******画像部分*******/
div.photo img{
    display: block;
    width: 100%;
	height : auto ;
}

/******コンテンツ部分*******/
/******左コンテンツ部分*******/
.content{
	max-width : 100% ;
	height : auto ;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container:after {
    content: " ";
    display: table;
}

.content_content{
	border-top:solid 30px #ebebeb;
	border-right:solid 30px #ebebeb;
	float:left;
	width:70%;
	background:#ffffff;
}

.content_content,.content_side{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.content_content_a{
    border-bottom: 1px solid;
	color: #333333;
    background-color: #fff;
    border-color: #ddd;
    padding:15px;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
}

.content_content_b{
	color: #333333;
    background-color: #fff;
    padding:15px;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    border-bottom:solid 30px #ebebeb;
}

div.content_content_a img{
	float:left;
    padding-top:0px;
    padding-right:5px;
    padding-left:5px;
}

.content_title{
	padding-left:70px;
	padding-top:5px;
}

.content_title_sub{
	padding-left:10px;
	padding-top:5px;
}

.content_content_b_app{
    clear: both;
    height: 43px;
    text-align: center;
}

.content_content_b_app2{
    padding: 15px;
    clear: both;
    height: 43px;
    text-align: center;
    border-bottom:solid 30px #ebebeb;
}

.content_content_b_app:hover .th-morelink,.content_content_b_app2:hover .th-morelink{
    background: #ff7bac;
    border-radius: 3px;
    color: #fff;
    padding: 8px 20px;
}

.th-morelink {
    color: #ff7bac;
    display: inline-block;
    margin-top: 5px;
}

.th-morelink:visited {
    color: #ff7bac;
}

a.th-morelink{
    color: #ff7bac;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: bold;
}

.content_content_b_photo{
	padding-left:45px
}

div.content_content_b_photo img{
	padding:4px
}

/******サイドコンテンツ部分*******/
.content_side{
	border-top:solid 30px #ebebeb;
	border-bottom:solid 30px #ebebeb;
	float:left;
	width:30%;
	background:#ffffff;
}

.content_side_a{
    border-bottom: 1px solid;
	color: #fff;
    background-color: #ff7bac;
    border-color: #ddd;
    padding:15px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.content_side_b{
	color: #333333;
    background-color: #fff;
    padding:15px;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    border-bottom:solid 30px #ebebeb;
}

.last1{
    font-size: 14px;
    margin-left:30px
}

.last2{
	text-align: center !important;
}

.num{
    display: inline;
    font-size: 48px;
    padding-right:7px
}

.unit{
    display: inline;
    font-size: 20px;
    padding-right:7px
}

.content_side_c{
    border-bottom: 1px solid;
	color: #333333;
    background-color: #fff;
    border-color: #ddd;
    padding:15px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}

.content_side_d{
	color: #333333;
    background-color: #fff;
    padding:15px;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    border-bottom:solid 30px #ebebeb;
}

.content_side_d_1{
    font-size: 20px;
    text-align: center;
    margin-top:10px;
}

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

.content_side_photo{
	width:100%;

}

div.content_side_d_1_1 img{
	width:50%;
	height:auto;
	float:left;
	padding:2px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.content_side_photo{
	padding-bottom:10px;
}


/******フッダー部分*******/
.footer_a{
    background-color: #222222;
    clear: both;
    color: #ccc;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    padding-top:5px;
}

.footer_copyright{
    background-color: #222222;
    clear: both;
    color: #ccc;
    font-size: 13px;
    line-height: 50px;
    padding: 0 15px;
    text-align: center;
}


@media screen and (min-width: 500px) {
  .fb-page-parent > .fb-page {
    width: 300px;
  }
}

/****** 700px 以下******/
@media(max-width:700px){

.img_logo img{
	width:30px;
    height: auto;
    margin:5px;
}

a,.app,.content_content_a,.content_content_b,div.title a,.content_side_a,.content_side_b,.unit,.num,.last2,.last,.content_side_c,.content_side_d,.content_side_d_1,.footer_a,.footer_copyright{
	font-size:initial;
}

.header_a {
    padding-left:15%;
}

.img_logo{
    height: auto;
}

.title{
	width:30%
    height: auto;
}

.content_content{
	max-width : 100% ;
	width:initial;
	border-right: solid 0px #ebebeb;
}

.content_content_a img{
	height:30px;
	width:30px;
}

.content_side{
	max-width : 100%;
	width:initial;
}
div.content_side_d_1_1 img{
	height:auto;
}


.content_side_d_1_1{
	width:100%;
}
.content_side_photo img{

}

.content_content_b_photo {
    padding-left: 10%;
}

.content_content_b_photo img{
    width:40%;
    height:aout;
    padding:10%
}

}

/****** 500px 以下******/
@media(max-width:500px){

.header_a {
    padding-left:5%;
}

.content_side_d_1_1_1{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.img_logo img{
	width:30px;
    height: auto;
    margin:5px;
}

.title {
    padding-left: 0px;
}

}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}