.takosection{
      display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  margin:5px 1%;
}

.takoselemaster p{
display: inline;
margin: 0;
padding:0;
}

.takosection p{
display: inline;
}

a.takosele-blue:link {
    color: #7EBFFF;
}


/* hoverの挙動 */
label[class="takoselected"]:hover {
    background-color: #666;
    cursor: pointer;
}
label[class="takosele-label"]:hover {
    background-color: #666;
    cursor: pointer;
}

.takoshoki{/*全非表示と全表示の枠*/
  text-align:center;
  width:100%;
  margin:auto;
  padding: 5px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.takotakoselected:checked+.takoselected {
    background: #FFB35D;
    //border:2px solid #CDD0D8;
}

.takotakoselected {
    display: none;
}
/*質問takoseleボタン*/
.takoselected {/* ボタン */
    font-size:13px;
    color: #333;
    border: 0.3px solid #999;
    padding: 0px 20px;
    cursor: pointer;
    display: inline-block;
    /* font-weight: bold; */
    line-height: 3;
    position: relative;
    margin: 0px 5px 0px 5px;
    background: #EFEFEF;
    /* border-radius: 5px; */
    overflow: hidden;
}


/*takoseleボタン*/
.takosele-label {/* ボタン */
      text-align: center;
    //border: solid 1px #706B6B;
    border: solid 1px #999;
    color: #494646;
    cursor: pointer;
    //background: #EFEFEF;
  
	font-size:13px;
	//padding: 0px 10px;
	cursor: pointer;
	display: inline-block;
	//font-weight: bold;
  font-weight:600;
	//line-height: 3;
	position: relative;
	margin: 0px 0.5% 0px 0.5%;
	border-radius:5px;
	overflow: hidden;
	width: 95%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex: 1;
      transition: .3;
  line-height: 3;
  box-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.4);
}

.takosele-switch {
    display: none;
}

.takosele-switch:checked+.takosele-label {
    background: #FFB35D;
  	//border:2px solid #CDD0D8;
}

.takocontainer{
  //background:#DDDDDD;
}

.takob-sele{
  font-weight:bold; 
  font-size:16px;
  color:#060080;
  margin:10px 0px 0 10px;
  display:inline-block;
}

.takob-select{
  width:25%;
  font-size: 13px;
  margin:10px 0px 0 10px;
  border: 1px solid #bbbbbb;
	border-radius: 3px;
	background: #eee;
  border: solid 1px #808080; /* 枠線のスタイル 太さ 色 */
  //box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    border: 1px solid #eee;
    -webkit-box-shadow: 1px 2px #ccc;
    text-indent: .2em;
}

.takoselecttop{
  //text-align:center;

  background:#C8E4FE;
  //margin-bottom:5px;
}

#takoseletop:nth-child(n) {
word-break: break-all;
    background: white;
    display: inline-block;
    flex: 100%;
    //line-height: 50px;
    vertical-align: bottom;
    padding: 5px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    align-items: center;
    display: flex;
    justify-content: center;
    flex: 1;
    background: #C8E4FE;
}

.takoselectcount{
  font-size:17px;
  text-align:center;
  margin-bottom:0;
}

.takoseletoptarget{
  text-align:center;
  font-size: 13px;
  display: flex;
  background:#C8E4FE;
  margin:10px 6px 0 6px;
  //padding:0px 10px 0 10px;
  border-radius: 5px 5px 5px 5px;
}

.takotakotarget{
    display: flex;
}

.boxes {/* === こいつが並べ替えのみそ ============================== */
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  background-color:#eee;
}

.boxes li {
  width: 100%;
  margin: 0px;
  box-sizing: border-box;
}

.takoosusume{
  text-align:center;
  margin:0;
  padding: 0 10px 10px 10px;
  display:flex;
  //width:70%;
  //border: 1px solid #333;
}
.takoosusumedesign{
    background-color: #FFF9E5;
    //display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    //height: 100%;
    //flex: 20%;
    flex: auto;
    padding: 7px;
    border: 1px solid #bbb;
}
.takopoint{
  background-color: #fff;
  display: inline-block;
  padding: 7px;
  width:70%;
  border: 1px solid #bbb;
  text-align:left;
}

