/* =================================================================== use second =================================================================== */
/* =================================================================== _mixin.css =================================================================== */
html { font-size: 10px; }
/*---------------------------------------------------------------------------*/
@media screen and (min-width: 768px), print { header { background-color: #fdf9ee; padding-bottom: 40px; min-width: 1200px; }
  header h1 { margin: 0 auto; width: 1120px; }
  header .text { margin: 40px auto 30px; text-align: center; width: 1120px; }
  header .text strong { color: #fe634c; font-weight: normal; }
  header .set_ttl { font-size: 0rem; margin: 0 auto; width: 940px; }
  header .set_ttl .detail { background: url(../images/set_ttl_photo.jpg) no-repeat left top; display: inline-block; font-size: 1.5rem; padding-left: 160px; }
  header .set_ttl .detail .ttl { font-size: 2.4rem; }
  header .set_ttl .detail .ttl strong { font-size: 3rem; font-weight: normal; }
  header .set_ttl .detail .price { color: #fe634c; font-size: 2.4rem; margin-bottom: 5px; }
  header .set_ttl .detail .price strong { font-size: 3rem; font-weight: normal; }
  header .set_ttl .detail .price ul li { font-size: 1.5rem; }
  header .set_ttl .btn { display: inline-block; margin-left: 50px; }
  header .set_ttl .btn a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
  header .set_ttl .btn a:hover { opacity: 0.7; }
  header .set_ttl .btn p { color: #fe634c; font-size: 1.8rem; font-weight: bold; margin-top: 15px; text-align: center; }
  .contents { min-width: 1200px; }
  .contents .category { padding: 40px 0; }
  .contents .category:nth-child(even) { background-color: #fdf9ee; }
  .contents .category .ttl_area { margin: 0 auto 15px; width: 940px; }
  .contents .category .ttl_area .category_ttl { display: inline-block; vertical-align: middle; margin-right: 20px; }
  .contents .category .ttl_area .info { display: inline-block; font-weight: bold; vertical-align: middle; }
  .contents .category .text { margin: 0 auto 25px; width: 940px; }
  .contents .category .item { font-size: 0rem; margin: 0 auto; width: 940px; }
  .contents .category .item > li { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5rem; min-height: 465px; display: inline-block; padding: 20px; vertical-align: top; width: 33.33333%; }
  .contents .category .item > li:nth-child(2), .contents .category .item > li:nth-child(5) { border-left: #000 1px solid; border-right: #000 1px solid; }
  .contents .category .item > li:nth-child(n+4) { border-top: #000 1px solid; }
  .contents .category .item > li.p_set { padding: 20px 20px 41px; }
  .contents .category .item > li .name { color: #fe634c; font-size: 2rem; margin-bottom: 15px; }
  .contents .category .item > li .set_detail { display: table; margin-bottom: 20px; }
  .contents .category .item > li .set_detail .photo { display: table-cell; vertical-align: middle; }
  .contents .category .item > li .set_detail .photo .zoom_btn { margin: 10px 0 0; }
  .contents .category .item > li .set_detail .photo .zoom_btn a:hover { opacity: 0.7; }
  .contents .category .item > li .set_detail ul { display: table-cell; padding-left: 10px; vertical-align: middle; }
  .contents .category .item > li .set_detail ul li { text-indent: -1em; padding-left: 1em; }
  .contents .category .item > li table { border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; width: 100%; }
  .contents .category .item > li table th { background: #ddecc7; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; font-weight: normal; padding: 8px 5px; text-align: left; }
  .contents .category .item > li table td { border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; padding-right: 5px; text-align: right; }
  .contents .point_area { background-color: #fdf9ee; padding: 40px 0; }
  .contents .point_area h2 { color: #fe634c; font-size: 3.8rem; margin-bottom: 25px; text-align: center; }
  .contents .point_area ul { font-size: 0rem; margin: 0 auto; width: 940px; }
  .contents .point_area ul li { -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 1.6rem; padding: 0 15px; vertical-align: top; width: 33.33333%; }
  .contents .point_area ul li .catch { margin-bottom: 10px; text-align: center; }
  .contents .point_area ul li .text { line-height: 1.7em; min-height: 190px; margin-bottom: 15px; }
  .contents .point_area ul li .text strong { color: #fe634c; font-weight: normal; }
  .contents .point_area ul li dl { font-size: 0rem; margin-bottom: 3px; }
  .contents .point_area ul li dl dt { display: inline-block; vertical-align: middle; width: 50%; }
  .contents .point_area ul li dl dt span { background-color: #e2a60a; color: #fff; display: block; font-size: 1.6rem; text-align: center; width: 124px; }
  .contents .point_area ul li dl dd { display: inline-block; font-size: 1.6rem; vertical-align: middle; width: 50%; }
  .contents .point_area ul li .point { color: #fe634c; font-size: 2.8rem; font-weight: bold; padding-top: 40px; text-align: center; }
  .contents .form_area { padding: 40px 0; }
  .contents .form_area .att_text { color: #fe634c; margin-bottom: 5px; text-align: center; }
  .contents .form_area h2 { margin-bottom: 30px; text-align: center; }
  .contents .form_area .attention { background-color: #fdeeee; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 20px; padding: 25px; width: 940px; }
  .contents .form_area .attention ul li { text-indent: -1em; padding-left: 1em; }
  .contents .form_area .info { margin: 0 auto 10px; width: 940px; }
  .contents .form_area .info span { color: #fe634c; }
  .contents .form_area form table { margin: 0 auto; width: 940px; }
  .contents .form_area form table:nth-child(2) tr th { border-top: 0; }
  .contents .form_area form table:nth-child(2) tr td { border-top: 0; }
  .contents .form_area form table:nth-child(3) { border-bottom: #99ca3a 1px dotted; }
  .contents .form_area form table:nth-child(3) tr:first-child th { border-top: 0; }
  .contents .form_area form table:nth-child(3) tr:first-child td { border-top: 0; }
  .contents .form_area form table thead { background-color: #5bbe02; width: 100%; }
  .contents .form_area form table thead tr th { color: #fff; font-size: 1.8rem; font-weight: normal; padding: 20px 25px; text-align: left; }
  .contents .form_area form table tbody tr th { background-color: #fdf9ee; border-top: #99ca3a 1px dotted; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal; padding: 25px; text-align: left; vertical-align: top; width: 195px; }
  .contents .form_area form table tbody tr td { border-top: #99ca3a 1px dotted; padding: 25px; }
  .contents .form_area form table tbody tr td .set_select li { background: url(../images/icon_dot.png) no-repeat left 7px; margin-bottom: 20px; padding-left: 20px; }
  .contents .form_area form table tbody tr td .set_select li:last-child { margin-bottom: 0; }
  .contents .form_area form table tbody tr td .set_select li p { font-size: 1.3rem; margin-bottom: 5px; }
  .contents .form_area form table tbody tr td .set_select li p.ttl { font-size: 1.5rem; }
  .contents .form_area form table tbody tr td .att_ttl { color: #fe634c; font-size: 1.8rem; margin-bottom: 5px; }
  .contents .form_area form table tbody tr td .att_list { margin-bottom: 10px; }
  .contents .form_area form table tbody tr td .check_area li { display: inline-block; line-height: 18px; vertical-align: middle; }
  .contents .form_area form table tbody tr td .check_area li + li { margin-left: 20px; }
  .contents .form_area form table tbody tr td .check_area li input[type=radio] { height: 18px; vertical-align: top; width: 18px; }
  .contents .form_area form table tbody tr td span { display: inline-block; vertical-align: middle; }
  .contents .form_area form table tbody tr td span.att { color: #fe634c; font-size: 1.3rem; padding-left: 15px; }
  .contents .form_area form table tbody tr td span.ex { color: #888888; font-size: 1.3rem; padding-left: 15px; }
  .contents .form_area form table tbody tr td span.address { padding-left: 15px; }
  .contents .form_area form table tbody tr td span.btn_address { cursor: pointer; font-size: 0rem; line-height: 0; padding-left: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
  .contents .form_area form table tbody tr td span.btn_address img { vertical-align: middle; }
  .contents .form_area form table tbody tr td span.btn_address:hover { opacity: 0.7; }
  .contents .form_area form table tbody tr td select { font-size: 1.3rem; }
  .contents .form_area form table tbody tr td input[type=text] { border: 0; background-color: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; -webkit-appearance: none; outline: none; font-size: 1.3rem; border: #cfcfcf 1px solid; padding: 5px; }
  .contents .form_area form table tbody tr td input[type=text].long { width: 500px; }
  .contents .form_area form table tbody tr td input[type=text].numb { width: 80px; }
  .contents .form_area form table tbody tr td textarea { border: 0; background-color: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; -webkit-appearance: none; outline: none; font-size: 1.3rem; border: #cfcfcf 1px solid; padding: 5px; width: 100%; }
  .contents .form_area form table tbody tr td p { margin-top: 5px; }
  .contents .form_area form .btn_area { margin-top: 40px; text-align: center; }
  .contents .form_area form .btn_area span { display: inline-block; margin: 0 10px; }
  .contents .form_area form .btn_area span a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
  .contents .form_area form .btn_area span a:hover { opacity: 0.7; }
  .contents .complete { margin: 0 auto; width: 940px; }
  .contents .complete .complete_ttl { color: #fe634c; font-size: 2rem; font-weight: bold; margin-bottom: 10px; text-align: center; }
  .contents .complete .complete_text { margin-bottom: 20px; text-align: center; }
  .contents .complete .btn_area { margin-top: 40px; text-align: center; }
  .contents .complete .btn_area span { display: inline-block; margin: 0 10px; }
  .contents .complete .btn_area span a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
  .contents .complete .btn_area span a:hover { opacity: 0.7; }
  footer { padding: 40px 0; text-align: center; font-size: 1.1rem; } }
@media screen and (max-width: 767px) { header { background-color: #fdf9ee; padding-bottom: 35px; }
  header h1 { margin: 0 auto; width: 100%; }
  header .text { font-size: 1.3rem; margin: 20px auto 20px; width: 90%; }
  header .text strong { color: #fe634c; font-weight: normal; }
  header .set_ttl { margin: 0 auto; width: 90%; }
  header .set_ttl .detail .text_area { background: url(../images/set_ttl_photo.jpg) no-repeat left top; -moz-background-size: 85px auto; background-size: 85px auto; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 85px; margin-bottom: 15px; padding-left: 95px; padding-top: 15px; display: inline-block; }
  header .set_ttl .detail .text_area .ttl { font-size: 1.4rem; }
  header .set_ttl .detail .text_area .ttl strong { font-size: 1.8rem; font-weight: normal; }
  header .set_ttl .detail .text_area .price { color: #fe634c; font-size: 1.4rem; margin-bottom: 5px; }
  header .set_ttl .detail .text_area .price strong { font-size: 1.8rem; font-weight: normal; }
  header .set_ttl .detail ul { margin-bottom: 20px; }
  header .set_ttl .detail ul li { font-size: 1rem; }
  header .set_ttl .btn { margin: 0 auto; max-width: 500px; }
  header .set_ttl .btn p { color: #fe634c; font-size: 1.5rem; font-weight: bold; margin-top: 15px; text-align: center; }
  .contents .category { padding: 35px 0; }
  .contents .category:nth-child(even) { background-color: #fdf9ee; }
  .contents .category .ttl_area { margin: 0 auto 15px; width: 90%; }
  .contents .category .ttl_area .category_ttl { margin-bottom: 15px; width: 170px; }
  .contents .category .ttl_area .info { display: inline-block; font-size: 1.3rem; font-weight: bold; vertical-align: middle; }
  .contents .category .text { font-size: 1.1rem; margin: 0 auto; width: 90%; }
  .contents .category .item { margin: 0 auto; width: 90%; }
  .contents .category .item > li { border-bottom: #000 1px solid; padding-top: 20px; padding-bottom: 20px; }
  .contents .category .item > li .name { background: url(../images/icon_arrow_name.png) no-repeat left 4px; -moz-background-size: 15px; background-size: 15px; color: #fe634c; font-size: 1.7rem; font-weight: bold; padding-left: 25px; }
  .contents .category .item > li .name.select { background: url(../images/icon_arrow_name02.png) no-repeat left 4px; -moz-background-size: 15px; background-size: 15px; }
  .contents .category .item > li .open_area { display: none; margin-top: 15px; }
  .contents .category .item > li .open_area .wrap { overflow: hidden; width: 100%; }
  .contents .category .item > li .open_area .wrap .set_detail { float: left; margin-bottom: 20px; vertical-align: top; width: 48%; }
  .contents .category .item > li .open_area .wrap .set_detail .photo { margin-bottom: 15px; width: 100px; }
  .contents .category .item > li .open_area .wrap .set_detail .photo .zoom_btn { margin: 10px 0 0; }
  .contents .category .item > li .open_area .wrap .set_detail ul { font-size: 13px; }
  .contents .category .item > li .open_area .wrap .set_detail ul li { text-indent: -1em; padding-left: 1em; }
  .contents .category .item > li .open_area .wrap table { float: right; vertical-align: top; width: 50%; }
  .contents .category .item > li .open_area .wrap table th { font-size: 1.2rem; background: #ddecc7; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; font-weight: normal; padding: 3px 5px; text-align: left; width: 50%; }
  .contents .category .item > li .open_area .wrap table td { font-size: 1.2rem; background: #ffffff; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 3px 5px; text-align: right; width: 50%; }
  .contents .category .item > li .open_area .wrap table tr:first-of-type th, .contents .category .item > li .open_area .wrap table tr:first-of-type td { border-top: 1px solid #cccccc; }
  .contents .category .btn { margin: 20px auto 0; max-width: 500px; width: 90%; }
  .contents .category .btn p { color: #fe634c; font-size: 1.5rem; font-weight: bold; margin-top: 15px; text-align: center; }
  .contents .point_area { background-color: #fdf9ee; padding: 40px 0 20px; }
  .contents .point_area h2 { color: #fe634c; font-size: 1.8rem; margin-bottom: 20px; text-align: center; }
  .contents .point_area ul { font-size: 0rem; margin: 0 auto; width: 90%; }
  .contents .point_area ul li { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.3rem; margin-bottom: 20px; padding: 0 15px; vertical-align: top; }
  .contents .point_area ul li .catch { margin: 0 auto 10px; text-align: center; max-width: 500px; width: 80%; }
  .contents .point_area ul li .text { line-height: 1.7em; margin-bottom: 15px; }
  .contents .point_area ul li .text strong { color: #fe634c; font-weight: normal; }
  .contents .point_area ul li .photo { text-align: center; }
  .contents .point_area ul li .safe { font-size: 0rem; margin: 0 auto; width: 80%; }
  .contents .point_area ul li .safe dl { display: inline-block; vertical-align: top; width: 46%; }
  .contents .point_area ul li .safe dl + dl { margin-left: 5%; }
  .contents .point_area ul li .safe dl dt { vertical-align: middle; margin-bottom: 5px; }
  .contents .point_area ul li .safe dl dt span { background-color: #e2a60a; color: #fff; display: block; font-size: 1.3rem; text-align: center; width: 100%; }
  .contents .point_area ul li .safe dl dt span img { height: auto; width: 100%; }
  .contents .point_area ul li .safe dl dt span.ttl { padding: 3px 0; }
  .contents .point_area ul li .safe dl dd { font-size: 1.1rem; vertical-align: middle; }
  .contents .point_area ul li .point { color: #fe634c; font-size: 1.7rem; text-align: center; }
  .contents .form_area { margin: 0 auto; padding: 40px 0; width: 90%; }
  .contents .form_area .att_text { color: #fe634c; font-size: 1.2rem; margin-bottom: 5px; text-align: center; }
  .contents .form_area h2 { margin-bottom: 15px; text-align: center; }
  .contents .form_area .attention { background-color: #fdeeee; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 15px; padding: 15px; width: 100%; }
  .contents .form_area .attention ul { font-size: 1.2rem; }
  .contents .form_area .attention ul li { text-indent: -1em; padding-left: 1em; }
  .contents .form_area .info { margin: 0 auto 10px; width: 100%; }
  .contents .form_area .info span { color: #fe634c; }
  .contents .form_area form table { display: block; margin: 0 auto; width: 100%; }
  .contents .form_area form table:nth-child(3) { border-top: #cccccc 1px solid; }
  .contents .form_area form table thead { background-color: #5bbe02; display: block; width: 100%; }
  .contents .form_area form table thead tr { display: block; width: 100%; }
  .contents .form_area form table thead tr th { -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; display: block; font-size: 1.3rem; font-weight: normal; padding: 10px; text-align: left; width: 100%; }
  .contents .form_area form table thead tr th small { display: block; }
  .contents .form_area form table tbody { display: block; width: 100%; }
  .contents .form_area form table tbody tr { display: block; width: 100%; }
  .contents .form_area form table tbody tr th { background-color: #fdf9ee; border-top: #cccccc 1px solid; -moz-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 1.3rem; font-weight: normal; padding: 10px; text-align: left; vertical-align: top; width: 100%; }
  .contents .form_area form table tbody tr td { -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 15px 0 20px; width: 100%; }
  .contents .form_area form table tbody tr td .set_select li { background: url(../images/icon_dot.png) no-repeat left 7px; margin-bottom: 20px; padding-left: 20px; }
  .contents .form_area form table tbody tr td .set_select li:last-child { margin-bottom: 0; }
  .contents .form_area form table tbody tr td .set_select li p { font-size: 1.2rem; margin-bottom: 5px; }
  .contents .form_area form table tbody tr td .set_select li p.ttl { font-size: 1.5rem; }
  .contents .form_area form table tbody tr td p { font-size: 1.2rem; }
  .contents .form_area form table tbody tr td .att_ttl { color: #fe634c; font-size: 1.2rem; margin-bottom: 5px; }
  .contents .form_area form table tbody tr td .att_list { font-size: 1.2rem; margin-bottom: 10px; }
  .contents .form_area form table tbody tr td .check_area li { font-size: 1.2rem; display: inline-block; line-height: 18px; vertical-align: middle; }
  .contents .form_area form table tbody tr td .check_area li + li { margin-left: 20px; }
  .contents .form_area form table tbody tr td .check_area li input[type=radio] { height: 18px; vertical-align: top; width: 18px; }
  .contents .form_area form table tbody tr td span { display: inline-block; vertical-align: middle; }
  .contents .form_area form table tbody tr td span.att { color: #fe634c; display: block; font-size: 1.2rem; margin-top: 5px; }
  .contents .form_area form table tbody tr td span.ex { color: #888888; display: block; font-size: 1.2rem; margin-top: 5px; }
  .contents .form_area form table tbody tr td span.address { padding-left: 15px; width: 40%; }
  .contents .form_area form table tbody tr td span.btn_address { cursor: pointer; font-size: 0rem; line-height: 0; padding-left: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100px; }
  .contents .form_area form table tbody tr td span.btn_address img { vertical-align: middle; }
  .contents .form_area form table tbody tr td select { font-size: 1.3rem; }
  .contents .form_area form table tbody tr td input[type=text] { border: 0; background-color: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; -webkit-appearance: none; outline: none; font-size: 1.3rem; border: #dddddd 1px solid; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; width: 100%; }
  .contents .form_area form table tbody tr td input[type=text].numb { width: 79px; }
  .contents .form_area form table tbody tr td textarea { border: 0; background-color: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; -webkit-appearance: none; outline: none; font-size: 1.3rem; border: #dddddd 1px solid; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; width: 100%; }
  .contents .form_area form table tbody tr td p { margin-top: 5px; }
  .contents .form_area form .btn_area { margin-top: 40px; text-align: center; }
  .contents .form_area form .btn_area span { display: inline-block; }
  .contents .form_area form .btn_area span a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
  .contents .form_area form .btn_area span a:hover { opacity: 0.7; }
  .contents .complete { margin: 0 auto; width: 90%; }
  .contents .complete .complete_ttl { color: #fe634c; font-size: 1.5rem; font-weight: bold; margin-bottom: 10px; text-align: center; }
  .contents .complete .complete_text { font-size: 1.2rem; margin-bottom: 20px; text-align: center; }
  .contents .complete .btn_area { margin-top: 40px; text-align: center; }
  .contents .complete .btn_area span { display: inline-block; margin: 0 10px; }
  .contents .complete .btn_area span a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
  .contents .complete .btn_area span a:hover { opacity: 0.7; }
  footer { padding: 40px 0; text-align: center; font-size: 1.1rem; } }
