@charset "utf-8";
/*---clearfix------*/

.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}

/*---common------*/
.wrapper {
	font: 1.3em 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	position: relative;
	padding-bottom: 10px;
}
.wrapper * {
	box-sizing: border-box;
}
.wrapper a {
	color: inherit;
	display: block;
}
/*---7esthe.css　対策----*/
#container_inner .top_banner {
	display: none;
}
#container h2 span,
#container h3 span,
#container h4 span {
	background: none;
	color: #000;
	cursor: auto;
	float: none;
}
#container .wrapper img {
	box-sizing: content-box;
}
#container .wrapper li h3 {
	margin:10px 0 5px 0;
	font: bold 1.1rem/1.2 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
}
/*  スマートフォン  */
@media screen and (max-width: 480px) {
/*----------mainvisual----------*/
.wrapper .mainvisual {
	position: relative;
	height: 550px;
	padding:10px;
	background: url("/contents/shop/sevenbeauty/img/freepage/catalog_download/catalog_control_top-sp.jpg") no-repeat;
	background-size:cover;
	background-position: center;
}
#container .mainvisual .sub_title {
	margin:0 0 5px;
	font: bold 1.2rem/1.3 "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	color:#FFF;
	letter-spacing:-0.08rem;
	word-break:keep-all;
}
#container h1.head_title {
	margin:0;
	color: #52c1f4;
	font: bold 3rem/1 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	word-break:keep-all;
}
#container .mainvisual .sub_text {
	margin:5px 0 10px;
	font: bold 1.4rem/1.2 "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	color: #52c1f4;
}
#container .mainvisual .sub_text_1 {
	margin:10px 0 0 0;
	font: normal 1rem/1.4 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	color:#ffffff;
}
#container .wrapper .title_a {
	background-color: #f3f2f2;
	border-left: 10px solid #009fe8;
	color: #554a4a;
	font: bold 1.3rem/1.4 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 10px auto;
	padding: 10px 0 5px 1.5%;
}
#container .wrapper .title_b {
	background-color: #f3f2f2;
	border-left: 10px solid #009fe8;
	color: #554a4a;
	font: bold 1.4rem/1.4 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 10px auto;
	padding: 10px 0 5px 1.5%;
}
#container .text span {
	color: #f60935;
}
#container .caunt {
	width: 100%;
	margin: 30px auto 30px 0;
	font: 1.1em/1.5 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
}

/*--section1---------*/
#container .sec1 {
	margin:0 5px;
	background-color: #fff;
	margin-bottom:20px;
	padding: 10px 0 20px 0;
}
#container .sec1_flex {

}
#container .sec1_flex li {
	position:relative;
	margin:0;
	padding:0 5px 0 5px;
}
#container .sec1_flexbox1 {
	color: #000;
	text-align: left;
}
#container .sec1_flexbox1 .sec1_1{
	font: bold 1.3rem/1.1 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	letter-spacing:-0.05rem;
}
#container .sec1_flexbox1 .sec1_1 img{
	width:30px;
	height:30px;
	margin:0 5px 0 0;
}
#container .sec1_flexbox2 {
	background-color: #fff;
	text-align: left;
}
#container .sec1_flexbox2 img {
	margin-top:20px;
}
#container .wrapper .sec1 dl {
	margin: 10px 5px 5px 10px;
	font: 0.9rem/1.5 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	letter-spacing:-0.05rem;
	text-align: left;
}
#container .wrapper .sec1 dl li {
	font-size: 1.0em;
	text-align: left;
	margin: 5px 0 5px 10px;
}
#container .sec1_linebox {
	width: 90%;
	background-color: #fff;
	height: 1px;
	margin: 9px auto;
}

/*--section2----------*/
#container .sec2{
	margin:10px 5px 40px;
	clear:both;
}
#container .ebook_tools{
	margin-bottom:20px;
}
#container .tool_title_txt{
	background-color: #e8e8e8;
	line-height:2.1em;
	padding-left:10px;
}
#container .tool_box_table{
	list-style-type:none;
}
#container .ebook-tool-operation {

}
#container .ebook-tool-operation li{
	position:relative;
	margin:0;
	padding:0 5px 0 5px;
}
#container .ebook-tool-operation h4{
	margin:10px 0 5px 0;
	font: bold 1rem/1.4 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	letter-spacing:-0.05rem;
}
#container .ebook-tool-operation dl{
	display: flex;
	flex-wrap: wrap;
}
#container .ebook-tool-operation dt{
	width:20%;
	text-align:center;
}
#container .ebook-tool-operation dd{
	width:76%;
	margin:0 0 0 10px;
	text-align:left;
	font: normal 0.9rem/1.5 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	letter-spacing:-0.05rem;
}

/*--section3------------------*/
#container .sec3{
	margin:10px 5px;
	clear:both;
}
#container .sec3_div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#container .sec3_div li {
	position:relative;
	margin:0 auto;
	padding:0 5px 0 5px;
    width: calc(98% / 1);
    webkit-width: calc(98% / 1);
	text-align:center;
	font: normal 0.9rem/1.1 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	letter-spacing:-0.05rem;
}
#container .sec3 .text {
	font: normal 0.9rem/1.4 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	letter-spacing:-0.05rem;
	margin: 30px auto;
	text-align: left;
}
#container .sec3 .text small {
	font: normal 0.8rem/1.4 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 10px auto;
	text-align: left;
}
#container .sec3 .text span {
	color: #f60935;
}
#container .btn_c {
	margin:0 auto;
	text-align: center;
}
#container .btn_c a {
	display: inline-block;
	border-radius: 8px;
	width: 85%;
	font: bold 1.4rem/2.1 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	border: solid 1px #9ece55;
	color: #fff;
	margin: 10px auto;
	background: #9ece55;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c6dd71), color-stop(0.00, #7cc13e));
	background: -moz-linear-gradient(top, #c6dd71 0%, #7cc13e 88%);
	background: linear-gradient(to bottom, #c6dd71 0%, #7cc13e 88%);
}
#container .btn_c a:hover {
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#container .img-pc {
	display: none;
}
}


