@charset "UTF-8";



/* ---PC・スマホ表示非表示--- */
@media screen and (min-width: 769px){
.sp {
	display: none;
}
.pc {
	display: block;
}
}

@media screen and (max-width: 768px) {
.sp {
	display: block;
}
.pc {
	display: none;
}
img {
max-width: 100%;
height: auto;
}
	}





/* ＝＝＝＝＝＝＝＝＝＝ 企業情報 ＝＝＝＝＝＝＝＝＝＝＝＝*/

/*各ページタイトルエリア
----------------------------------*/
/*h2タイトル
--------------*/
div.h2 h2 {
	background-image: url(../images/info_h2.gif);
	background-repeat: no-repeat;
	height: 114px;
	width: 941px;
}
div#header div.h2 h2.error {
	background-image: url(../images/error_h2.jpg);
}
/*その他タイトル
--------------*/

@media screen and (min-width: 769px){
h3{
	height: 30px;
	width: 650px;
	margin:0 0 20px 25px;
	padding:5px 0 0 15px;
	border-left: 5px solid #EE9900;	
	border-bottom:1px solid #CCCCCC;
	clear:both;
	background-image: url("../images/h3_image.gif") no-repeat;
}
}

@media screen and (max-width: 768px) {
h3{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
}


@media screen and (min-width: 769px) {
	
.title_jyumoku .block_header{
		margin-top:50px;
	}
}

@media screen and (max-width: 768px) {
.title_jyumoku .block_header{
		margin-top:30px;
	}
}

@media screen and (max-width: 768px) {
.title_jyumoku .block_header{
		margin-top:30px;
	}
}


h3.h3_cp01_01,
h3.h3_cp01_02,
h4.h4_cp01,
h5.h5_cp06
{
	width: 641px;
	height: 30px;
	margin: 0 0 0 40px;
	text-indent:-9999px;
	clear:both;
}


h4.h4_cp01{
	background-image: url(../images/company_logo_h4_01.gif);
	background-repeat: no-repeat;
}
h5.h5_cp05{
	background-image: url(../images/company_business_h5_01.gif);
	background-repeat: no-repeat;
}



h5.h5_cp01,
h5.h5_cp02,
h5.h5_cp03{
	width: 330px;
	height: 30px;
	margin: 20px 0 15px 40px;
	text-indent:-9999px;
	clear:both;
}
h5.h5_cp01{
	background-image: url(../images/company_rinen_h5_01.gif);
	background-repeat: no-repeat;
}


@media screen and (max-width: 768px) {
.sp_title1 {
	font-size: 20px;
	border-bottom: thin solid #A2A2A2;
	padding-bottom: 15px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
	}



.warn{
	padding:20px 15px;
	margin-bottom:15px;
	border:5px solid #FF3121;
	color:#F0F0F0;
	font-weight:bold;
}

/*--------------
 挿絵　説明文
/*--------------*/
.img-block{
	display:table-cell;
	margin-left:2px;
	text-align:center;
    width: 300px;
    padding: 5px;
}

@media screen and (max-width: 768px) {
.img-block{
	display:block;
    width: auto;
    padding: 0;
}
}

.img-block-full{
	display:table-cell;
	margin-left:2px;
	text-align:center;
    width: 100%;
    padding: 5px;
}
.img-box320{
	display:inline-block;
	margin-left:2px;
    width: 320px;
    padding: 5px;
}

@media screen and (max-width: 768px) {
.img-box320{
	width: auto;
}

}


.img-view{
	border-radius:5px;
	border:1px #ddd solid;
    background: #fff;
	padding:3px;
    width:100%;
}

@media screen and (max-width: 768px) {
.img-view{
	padding:2px;
}
}

.desc-text{
	padding:10px;
	text-align:center;	
}

.img-block2{
	display:inline-block;
	text-align:center;
    width: 380px;
    padding: 5px;
}

.profile{
	border:1px solid #aaa;
	border-radius:5px;	
	width: 750px;
    overflow: hidden;
    padding: 10px;
	line-height:1.6em
}
.profile .box{
	float:left;
	padding-right:15px;
}
.profile .txt{
	overflow:hidden;
	
}
.cite{
	font-size:12px;
	text-align:right;
	
}

.explain{
	font-size: 80%;
}

/*--------------
ページトップ文章
--------------*/
p.top_text{
	width:640px;
	margin:0 0 30px 30px;
	color:#202329;
	font-size:93%;
	line-height:2.0em;
}
/*--------------
ページメイン画像
--------------*/
@media screen and (min-width: 769px) {
div#main_img{
	width:650px;
	height:auto;
	margin: 5px 0 10px 20px;
	padding:0px 0 10px 10px;
	line-height:1.8em;
	}
}

@media screen and (max-width: 768px) {
div#main_img{
	width:auto;
}
}
/*--------------------------------------------------------------------
お知らせ
--------------------------------------------------------------------*/
div.report{
	width:635px;
	height:auto;
	margin: 20px 0 30px 35px;
	padding:10px 20px 30px 20px;
	border:#D8D9DA solid 1px;
	line-height:1.8em;
    background: #e8edef;
    box-sizing: border-box;
}

