#content_wrapper .youtube-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
#content_wrapper .youtube-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/*===============================================
  画面の横幅が479px以下
===============================================*/
@media screen and (max-width: 479px){
#main_img_wrapper{ background:url(images/mainimg_bg.jpg) top center no-repeat; background-size:100% 100%; overflow:hidden; }
#main_img_wrapper #main_img{ width:100%; display:block; padding: 2% 0 0 0;}
#main_img_wrapper #main_img h1 img { width:50%; display:block; margin:0 auto; margin-bottom:3%;}
#main_img_wrapper #main_img .main_line, #main_img_wrapper #main_img .main_img{ display:none;}
#main_img_wrapper #main_img .main_item { width:40%; display:block; margin:0 auto;}
#content_wrapper h1{ padding: 2% 0 0 0;}
#content_wrapper h2.top_h2 { background: url("images/h2_bg.png") repeat-x scroll center top rgba(0, 0, 0, 0);color: #FFFFFF; display: block;  font-size:210%;height: 92px; margin: 0 auto; padding-top: 6%; width: 100%; text-shadow: 0.3px 0.2px 3px #24578A; font-weight:normal; margin-top:-5%; margin-bottom:-3%; padding-bottom:2%; padding-left:5%;}
#content_wrapper h2.top_h2 span { display:inline-block;color: #FFFFFF; text-shadow: 0.3px 0.2px 3px #24578A; margin-left:5%; }
#content_wrapper #content .product_main{ width:95%; margin:0 auto; display:block; overflow:hidden; margin-left:5%; margin-top:5%;}
#content_wrapper #content .product_main li{ width: 95%; margin:0 auto; display:block; margin: 1% 5% 5% 1%;}
#content_wrapper #content .product_main li img{ width: 80%; margin:0 auto; display:block;}
#content_wrapper #content .product_main dd{ width: 100%; text-align:center; line-height:130%; border-radius:5px; }
#content_wrapper #content .product_main dd.white{ background:#E2E2E2;}
#content_wrapper #content .product_main dd.pink{ background:#E1CBD4;}
#content_wrapper #content .product_main dd.black{ background:#727373; color:#FFFFFF;}
#content_wrapper #content .product_main dt{ margin-bottom:5%;}
#content_wrapper #content dl.siyou{ width: 97%; margin:10% auto 3%;overflow:hidden;}
#content_wrapper #content dl.siyou dt{ width: 25%; border-top:2px solid #C2D5E9; float:left; text-align: center; font-weight:bold; font-size:95%; line-height:125%; margin-right:3%; padding-top:2%; margin-left:2%; min-height:85px;}

#content_wrapper #content dl.siyou dd{ width: 68%; border-top:1px solid #C2D5E9; float:left; line-height:130%; padding-top:4px; font-size:100%; padding-bottom:4px; margin-right:2%; min-height:85px; padding:3% 0 2% 0;}

#content_wrapper #content .fuzoku,#content_wrapper #content .fuzoku02{ width: 100%; float:left;}
#content_wrapper #content .fuzoku li{ width:100%; display:block; margin:0 auto;}
#content_wrapper #content .fuzoku dt,#content_wrapper #content .fuzoku02 dt{ width: 100% !important;}
#content_wrapper #content .fuzoku li dt img{ width:70% !important; display:block; margin:0 auto;}
#content_wrapper #content .fuzoku li dd{ width:100%; display:block; margin:0 auto;  text-align: center; min-height: auto !important; border-bottom:1px solid #C2D5E9;}
#content_wrapper #content .fuzoku dt, #content_wrapper #content .fuzoku dd, #content_wrapper #content .fuzoku02 dt, #content_wrapper #content .fuzoku02 dd{ border-top:none !important;}
#content_wrapper #content .fuzoku02 li dd{ width:100%; display:block; margin:0 auto;  text-align: center; min-height: auto !important; border-bottom:none;}

#content_wrapper #content .fuzoku02 li{ width:100%; display:block; margin:0 auto; border-bottom:1px solid #C2D5E9 !important; overflow:hidden;}
#content_wrapper #content .fuzoku02 li img{ width:70% !important; display:block; margin:0 auto; margin-bottom:5%;}
#content_wrapper #content .torisetu a{ width: 90%; text-align: center ; display:block; margin:0 auto; padding:3%; text-decoration:underline; color:#FFFFFF; font-size:120%; margin-bottom:3%; background: #09F; border-radius: 10px; }
#content_wrapper #content .b_none{border-bottom:none;}
#content_wrapper #content dl.siyou dd#juden{ margin-right: 10px; padding-top: 0px; padding-bottom:0px; }
#content_wrapper #content dl.siyou dl#kodo dt{ margin: 35px 0px 0 -30px;}
#content_wrapper #content dl.siyou dl#kodo dt img{ width: 125px;}
#content_wrapper #content dl.siyou dl#kodo dd{ padding-top: 14px; padding-bottom:0px; margin:0 0 0 -13px; }

#content_wrapper .box6{padding: 01em 1em; margin: 1%; background: #e3efff; border: solid 2.2px #80bee2; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33); width: 98%;}
#content_wrapper .box6 p { margin: 0; padding: 0; font-weight:600; font-size: 19px;}
#content_wrapper .box6 a { color:#35a9e3 !important;}
#content_wrapper .box6 span a:hover{ color:#0B347F !important;}

}