@media screen and (min-width: 480px) {
#container  {
	margin:0 auto;
	max-width:1040px;
}
/*----------mainvisual----------*/
.wrapper .mainvisual {
	position: relative;
	height: 367px;
	padding:20px;
	background: url("/contents/shop/sevenbeauty/img/freepage/catalog_howto/catalog_control_top.jpg") no-repeat;
}
#container .mainvisual .sub_title {
	margin:0 0 5px;
	font: bold 1.3rem/1.2 "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	color:#FFF;
}
#container h1.head_title {
	margin:0;
	color: #52c1f4;
	font: bold 3.8rem/1.2 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
}
#container .mainvisual .sub_text {
	margin:0 0 10px;
	font: bold 1.8rem/1.2 "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	color: #52c1f4;
}
#container .mainvisual .sub_text_1 {
	font: normal 1.1rem/1.2 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	color:#ffffff;
	position: relative;
}
#container .wrapper .title_a {
	background-color: #f3f2f2;
	border-left: 10px solid #009fe8;
	color: #554a4a;
	font: bold 1.4rem/1.4 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 10px auto;
	padding: 10px 0 5px 1.5%;
}
#container .wrapper .title_b {
	background-color: #f3f2f2;
	border-left: 10px solid #009fe8;
	color: #554a4a;
	font: bold 1.4rem/1.4 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 10px auto;
	padding: 10px 0 5px 1.5%;
}
#container .text span {
	color: #f60935;
}
#container .caunt {
	width: 100%;
	margin: 30px auto 30px 0;
	font: 1.1em/1.5 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
}

/*--section1---------*/
#container .sec1 {
	background-color: #fff;
	margin-bottom:20px;
	padding: 50px 0 20px 0;
}
#container .sec1_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#container .sec1_flex li {
	position:relative;
	margin:0;
	padding:0 5px 0 5px;
    width: calc(98% / 2);
    webkit-width: calc(98% / 2);
}
#container .sec1_flexbox1 {
	color: #000;
	text-align: left;
}
#container .sec1_flexbox1 .sec1_1{
	font: bold 1.6rem/1.5 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;	
}
#container .sec1_flexbox1 .sec1_1 img{
	width:40px;
	height:40px;
	margin:0 5px 0 0;
}
#container .sec1_flexbox2 {
	background-color: #fff;
	text-align: left;
}
#container .sec1_flexbox2 img {
	margin-top:20px;
}
#container .wrapper .sec1 dl {
	margin: 10px 0 5px 10px;
	font: 1rem/1.5 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	letter-spacing:-0.05rem;
	text-align: left;
}
#container .wrapper .sec1 dl li {
	font-size: 1.0em;
	text-align: left;
	margin: 5px 0 5px 10px;
}
#container .sec1_linebox {
	width: 90%;
	background-color: #fff;
	height: 1px;
	margin: 9px auto;
}

/*--section2----------*/
#container .sec2{
	margin:10px 10px 40px;
	clear:both;
}
#container .ebook_tools{
	margin-bottom:20px;
	margin-left:10px;
}
#container .tool_title_txt{
	background-color: #e8e8e8;
	line-height:2.1em;
	padding-left:10px;
}
#container .tool_box_table{
	list-style-type:none;
	margin-left:10px;
}
#container .ebook-tool-operation {
	display: flex;
	flex-wrap: wrap;
}
#container .ebook-tool-operation li{
	position:relative;
	margin:0;
	padding:0 5px 0 5px;
    width: calc(100% / 2);
    webkit-width: calc(100% / 2);
}
#container .ebook-tool-operation h4{
	margin:20px 0 5px 0;
	font: bold 1.2rem/1.7 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	letter-spacing:-0.05rem;
}
#container .ebook-tool-operation dl{
	display: flex;
	flex-wrap: wrap;
}
#container .ebook-tool-operation dt{
	width:20%;
	text-align:center;
}
#container .ebook-tool-operation dd{
	width:70%;
	margin:0 10px 0 10px;
	text-align:left;
	font: normal 1rem/1.5 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	letter-spacing:-0.05rem;
}

/*--section3------------------*/
#container .sec3{
	margin:10px;
	clear:both;
}
#container .sec3_div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#container .sec3_div li {
	position:relative;
	margin:0 auto;
	/*
	padding:0 5px 0 5px;
    width: calc(98% / 2);
    webkit-width: calc(98% / 2);
	*/
	text-align:center;
}
#container .sec3 .text {
	font: normal 1rem/1.4 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 30px auto;
	text-align: left;
}
#container .sec3 .text small {
	font: normal 0.9rem/1.4 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	margin: 10px auto;
	text-align: left;
}
#container .sec3 .text span {
	color: #f60935;
}
#container .btn_c {
	margin:0 auto;
	text-align: center;
}
#container .btn_c a {
	display: inline-block;
	border-radius: 8px;
	width: 85%;
	font: bold 1.4rem/2.1 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
	border: solid 1px #9ece55;
	color: #fff;
	margin: 10px auto;
	background: #9ece55;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c6dd71), color-stop(0.00, #7cc13e));
	background: -moz-linear-gradient(top, #c6dd71 0%, #7cc13e 88%);
	background: linear-gradient(to bottom, #c6dd71 0%, #7cc13e 88%);
}
#container .btn_c a:hover {
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#container .img-sp {
	display: none;
}
#container .img-pc {
	display: block;
}
}