div.report2{
    width: 635px;
    height: auto;
    margin: 20px 0 30px 35px;
    padding: 10px 20px 30px 20px;
    border: 1px solid #AB2222;
    line-height: 1.8em;
    background: #ffffff;
    box-sizing: border-box;
}

.uriwari_title{
	background-color: #AB2222;
	color: #fff;
	padding:1% 3%;
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}

.uriwari_title .uriwari_bgwh{
	display: inline;
	background-color: #fff;
	color:#AB2222; 
	padding: 0px 2px;
	margin-right: 5px;
}

.uriwari_title span{
	border-top: solid thin #fff;
	display: block;
	font-weight: normal;
	font-size: 14px;
	margin-top: 3px;
	padding-top: 3px;
}

@media screen and (max-width: 768px) {
div.report,div.report2{
	width:auto;
	margin:20px;
}
}

div.report h4{
	font-size:16px;
}

.reienaddress{
	padding-bottom: 10px;
	color: #E65906;
    font-weight: normal;
    font-size: 14px;
	display: block;
}

.link{
	margin: 0 auto;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

.link_btn{
    font-size: 18px;
    color: #F7F3F3;
    background: #418E07;
    padding: 5px 20px;
    border: 1px solid #154A16;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
}

.link_btn:hover{
	background:#56C503;
}


.basic_info p.title{
	font-weight:bold;
}
.basic_info p.desc{
	padding:5px 0 20px 5px;
}


.info_list{
width: 600px;
border-collapse: separate;
border-spacing: 3px;
/*border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
*/
}
.info_list th{
width:25%;
padding:10px 10px 15px 10px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #F5C487;
border-left: 3px solid #EE9900;
border-top: 1px solid #fff;
/*border-right: 1px solid #ccc;
*/
border-bottom: 1px dotted #ccc;

}
.info_list td{
width:75%;
padding:10px;
background-color: #fafafa;
/*border-right: 1px solid #ccc;*/
border-bottom: 1px dotted #ccc;
/*border-bottom: 1px solid #ccc;*/
}

.info-midashi{
font-size:120%;
font-weight:bold;
color:#143528;

}


/*--------------------------------------------------------------------
 800pxフル　サイドナビなしテキスト枠
--------------------------------------------------------------------*/
.report800{
    width:800px;
    height:auto;
	margin: 20px 0 30px 35px;
	padding:10px 30px 30px 30px;
	border:#D8D9DA solid 1px;
	line-height:1.8em;   
}

@media screen and (max-width: 768px) {
.report800{
    width:auto;
    height:auto;
	margin: 0 0 30px 0;
	padding:20px 30px 30px 30px; 
}
}

.report800 > ul>li{
        padding: 10px 0 0 15px;
}

.report_title{
    width:100%;
    margin: 20px 0 10px 35px;
	padding:10px 30px 10px 10px;
    font-size:24px;
    font-weight: bold;
    border-bottom:none;
    
}

@media screen and (max-width: 768px) {
.report_title{
    width:auto;
    margin: 20px 25px 10px 25px;
	padding:10px;
}
}

/*--------------------------------------------------------------------
 ボックス枠
--------------------------------------------------------------------*/
h3.box_title{
    font-size:26px;
    font-weight: normal;
    border:none;
    
}


.box770{
    width:770px;
    height:auto;
	margin: 20px auto 30px;
	padding:20px 30px 30px 30px;
	border:#D8D9DA solid 1px;
	line-height:1.8em;   
}

@media screen and (max-width: 768px) {
	.box770{
    width:auto;
	border:none;
	margin: 0;
	padding: 0;
}
}


@media screen and (max-width: 768px) {
.sp-jyumokubox{
	padding-left: 10px;
	padding-right: 10px;
}
	}

.jy_bo_ra{
	width: 49%;
}
@media screen and (max-width: 609px) {
.jy_bo_ra{
	width: 100%;
}
}

.jy_bo_ra .box_title{
	width: 100%;
	margin: 10px 0 10px;
	padding: 5px 0 0;
}

.box_title2{
	border-bottom: thin solid #ffbb33;
	display: inline-block;
	margin-bottom: 2%;
}

.jy_box{
	display: flex;
	justify-content:space-between;
}

@media screen and (max-width: 609px) {
	.jy_box{
	display: flex;
	flex-direction:column;
	justify-content:flex-start;
}
}

@media screen and (max-width: 768px) {
.box650{
    padding:0;
    line-height: 1.6em;
    margin:0 auto;
}
}



/*--------------------------------------------------------------------
　ボックス　コンテンツ
--------------------------------------------------------------------*/

@media screen and (min-width: 769px) {
.section_2block{
    width:750px;
    margin:40px auto 80px;
}
}

@media screen and (max-width: 768px) {
.section_2block{
    margin:25px auto 25px;
}
}



.section_2block h4{
    font-size:22px;
    font-weight: normal;
    padding-bottom:20px;
}

.box-summary{
    display:table-cell;    
    font-size:18px;
    padding:10px;
    vertical-align: middle;
    line-height: 1.8em;
}


@media screen and (min-width: 769px) {
.box-image{
    display:table-cell;
    padding:10px;
}
}

@media screen and (max-width: 768px) {
.box-image{
    display:none;
}
}




dl.wrapper{
    border-bottom:1px dotted #aaa;
    overflow: hidden;
}
dt,dd{
    text-align: left;
}



@media screen and (max-width: 768px) {
dt{  
font-weight: bold;
color: #395a04;
  padding-top : 10px;    
  padding-bottom : 10px;
  padding-left : 10px;
  width : 110px;
/* float解除 */
  clear : both;
}
}



@media screen and (max-width: 768px) {
dd{    
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
line-height: 25px;
}
}
 


.wrapper dd>ul li{
    padding-left:18px;
    padding-bottom:10px;
    background:url(../extra/images/clover4.png) no-repeat left 4px;
}



.warn_text{
	font-weight:bold;
	color:#DC060A;
	font-size:140%;
	
}

/*--------------------------------------------------------------------
　ボックス　ヘッダーコンテンツ
--------------------------------------------------------------------*/

.block_header{
    width:820px;
    text-align: center;
    margin:0 auto;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
.block_header{
    width: auto;
	padding: 10px;
	border: thin solid #2B2120;
	margin-left: 10px;
	margin-right: 10px;
}
}

.block_header .block_right{
    display: table-cell;
    padding-left: 20px;
    width: 720px;
    text-align: left;
}

@media screen and (max-width: 768px) {
.block_header .block_right{
    display: block;
	padding: 0;
	width: auto;
	text-align: center;
}
}

.block_header .block_left{
    display: table-cell;
    width:100px;
    padding:20px 20px;
    color:#fff;
    font-weight: bold;
    font-size:20px;
    vertical-align: middle;
    background:#558608;
    
}


@media screen and (max-width: 768px) {
.block_header .block_left{
    color:#fff;
    font-weight: bold;
    font-size:18px;
    background:#558608;
	display: block;
	width: auto;
	padding: 0;
    
}
}







.block_right h4{
    font-size:28px;
    border-bottom:2px solid #0e5805;
}

@media screen and (max-width: 768px) {
.block_right h4{
	font-size: 20px;
	padding-top: 5px;
	border:none;
}
}




.block_right p{
    font-size:20px;
    padding-top:5px;
    float:left;
}

@media screen and (max-width: 768px) {
.block_right p{
    font-size:18px;
    padding-top:0;
    float:none;
}
}


/*--------------------------------------------------------------------
問合せボタン
--------------------------------------------------------------------*/
.btn_back{
    width:758px;
    height:95px;
    background:url(../extra/images/cmp_jyumoku_btn_back.png) no-repeat top left;
}
.siryo_btn{
    position:relative;
    top: 18px;
    right: 20px;
    float: right;
    display:block;
    background:#ffa035;
    background-image:-moz-linear-gradient(
    top,
    #ffa035 0%,
    #ff8300);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#ffa035),
    to(#ff8300));
    
    border-radius: 5px;
    border-right: 1px solid #9c6003;
    border-bottom: 1px solid #9c6003;
    border-top: 1px solid #d48408;
    border-left: 1px solid #d48408;
}    

@media screen and (max-width: 768px) {
	.siryo_btn{
    position:static;
    float:none;
}
}

.siryo_tel{
	border-radius: 3px;
	border: thin solid #EDA36D;
	padding: 1% 3%;
	margin-top: 2%;
	color: #40474d;
}

.siryo_tel_sp a{
	text-decoration: none;
}

.siryo_tel_line{
	border-bottom: solid thin #EDA36D;
	margin-bottom: 1%;
	font-size: 95%;
}

.siryo_tel2{
	border-radius: 3px;
	background-color: #00a73c;
	color: #fff;
	padding: 0 1%;
	font-size: 85%;
	font-weight: bold;
	display: inline;
	letter-spacing: 1px;
}

.siryo_tel3{
	font-size: 200%;
	font-weight: bold;
	padding-top: 1%;
	display: inline-block;
}
    
.siryo_btn a{
    display: block;
    text-align: center;
    padding: 12px 10px;
    width: 220px;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    vertical-align: baseline;
}

@media screen and (max-width: 768px) {
	.siryo_btn a{
		width: auto;
		padding: 3%;
		line-height: 1.3em;
	}
}

.siryo_btn a,
.siryo_btn a:visited{
    color: #111111;    
}
.siryo_btn a:hover{
    opacity: 0.8;
    color: #0e0e0e;
    background: #fbc869;
}


/*--------------------------------------------------------------------
980pxフル　テキスト枠
--------------------------------------------------------------------*/

/****/
div#cmp_area_search{
	width:100%;
}

ul.search_item{
	margin:20px;
	padding:10px;
	background:#FBF1E9
}
ul.search_item li {
	text-align:center;
	font-size:16px;
	display:inline-block;
	padding:30px 10px 30px 10px;
	
/*	border-left:#FEFEFE 1px solid;
*/

	border-right:#bebebe 1px solid;
}

ul.search_item li a{
	width:100%;
	padding:30px 10px 30px 10px;
}

ul.search_item li:first-child{
	border-left:0;

}
ul.search_item li:last-child{
	border-right:0;
	
}
.cmp_section_title{
	font-size:22px;
	font-weight: bold;
	border-bottom:1px solid #a4a4a4;
	margin-top:15px;
	margin-bottom:10px;
}
.cmp_section{
	box-sizing: border-box;
	padding:5px;
	margin-bottom:10px;
	border-bottom:1px dotted #a4a4a4;
}

.cmp_section h2{
	font-size:20px;
	font-weight:bold;
	color: #e03c09;
	padding:5px 0 5px 0;
}
/****/
div#cmp_search{
	width:100%;
	margin:20px;
}

div#cmp_btn{
	width:400px;
	float:left;
	border:#d1d1d1 1px solid;
}

