@charset "UTF-8";

/* Update_Details's_css おすすめ製品・サービス */

/* 企業名 */
.ag_company_name_create {
font-size:14px;
font-size:1.4rem;
text-align: right;
}

/*特長見出し
.ag_product_feat {
font-size:2.2em !important;
font-weight:700;
margin-top:15px;
margin-bottom:4px;
margin-left:-30px;
background:#e2f1fe;
padding:10px 15px;
color:#333;
}
*/

/*特長見出し*/
.ag_product_feat {
margin-top:90px!important;
margin-bottom:20px!important;
font-size:2.2em !important;
font-weight:700;
  position: relative;
  padding: 1rem 1.5rem;
  text-align: left;
  color: #008000;
  border-radius: 0 10px 10px 10px;
  background: #dffed4;
}

.ag_product_feat:before {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -24px;
  left: 0;
  height: 24px;
  padding: 0 1em;
  content: '\POINT';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #008000;
}

/* ギャラリー:fancybox */
.parent {
text-align:center;
margin:1em auto;
}

.ag_centor {
display:inline-block;
max-width:100%;
margin:1em auto;
}

.ag_gallery {
padding:0 22px 0 0 !important;
margin:0 !important;
width:100%;
display:flex;
flex-wrap:nowrap;
}

.ag_gallery li {
list-style:none;
/*←リストマーク消去*/
/* width: calc(100%/4); ←画像を横に4つ並べる場合*/
box-sizing:border-box;
}

.ag_gallery li img {
max-width:100%;
/*画像のはみだしを防ぐ*/
height:auto;
/*画像の縦横比を維持 */
border:solid 1px #ccc;
/*←画像を1pxのグレーの枠線で囲む指定の場合*/
}

/*YouTube埋め込み動画 */


.ag_youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding: 56.25% 0 0 0;
  
}
.ag_youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2% 3% 3% 3%;
}
/* スマートフォンの場合 */
@media screen and (max-width: 480px) { 
/*特長見出し*/
.ag_product_feat {
margin-top:90px!important;
margin-bottom:20px!important;
font-size:1.4em !important;
font-weight:700;
  position: relative;
  padding: 0.8rem 0.4rem;
  text-align: left;
  color: #008000;
  border-radius: 0 10px 10px 10px;
  background: #dffed4;
}

.ag_product_feat:before {
  font-size: 10px;
  font-size: 1.0rem;
  position: absolute;
  top: -18px;
  left: 0;
  height: 18px;
  padding: 0 1em;
  content: '\POINT';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #008000;
}
/*YouTube埋め込み動画 */


.ag_youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.ag_youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1% 3% 0% 3%;
}
}