/*===============================================
  画面の横幅が480px以上
===============================================*/
@media screen and (min-width: 480px){
body{ display:block;}
#main_img_wrapper{ background:url(images/mainimg_bg.jpg) top center no-repeat; height: 376px;}
#main_img_wrapper #main_img{ width: 850px; margin: -16px auto 0; display:block; position:relative; }
#main_img_wrapper #main_img .main_catch{ position:absolute; top:50px; left:0; width: 284px;}
#main_img_wrapper #main_img h1 img{ position:absolute; top: 110px; left: 0px; width: 220px;}
#main_img_wrapper #main_img .main_img{ position:absolute; top:173px; left:0px; width:522px;}
#main_img_wrapper #main_img p { position:absolute; top:195px; left:5px; width:560px; line-height:150%; color:#22ABED; font-size:16px;}
#main_img_wrapper #main_img .main_item{ position:absolute; top: 31px; right: 20px; width: 192px;}
#main_img_wrapper #main_img .main_img{ position:absolute; top: 0px; right:0px; left: 350px; width: 522px;}
#content_wrapper #content .product_main{ width: 940px; margin:0 auto; display:block; margin-bottom:30px; overflow:hidden; margin-top:20px;}
#content_wrapper #content .product_main li{ width: 270px; float:left; margin-left:30px;}
#content_wrapper #content .product_main li img{ width: 250px; margin:0 auto; display:block; margin-bottom:10px; }
#content_wrapper #content .product_main dd{ width: 154px; text-align:center; line-height:130%; border-radius:5px; font-size:15px; padding:2px 0 1px 0; }
#content_wrapper #content .product_main dd.white{ background:#E2E2E2;}
#content_wrapper #content .product_main dd.pink{ background:#E1CBD4;}
#content_wrapper #content .product_main dd.black{ background:#727373; color:#FFFFFF;}
#content_wrapper #content dl.siyou{ width: 750px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
#content_wrapper #content dl.siyou dt{ border-top: 2px solid #52B8EB; float: left; font-size: 16px; font-weight: bold; line-height: 125%; margin-right: 10px; padding-top: 9px; text-align: left; width: 130px; color:#333333; padding-left:10px; min-height:50px;}
#content_wrapper #content dl.siyou dd{ border-top: 1px solid #C2D5E9; float: left; line-height: 130%; margin-right: 10px; padding-top: 9px; width: 600px; padding-left:10px; font-size:15px; color:#333333; padding-bottom:5px; min-height:50px;}

#content_wrapper #content dl.siyou dd span{ display: inline-block; padding-top: 4px; text-align: left; width: 136px;}
#content_wrapper #content dl.siyou dd span.mode{ display: inline-block; padding-top: 4px; text-align: left; width: 250px;}

#content_wrapper #content dl.siyou dt.zyuden,#content_wrapper #content dl.siyou dd.zyuden{ min-height:80px;}
#content_wrapper #content .fuzoku { width:600px; float:left;}
#content_wrapper #content .fuzoku li{ width:150px; float:left;}
#content_wrapper #content .fuzoku li img{ width:125px; margin:0 auto; display:block; text-align:center;}
#content_wrapper #content .fuzoku li dd { width:140px; margin:0 auto; display:block; text-align:center;}
#content_wrapper #content .fuzoku dt, #content_wrapper #content .fuzoku dd, #content_wrapper #content .fuzoku02 dt, 
#content_wrapper #content .fuzoku02 dd{ border-top:none !important;}
#content_wrapper #content dt.last { border-bottom: 2px solid #52B8EB; height:390px;}
#content_wrapper #content dd.last { border-bottom: 1px solid #C2D5E9; height:390px;}
#content_wrapper #content .fuzoku02 .fuzoku05{ width:140px !important; float:left; padding: 0!important;}
#content_wrapper #content .fuzoku02 li{ width:190px; float:left; padding-bottom:10px;}
#content_wrapper #content dl.siyou dd#juden{ margin-right: 10px; padding-top: 0px; padding-bottom:0px; }
#content_wrapper #content dl.siyou dl#kodo dt{ margin: 35px 0px 0 -30px;}
#content_wrapper #content dl.siyou dl#kodo dt img{ width: 125px;}
#content_wrapper #content dl.siyou dl#kodo dd{ padding-top: 14px; padding-bottom:0px; margin:0 0 0 -13px; }

#content_wrapper p.torisetu a{ width: 720px; text-align: right; display:block; margin:0 auto; padding:0 0 15px 15px; text-decoration:underline; color:#52B8EB; font-size:23px; margin-bottom:20px; font-weight:bold; }
#content_wrapper p.torisetu a:hover{ color:#0B347F;}

#content_wrapper { background: #D9EEF5; width:100%; margin-top:-70px }
#content_wrapper #content { background: #FFFFFF; width:980px; margin:0 auto; display:block; position: relative; z-index:10; padding: 10px 0 0 0; overflow: hidden;}
#content_wrapper h2.top_h2 { background: #5FD3E8background: url("images/h2_bg.png") repeat-x scroll center top rgba(0, 0, 0, 0);color: #FFFFFF; display: block; font-size: 38px; height: 92px; margin: 0 auto 10px; padding-top: 26px; width: 100%; text-shadow: 0.3px 0.2px 3px #24578A; font-weight:normal; margin-top:-50px; padding-left:50px;}
#content_wrapper h2.top_h2 span { font-size:26px; display:inline-block; padding-left:20px;}
#content_wrapper h2 { background: url("images/h2_bg.png") repeat-x scroll center top rgba(0, 0, 0, 0); color: #FFFFFF; display: block; font-size: 38px; height: 92px; margin: 0 auto 10px; padding-top: 23px; width: 100%; text-shadow: 0.3px 0.2px 3px #24578A; font-weight:normal;  padding-left:50px;}
#content_wrapper h2 .bold { font-weight:bold;}
#content_wrapper .box6{padding: 01em 1em; margin: 0 auto; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33); width: 54%; background: #e3efff; border: solid 2.2px #80bee2;}
#content_wrapper .box6 p { margin: 0; padding: 0; font-weight:600; font-size: 20px;}
#content_wrapper .box6 a { color:#35a9e3 !important;}
#content_wrapper .box6 span a:hover{ color:#0B347F !important;}


}



/*===============================================
 iPad Portrait(縦)
===============================================*/
@media only screen and (min-device-width:768px)
    and (max-device-width:1024px){
#content_wrapper #content { background: #FFFFFF; width:100%; margin:0 auto; display:block; overflow:hidden;}
#content_wrapper #content .product_main{ width: 98%; margin:0 auto; display:block; margin-bottom:30px; overflow:hidden; margin-top:20px;}
#content_wrapper #content .product_main li{ width: 28%; float:left;}
#content_wrapper #content .product_main li img{ width: 100%; margin:0 auto; display:block; margin-bottom:10px; }
#main_img_wrapper #main_img .main_item{ position:absolute; top: 31px; right: 15%; width: 192px;}

#content_wrapper .box6{padding: 01em 1em; margin: 0 auto; background: #e3efff; border: solid 2.2px #80bee2; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33); width: 68%;}
#content_wrapper .box6 p { margin: 0; padding: 0; font-weight:600; font-size: 20px;}
#content_wrapper .box6 a { color:#35a9e3 !important;}
#content_wrapper .box6 span a:hover{ color:#0B347F !important;}

}