div#cmp_check{
	float:left;
	width:480px;	
	border:#d1d1d1 1px solid;
	margin-left:10px;
}

div#cmp_check p.title{
 	font-size:28px;
	padding:10px 0 5px 0;
}

div#cmp_check .left img{
	width:250px;
	float:left;
	
}
div#cmp_check .left p{
	width:180px;
	float:left;
	padding:10px;
	
}



/** 受け取りのstep **/
div#cmp_step{
	width:100%;
	text-align:center;	
	margin-top:20px;
}

div#cmp_step p.step_title{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	margin-top:40px;
}
div#cmp_step p{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
}

div#cmp_step img{
	margin-left:2px;
	margin-bottom:10px;
}


div#cmp_infomation{
	font-size:18px;
	width:100%;
	height:auto;
	padding:10px 30px 30px 30px;
	box-sizing:border-box;
}



/** 問合せボタン **/
p.higan_btn{
	margin:20px auto;
	width:587px;
	height:87px;
}
.higan_btn a{
	overflow: hidden;
	float:left;
	width:587px;
	height:87px;
}

.higan_btn a:hover img{
	margin-top:-87px;
}


.warning_text{
	font-size:16px;
	margin-top:40px;
	line-height: 1.6em;
}
.warning_text p{
	font-weight: bold;
	font-size:110%;
	padding-bottom:5px;
}