.takopoint .yyi-rinker-title{
display: none;
//visibility: hidden;
}

.takopoint .credit{
display: none;
//visibility: hidden;
}

.takopoint .brand{
display: none;
//visibility: hidden;
}

.takopoint .yyi-rinker-image{
display: none;
//visibility: hidden;
}

.takopoint div.yyi-rinker-contents div.yyi-rinker-image{
display: none;
//visibility: hidden;
}

.takopoint div.yyi-rinker-contents div.yyi-rinker-box{
padding:0;
}

.takopoint div.yyi-rinker-contents{
border: none;
box-shadow: none;
margin:0;
}

.takopoint div.yyi-rinker-contents div.yyi-rinker-detail{
font-size:1em;
padding-left:5px;
}

.takopoint div.yyi-rinker-contents div.yyi-rinker-detail .price-box{
color:#666;
}

.takopoint div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info{
width:100%;
text-align:center;
}

.takopoint div.yyi-rinker-contents ul.yyi-rinker-links{
margin:0;
width:auto;
}

.takopoint li{
width:auto;
}


input[type="text"] {
  height:30px;
  font-size:18px;
  border-radius:3px;
  border:solid 1px #CCCCCC;
  color:#333333;
  padding:10px;
}

#takosele:nth-child(n) {
    word-break: break-all;
    background: white;
    display:inline-block;
    flex:100%;
    //line-height: 50px;
    vertical-align: bottom;
  padding:5px;
  text-align:center;
    position: relative;
    vertical-align: middle;
    align-items: center;
    display: flex;
    justify-content: center;
    flex: 1;
}

#takosele p{
margin:0;
padding:0;
display: inline-flex;
font-size: 13px;
}

#takoseletop p{
padding:0;
margin:0;
font-size: 13px;
}

.takotarget{
    position: relative;
    font-size: 13px;
    background-color: white;
    //padding: 10px;
    margin: 5px;
    /* border-radius: 3px; */
    //border: solid 0.5px #808080;
    box-shadow: 1.5px 1.5px 1.5px 1.5px rgba(0,0,0,0.3);
    text-align: center;
}

.takoselect_credit {
    font-size: 12px;
    margin-bottom: -10px;
    text-align: right;
    color: #999;
}

/* ---------- 必須CSS ここから ------------ */

.takotarget.takohidden {display: none;}

/* ---------- 必須CSS ここまで ------------ */

.takoselect-title{
      display: flex;
    flex: 70%;
    justify-content: space-between;
}

@media screen and (min-width: 751px){
.takosele-title{

align-items: center;
text-align: center;
margin: 0px 0.4% 0px 0.4%;
    flex: 30%;
    //border-left: 4px solid #0e6eb8;
    font-size: 13px;
    color: #0e6eb8;
    padding: 9px 0 9px 0;
    border-top: solid 2px #6cb4e4;
    border-bottom: solid 2px #6cb4e4;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    display: flex;
    justify-content: center;
}}

@media screen and (max-width: 750px){
.takosele-title {
    /* border-left: 4px solid #0e6eb8; */
    font-size: 13px;
    color: #6cb4e4;
    text-align: center;
    padding: 0.25em;
    border-top: solid 2px #6cb4e4;
    border-bottom: solid 2px #6cb4e4;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    margin: 10px 3px 10px 3px;
}}


@media screen and (max-width: 750px){
.takosection {
flex-flow: column;
}

.takob-sele {
display:flex;
font-size: 13px;
padding:10px 0 0 0;
}

.takob-select {
width:50%;
font-size:12px;
}

.takosele-label{
font-size: 9px;
    padding: 0px;
  }
  
.takoseletoptarget{
font-size: 9px;
}

.takoosusumedesign{
padding:3px 1px 3px 1px;
}

.takopoint{
padding:3px 5px 3px 5px;
}

.takoselected {/* ボタン */
    font-size:11px;
}

.takotarget{
    font-size: 9px;
}
.takoosusume {
    padding: 3px;
}
#takosele p{
font-size: 9px;
}

#takoseletop p{
font-size: 9px;
}

.takopoint div.yyi-rinker-contents ul.yyi-rinker-links{
width:100%;
}

}