/****/
.main_box{
	width:900px;
	height:auto;
	padding:5px;
	margin:auto;
}



/** おすすめ霊園**/
.osusume_title{
	margin-bottom:15px;
}
.box_area4{
	width:216px;
	margin-right:5px;
	display:inline-block;
}
@media(max-width:480px){
	.box_area4{
		width:208px;
		margin-right:3px;
	}
}

.box_info{
	line-height:1.6em;
	padding:6px;
}
.box_link{
	text-align:right;
	padding:5px;
	background:#F4EFD5
}

/** telバナー **/
p.higan_tel{
	margin:30px auto;
	width:789px;
}



.h4_title{
	padding:3px 5px;
	border-left:3px solid #1273D9;
	background:#DFEEF7;
}
/*--------------
　個別ヘッダー
/*--------------*/
.h2_jyumoku{
    background:url(../extra/images/cmp_jyumoku_header.png) no-repeat;
    height:265px;
    margin:1px;
    text-indent: -999px;
}

/*--------------
　送迎ページ
/*--------------*/
#sougei div#line_side{padding: 0;}
#sougei .sougei1{background-color: #f8f5e9;}
#sougei .sougei2{background-color: #ff7657; padding: 5% 0;}
#sougei .sougei1 img{margin: 0 auto; padding: 5% 0;}
#sougei .sougei2 img{margin: 0 auto; padding: 2% 0 0;}
@media screen and (max-width: 768px) {#sougei .sougei1 img,#sougei .sougei2 img{width: 95%;}}
#sougei .reienaearch_title,.sougei1_title{background-color: #ffb65a; width: 880px; margin: 0 auto;}
@media screen and (max-width: 768px) {#sougei .reienaearch_title,#sougei .sougei1_title{width: 100%;}}
#sougei .sougei1_text{color: #ff7657; text-align: center; width: auto; font-size: 4vw; padding: 0 2%;}
#sougei .sougei_c740{display: flex; width: 740px; margin: 0 auto;}
@media screen and (max-width: 768px) {#sougei .sougei_c740{width: 100%;} #sougei .sougei_c740 img{width: 30%; height: 30%;}}
#sougei .sougei2 .sougei_c{padding: 3% 0;}
@media screen and (max-width: 768px) {#sougei .sougei_c{padding: 3% 0;}}
#sougei div.go_top a{margin: 2% auto; float: none; width: 122px; display: block;}
#sougei .sougei_tel{padding: 3% 0 0!important; text-align: center;}
#sougei .sougei_ereamap img{padding: 0;}
#sougei .sougei_ereamap{margin-right: 3%;}
#sougei .map_reiensearch_c{padding: 3% 0;}

/*--------------
　霊園墓地を探す　マップ付き
/*--------------*/
.reiensearch_area_title1{
	display: block;
	margin: 0px auto 8%;
}
.reiensearch_area_title2{
	display: block;
	margin: 8% auto;
}
.map_reiensearch_c,.sougei_c{
	background-color: #fff;
	width: 880px;
	margin:0 auto;
}
.map_reiensearch{
	padding: 5% 0;
}
@media screen and (max-width: 768px) {
	.map_reiensearch_c,.sougei_c{
		width: auto;
	}
}
@media screen and (min-width: 767px) {
.map_reiensearch_c_l{
	width: 42%;
	padding:3% 0 0 3%;
}
}
.map_reiensearch_c .item{
	padding-right: 3%;
}
@media screen and (max-width: 768px) {
	.map_reiensearch_c .item{
		padding: 0;
	}
}
@media screen and (max-width: 768px) {
.map_reiensearch_c_l{
	width: 100%;
	padding: 0 3% 3%;
}
}
.map_reiensearch_c,.map_reiensearch_c2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.map_reiensearch_c{
		flex-wrap:nowrap;
	}
	}
.map_reiensearch .search_button1{
	background-color: #665c80;
}
.map_reiensearch .search_button2{
	background-color: #ff7657;
}
.search_reien_button{
    margin: -30px auto 50px;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,.8));
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,.8));
	display: block;
}
@media screen and (max-width: 768px) {
	.search_reien_button{
		margin:auto auto 25px;
	}
}
.search_reien_button:hover{
	opacity:0.7;
}

.map_reiensearch .search_button1,.map_reiensearch .search_button2,.sougei1_text{
    font-weight: bold;
    width: 49%;
    padding: 5px 0px;
    margin-bottom: 8px;
    text-align: center;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    border-radius: 10px;
    font-size: 23px;
}
.map_reiensearch .search_button1 a,.map_reiensearch .search_button2 a{
	color: #fff;
	display: block;
}
.map_reiensearch .search_button1:hover,.map_reiensearch .search_button2:hover{
    opacity:0.8;
}

/*--------------
　LINE公式アカウント
/*--------------*/

#line_friend div#wrapper{
	width: 940px;
}
#line_friend div#line_side,#line_friend div#line_bottom{
	background: none;
}

@media screen and (max-width: 768px) {
#line_friend div#wrapper{
	width: 100%;
}
}

#line_friend .line_co1{
	background-color: #FFF7D7;
	padding: 2%;
}
#line_friend .line_co2{
	padding: 40px 35px;
	background-color: #EBF2EB;
}
@media screen and (max-width: 768px) {
#line_friend .line_co2{
	padding: 4%;
}
}
#line_friend .line_img{
	padding: 0 0 2%;
}
#line_friend .line_img2{
	padding: 5% 0 2%;
}
#line_friend .line_co1 div{
	background-color: #FFF;
	margin: 0 auto;
	padding: 3% 0;
}
@media screen and (max-width: 768px) {
	#line_friend .line_co1{
		padding: 4%;
	}
	
#line_friend .line_co1 div{
	padding: 5% 3%;
	}
}
#line_friend .line_co1 img,#line_friend .line_co2 img{
	margin: 0 auto;
}
#line_friend .line_cp{
	background-color: #fff;
	font-weight: bold;
	padding: 10px;
	font-size: 1.2em;
}
#line_friend .line_cp p.cpt{
	padding: 2% 0;
}
@media screen and (max-width: 768px) {
#line_friend .line_cp{
	box-sizing:border-box;
	padding: 2%;
	max-width: 540px;
	margin: 0 auto;
}
#line_friend .line_cp p.cpt{
	padding: 5% 0 2%;
}
}

#line_friend .line_cp:nth-of-type(odd){
	padding: 0 2% 2%;
}

#line_friend .line_cp ul li{
	list-style: disc;
	padding-bottom: 1%;
}

#line_friend .line_cp p:first-child{
	color: #cc0000;
	border-bottom: thin solid #cc0000;
	padding-bottom: 1%;
	margin-bottom: 1%;
}
#line_friend .line_cp ul{
	margin: 1% 0;
	list-style-position:inside;
	padding-left: 1.5em;
}
@media screen and (max-width: 768px) {
	#line_friend .line_cp ul li{
	padding-bottom: 3%;
}
	#line_friend .line_cp p:first-child{
	margin-bottom: 3%;
	padding-top: 2%;
	text-align: center;
}
}

#line_friend .line_merit{
	display: flex;
	justify-content:space-between;
}
#line_friend .line_merit .merit{
	width: 30%;
	border: solid 2px #007000;
	border-radius: 5px;
	background-color: #fff;
	padding: 2% 1%;
}
@media screen and (max-width: 768px) {
	#line_friend .line_merit{
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
}
	#line_friend .line_merit .merit{
	width: 70%;
	padding: 4% 2%;
}
	#line_friend .line_merit .merit:not(:last-of-type){
	margin: 0 0 3%;
	}
}
@media screen and (max-width: 480px) {
	#line_friend .line_merit .merit,#line_friend .line_cp{
	width: 100%;
	}
}
	#line_friend .line_merit .merit img{
	width: 100%;
}
	#line_friend .line_img_sp{
	padding: 0 0 5%;
}
	#line_friend .line_img_sp2{
	padding: 8% 0 5%;
}

#line_friend div#line_side{
	padding: 0;
}

#line_friend div.go_top a{
	margin: 2% auto;
	float: none;
	display: block;
	width: 122px;
}

/*--------------
 調整用
/*--------------*/

.imground{
    border-radius: 50%;
    display: inline-block;
    position: relative;
}


.imground:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 
	  inset 0 0 20px #fff /* 背景色と同じ色 */,
	  inset 0 0 20px #fff,
	  inset 0 0 20px #fff,
	  inset 0 0 20px #fff;
}

.bkcolor_yellow{background-color: #ffbb33;}

.w30per{width:30%;}
.w40per{width:40%;}
.w50per{width:50%;}
.w60per{width:60%;}
.w70per{width:70%;}
.w80per{width:80%;}
.w90per{width:90%;}
.w95per{width:95%;}
	
	@media screen and (max-width: 768px){
	.w50per{width:auto;}
	.w60per{width:auto;}
	}

.font70{font-size:70%;}
.font80{font-size:80%;}
.font90{font-size:90%;}
.font110{font-size:110%;}
.font120{font-size:120%;}
.font130{font-size:130%;}
.font140{font-size:140%;}

.fontbold{font-weight:bold;}

.float-left{float:left;}
.float-right{float:right;}

.aline-center{text-align: center;}
.aline-left{text-align: left;}
.aline-right{text-align: right;}


.bg-green{background:#eff9d8;}
@media screen and (max-width: 768px) {
.bg-green{background-color:transparent;}
	}


.mauto{margin:auto;}

.mtop10{margin-top:10px;}
.mtop15{margin-top:15px;}
.mtop20{margin-top:20px;}
.mtop25{margin-top:25px;}
.mtop30{margin-top:30px;}
.mtop35{margin-top:35px;}
.mtop40{margin-top:40px;}
.mtop50{margin-top:50px;}
.mtop60{margin-top:60px;}
.mtop70{margin-top:70px;}
.mtop80{margin-top:80px;}

.mleft5{margin-left:5px;}
.mleft10{margin-left:10px;}
.mleft15{margin-left:15px;}
.mleft20{margin-left:20px;}
.mleft25{margin-left:25px;}
.mleft30{margin-left:30px;}
.mleft35{margin-left:35px;}
.mleft40{margin-left:40px;}

.mbtm10{margin-bottom:10px;}
.mbtm15{margin-bottom:15px;}
.mbtm20{margin-bottom:20px;}
.mbtm25{margin-bottom:25px;}
.mbtm30{margin-bottom:30px;}
.mbtm35{margin-bottom:35px;}
.mbtm40{margin-bottom:40px;}
.mbtm50{margin-bottom:50px;}


.pleft10{padding-left:10px;}
.pleft15{padding-left:15px;}
.pleft20{padding-left:20px;}
.pleft25{padding-left:25px;}
.pleft30{padding-left:30px;}

@media screen and (max-width: 768px) {
.pleft30{padding-left:0;}
}

.pleft35{padding-left:35px;}
.pleft40{padding-left:40px;}

.ptop10{padding-top:10px;}
.ptop15{padding-top:15px;}
.ptop20{padding-top:20px;}
.ptop25{padding-top:25px;}
.ptop30{padding-top:30px;}
.ptop35{padding-top:35px;}
.ptop40{padding-top:40px;}